@local-civics/hub-ui 0.1.208 → 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 +210 -7
- package/dist/index.js +710 -303
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +701 -304
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -1
package/dist/index.js
CHANGED
|
@@ -2,8 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
require('external-svg-loader');
|
|
5
|
+
var icons$1 = require('@tabler/icons');
|
|
5
6
|
var LinkifyIt = require('linkify-it');
|
|
6
7
|
var reactStringReplace = require('react-string-replace');
|
|
8
|
+
var reactRouterDom = require('react-router-dom');
|
|
7
9
|
|
|
8
10
|
function _interopNamespaceDefault(e) {
|
|
9
11
|
var n = Object.create(null);
|
|
@@ -51,7 +53,7 @@ function styleInject(css, ref) {
|
|
|
51
53
|
}
|
|
52
54
|
}
|
|
53
55
|
|
|
54
|
-
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}.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-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}.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-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}.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-\\[62\\.5rem\\]{max-width:62.5rem}.max-w-\\[12rem\\]{max-width:12rem}.max-w-\\[64rem\\]{max-width:64rem}.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-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-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-1{gap:.25rem}.gap-8{gap:2rem}.gap-7{gap:1.75rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.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-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-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.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)))}.place-self-center{place-self:center}.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-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-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-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-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-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-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-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.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-8{padding-bottom:2rem;padding-top:2rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.px-16{padding-left:4rem;padding-right:4rem}.pt-2{padding-top:.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-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}.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-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-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-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-col{flex-direction:column}.md\\:items-center{align-items:center}.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\\: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-\\[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-\\[16rem\\]{width:16rem}.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\\: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}}";
|
|
55
57
|
styleInject(css_248z);
|
|
56
58
|
|
|
57
59
|
const builder = (base = "", precondition) => {
|
|
@@ -952,19 +954,19 @@ const sprite = {
|
|
|
952
954
|
}
|
|
953
955
|
};
|
|
954
956
|
|
|
955
|
-
var __defProp$
|
|
956
|
-
var __getOwnPropSymbols$
|
|
957
|
-
var __hasOwnProp$
|
|
958
|
-
var __propIsEnum$
|
|
959
|
-
var __defNormalProp$
|
|
960
|
-
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) => {
|
|
961
963
|
for (var prop in b || (b = {}))
|
|
962
|
-
if (__hasOwnProp$
|
|
963
|
-
__defNormalProp$
|
|
964
|
-
if (__getOwnPropSymbols$
|
|
965
|
-
for (var prop of __getOwnPropSymbols$
|
|
966
|
-
if (__propIsEnum$
|
|
967
|
-
__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]);
|
|
968
970
|
}
|
|
969
971
|
return a;
|
|
970
972
|
};
|
|
@@ -983,9 +985,9 @@ const Icon$1 = (props) => {
|
|
|
983
985
|
},
|
|
984
986
|
/* @__PURE__ */ React.createElement("title", null, props.name),
|
|
985
987
|
contents.map((v, k) => {
|
|
986
|
-
return v.d && /* @__PURE__ */ React.createElement("path", __spreadValues$
|
|
988
|
+
return v.d && /* @__PURE__ */ React.createElement("path", __spreadValues$l({ key: k }, v));
|
|
987
989
|
}),
|
|
988
|
-
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)))
|
|
989
991
|
);
|
|
990
992
|
};
|
|
991
993
|
|
|
@@ -1005,7 +1007,7 @@ const Button = (props) => {
|
|
|
1005
1007
|
withColor(config, props.color || "slate", props.theme);
|
|
1006
1008
|
withSize(config, props.size || "sm");
|
|
1007
1009
|
withActive$1(config, props.active);
|
|
1008
|
-
withDisabled$
|
|
1010
|
+
withDisabled$2(config, props.disabled);
|
|
1009
1011
|
withFilter(config, props.filter);
|
|
1010
1012
|
withJustify(config, props.justify);
|
|
1011
1013
|
withBorder(config, props.border);
|
|
@@ -1311,7 +1313,7 @@ const withActive$1 = (config, active) => {
|
|
|
1311
1313
|
config.button.color.active = defaultConfig$1().button.color.active;
|
|
1312
1314
|
}
|
|
1313
1315
|
};
|
|
1314
|
-
const withDisabled$
|
|
1316
|
+
const withDisabled$2 = (config, disabled) => {
|
|
1315
1317
|
if (disabled) {
|
|
1316
1318
|
if (config.button.color.text === "text-white") {
|
|
1317
1319
|
config.button.color.bg = "bg-slate-200";
|
|
@@ -1571,21 +1573,21 @@ const ActivityItem = (props) => {
|
|
|
1571
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")))));
|
|
1572
1574
|
};
|
|
1573
1575
|
|
|
1574
|
-
var __defProp$
|
|
1576
|
+
var __defProp$k = Object.defineProperty;
|
|
1575
1577
|
var __defProps$e = Object.defineProperties;
|
|
1576
1578
|
var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
|
|
1577
|
-
var __getOwnPropSymbols$
|
|
1578
|
-
var __hasOwnProp$
|
|
1579
|
-
var __propIsEnum$
|
|
1580
|
-
var __defNormalProp$
|
|
1581
|
-
var __spreadValues$
|
|
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) => {
|
|
1582
1584
|
for (var prop in b || (b = {}))
|
|
1583
|
-
if (__hasOwnProp$
|
|
1584
|
-
__defNormalProp$
|
|
1585
|
-
if (__getOwnPropSymbols$
|
|
1586
|
-
for (var prop of __getOwnPropSymbols$
|
|
1587
|
-
if (__propIsEnum$
|
|
1588
|
-
__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]);
|
|
1589
1591
|
}
|
|
1590
1592
|
return a;
|
|
1591
1593
|
};
|
|
@@ -1601,12 +1603,12 @@ const TagFilter = (props) => {
|
|
|
1601
1603
|
const [active, setActive] = React.useState(init);
|
|
1602
1604
|
const onTagClick = (tag) => {
|
|
1603
1605
|
if (active[tag]) {
|
|
1604
|
-
setActive(__spreadProps$e(__spreadValues$
|
|
1605
|
-
const tags = Object.entries(__spreadProps$e(__spreadValues$
|
|
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);
|
|
1606
1608
|
props.onChange && props.onChange(tags);
|
|
1607
1609
|
} else {
|
|
1608
|
-
setActive(__spreadProps$e(__spreadValues$
|
|
1609
|
-
const tags = Object.entries(__spreadProps$e(__spreadValues$
|
|
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);
|
|
1610
1612
|
props.onChange && props.onChange(tags);
|
|
1611
1613
|
}
|
|
1612
1614
|
};
|
|
@@ -1652,21 +1654,21 @@ const debounce = (func, delay) => {
|
|
|
1652
1654
|
};
|
|
1653
1655
|
};
|
|
1654
1656
|
|
|
1655
|
-
var __defProp$
|
|
1657
|
+
var __defProp$j = Object.defineProperty;
|
|
1656
1658
|
var __defProps$d = Object.defineProperties;
|
|
1657
1659
|
var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
|
|
1658
|
-
var __getOwnPropSymbols$
|
|
1659
|
-
var __hasOwnProp$
|
|
1660
|
-
var __propIsEnum$
|
|
1661
|
-
var __defNormalProp$
|
|
1662
|
-
var __spreadValues$
|
|
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) => {
|
|
1663
1665
|
for (var prop in b || (b = {}))
|
|
1664
|
-
if (__hasOwnProp$
|
|
1665
|
-
__defNormalProp$
|
|
1666
|
-
if (__getOwnPropSymbols$
|
|
1667
|
-
for (var prop of __getOwnPropSymbols$
|
|
1668
|
-
if (__propIsEnum$
|
|
1669
|
-
__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]);
|
|
1670
1672
|
}
|
|
1671
1673
|
return a;
|
|
1672
1674
|
};
|
|
@@ -1688,14 +1690,14 @@ const ActivityList = (props) => {
|
|
|
1688
1690
|
isLoading: props.isLoading,
|
|
1689
1691
|
primary: !props.search && primary && /* @__PURE__ */ React.createElement(
|
|
1690
1692
|
ActivityItem,
|
|
1691
|
-
__spreadProps$d(__spreadValues$
|
|
1693
|
+
__spreadProps$d(__spreadValues$j({}, primary), {
|
|
1692
1694
|
onClick: () => props.onActivityClick && props.onActivityClick(primary.activityId)
|
|
1693
1695
|
})
|
|
1694
1696
|
),
|
|
1695
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) => {
|
|
1696
1698
|
return /* @__PURE__ */ React.createElement(
|
|
1697
1699
|
ActivityItem,
|
|
1698
|
-
__spreadProps$d(__spreadValues$
|
|
1700
|
+
__spreadProps$d(__spreadValues$j({
|
|
1699
1701
|
key: `${activity.activityId}`
|
|
1700
1702
|
}, activity), {
|
|
1701
1703
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1705,7 +1707,7 @@ const ActivityList = (props) => {
|
|
|
1705
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) => {
|
|
1706
1708
|
return /* @__PURE__ */ React.createElement(
|
|
1707
1709
|
ActivityItem,
|
|
1708
|
-
__spreadProps$d(__spreadValues$
|
|
1710
|
+
__spreadProps$d(__spreadValues$j({
|
|
1709
1711
|
key: `${activity.activityId}`
|
|
1710
1712
|
}, activity), {
|
|
1711
1713
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1715,7 +1717,7 @@ const ActivityList = (props) => {
|
|
|
1715
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) => {
|
|
1716
1718
|
return /* @__PURE__ */ React.createElement(
|
|
1717
1719
|
ActivityItem,
|
|
1718
|
-
__spreadProps$d(__spreadValues$
|
|
1720
|
+
__spreadProps$d(__spreadValues$j({
|
|
1719
1721
|
key: `${activity.activityId}`
|
|
1720
1722
|
}, activity), {
|
|
1721
1723
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1726,7 +1728,7 @@ const ActivityList = (props) => {
|
|
|
1726
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) => {
|
|
1727
1729
|
return /* @__PURE__ */ React.createElement(
|
|
1728
1730
|
ActivityItem,
|
|
1729
|
-
__spreadProps$d(__spreadValues$
|
|
1731
|
+
__spreadProps$d(__spreadValues$j({
|
|
1730
1732
|
key: `${activity.activityId}`
|
|
1731
1733
|
}, activity), {
|
|
1732
1734
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1752,21 +1754,21 @@ const Search$1 = ({ send, value }) => {
|
|
|
1752
1754
|
)));
|
|
1753
1755
|
};
|
|
1754
1756
|
|
|
1755
|
-
var __defProp$
|
|
1757
|
+
var __defProp$i = Object.defineProperty;
|
|
1756
1758
|
var __defProps$c = Object.defineProperties;
|
|
1757
1759
|
var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
|
|
1758
|
-
var __getOwnPropSymbols$
|
|
1759
|
-
var __hasOwnProp$
|
|
1760
|
-
var __propIsEnum$
|
|
1761
|
-
var __defNormalProp$
|
|
1762
|
-
var __spreadValues$
|
|
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) => {
|
|
1763
1765
|
for (var prop in b || (b = {}))
|
|
1764
|
-
if (__hasOwnProp$
|
|
1765
|
-
__defNormalProp$
|
|
1766
|
-
if (__getOwnPropSymbols$
|
|
1767
|
-
for (var prop of __getOwnPropSymbols$
|
|
1768
|
-
if (__propIsEnum$
|
|
1769
|
-
__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]);
|
|
1770
1772
|
}
|
|
1771
1773
|
return a;
|
|
1772
1774
|
};
|
|
@@ -1778,8 +1780,8 @@ const ActivityReflection = (props) => {
|
|
|
1778
1780
|
reflection: props.reflection
|
|
1779
1781
|
});
|
|
1780
1782
|
const hasChanges = props.hasChanges || props.canReflect && (props.rating !== reaction.rating || props.reflection !== reaction.reflection);
|
|
1781
|
-
const setFeedback = (feedback) => setReaction(__spreadProps$c(__spreadValues$
|
|
1782
|
-
const setRating = (rating) => setReaction(__spreadProps$c(__spreadValues$
|
|
1783
|
+
const setFeedback = (feedback) => setReaction(__spreadProps$c(__spreadValues$i({}, reaction), { reflection: feedback }));
|
|
1784
|
+
const setRating = (rating) => setReaction(__spreadProps$c(__spreadValues$i({}, reaction), { rating }));
|
|
1783
1785
|
React.useEffect(() => {
|
|
1784
1786
|
setReaction({
|
|
1785
1787
|
rating: props.rating,
|
|
@@ -1806,7 +1808,7 @@ const ActivityReflection = (props) => {
|
|
|
1806
1808
|
defaultValue: props.reflection,
|
|
1807
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"
|
|
1808
1810
|
}
|
|
1809
|
-
), props.canReflect && /* @__PURE__ */ React.createElement(Rating$1, __spreadProps$c(__spreadValues$
|
|
1811
|
+
), props.canReflect && /* @__PURE__ */ React.createElement(Rating$1, __spreadProps$c(__spreadValues$i(__spreadValues$i({}, props), reaction), { setRating })))))));
|
|
1810
1812
|
};
|
|
1811
1813
|
const Rating$1 = (props) => {
|
|
1812
1814
|
const maxPoints = 5;
|
|
@@ -3212,21 +3214,21 @@ const Overlay = (props) => {
|
|
|
3212
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);
|
|
3213
3215
|
};
|
|
3214
3216
|
|
|
3215
|
-
var __defProp$
|
|
3217
|
+
var __defProp$h = Object.defineProperty;
|
|
3216
3218
|
var __defProps$b = Object.defineProperties;
|
|
3217
3219
|
var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
|
|
3218
|
-
var __getOwnPropSymbols$
|
|
3219
|
-
var __hasOwnProp$
|
|
3220
|
-
var __propIsEnum$
|
|
3221
|
-
var __defNormalProp$
|
|
3222
|
-
var __spreadValues$
|
|
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) => {
|
|
3223
3225
|
for (var prop in b || (b = {}))
|
|
3224
|
-
if (__hasOwnProp$
|
|
3225
|
-
__defNormalProp$
|
|
3226
|
-
if (__getOwnPropSymbols$
|
|
3227
|
-
for (var prop of __getOwnPropSymbols$
|
|
3228
|
-
if (__propIsEnum$
|
|
3229
|
-
__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]);
|
|
3230
3232
|
}
|
|
3231
3233
|
return a;
|
|
3232
3234
|
};
|
|
@@ -3248,7 +3250,7 @@ const Badge = (props) => {
|
|
|
3248
3250
|
props.onClose();
|
|
3249
3251
|
}
|
|
3250
3252
|
};
|
|
3251
|
-
return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, !open && /* @__PURE__ */ React__namespace.createElement(BadgeButton, __spreadProps$b(__spreadValues$
|
|
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 }))));
|
|
3252
3254
|
};
|
|
3253
3255
|
|
|
3254
3256
|
const BadgeActivity = (props) => {
|
|
@@ -3283,21 +3285,21 @@ const BadgeActivity = (props) => {
|
|
|
3283
3285
|
})))));
|
|
3284
3286
|
};
|
|
3285
3287
|
|
|
3286
|
-
var __defProp$
|
|
3288
|
+
var __defProp$g = Object.defineProperty;
|
|
3287
3289
|
var __defProps$a = Object.defineProperties;
|
|
3288
3290
|
var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
|
|
3289
|
-
var __getOwnPropSymbols$
|
|
3290
|
-
var __hasOwnProp$
|
|
3291
|
-
var __propIsEnum$
|
|
3292
|
-
var __defNormalProp$
|
|
3293
|
-
var __spreadValues$
|
|
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) => {
|
|
3294
3296
|
for (var prop in b || (b = {}))
|
|
3295
|
-
if (__hasOwnProp$
|
|
3296
|
-
__defNormalProp$
|
|
3297
|
-
if (__getOwnPropSymbols$
|
|
3298
|
-
for (var prop of __getOwnPropSymbols$
|
|
3299
|
-
if (__propIsEnum$
|
|
3300
|
-
__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]);
|
|
3301
3303
|
}
|
|
3302
3304
|
return a;
|
|
3303
3305
|
};
|
|
@@ -3318,7 +3320,7 @@ const BadgeActivityMenu = (props) => {
|
|
|
3318
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) => {
|
|
3319
3321
|
const id2 = o.activityId || i2;
|
|
3320
3322
|
const date = o.startTime ? new Date(o.startTime) : null;
|
|
3321
|
-
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$
|
|
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 })));
|
|
3322
3324
|
})));
|
|
3323
3325
|
})));
|
|
3324
3326
|
};
|
|
@@ -3363,21 +3365,21 @@ const Widget = (props) => {
|
|
|
3363
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)));
|
|
3364
3366
|
};
|
|
3365
3367
|
|
|
3366
|
-
var __defProp$
|
|
3368
|
+
var __defProp$f = Object.defineProperty;
|
|
3367
3369
|
var __defProps$9 = Object.defineProperties;
|
|
3368
3370
|
var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
|
|
3369
|
-
var __getOwnPropSymbols$
|
|
3370
|
-
var __hasOwnProp$
|
|
3371
|
-
var __propIsEnum$
|
|
3372
|
-
var __defNormalProp$
|
|
3373
|
-
var __spreadValues$
|
|
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) => {
|
|
3374
3376
|
for (var prop in b || (b = {}))
|
|
3375
|
-
if (__hasOwnProp$
|
|
3376
|
-
__defNormalProp$
|
|
3377
|
-
if (__getOwnPropSymbols$
|
|
3378
|
-
for (var prop of __getOwnPropSymbols$
|
|
3379
|
-
if (__propIsEnum$
|
|
3380
|
-
__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]);
|
|
3381
3383
|
}
|
|
3382
3384
|
return a;
|
|
3383
3385
|
};
|
|
@@ -3441,7 +3443,7 @@ const BadgeSection = (props) => {
|
|
|
3441
3443
|
if (!(opt.label in filters)) {
|
|
3442
3444
|
return;
|
|
3443
3445
|
}
|
|
3444
|
-
const next = __spreadValues$
|
|
3446
|
+
const next = __spreadValues$f({}, filters);
|
|
3445
3447
|
next[opt.label].isActive = !next[opt.label].isActive;
|
|
3446
3448
|
setFilters(next);
|
|
3447
3449
|
},
|
|
@@ -3467,15 +3469,15 @@ const BadgeSection = (props) => {
|
|
|
3467
3469
|
},
|
|
3468
3470
|
"Grid View?"
|
|
3469
3471
|
)))), /* @__PURE__ */ React__namespace.createElement("div", null, !!props.readonly && /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, preview.map((b, i) => {
|
|
3470
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3472
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list, readonly: props.readonly }));
|
|
3471
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) => {
|
|
3472
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3474
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3473
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) => {
|
|
3474
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3476
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3475
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) => {
|
|
3476
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3478
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3477
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) => {
|
|
3478
|
-
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3480
|
+
return /* @__PURE__ */ React__namespace.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3479
3481
|
}))))))))));
|
|
3480
3482
|
};
|
|
3481
3483
|
const getLayout$1 = (list) => {
|
|
@@ -3512,7 +3514,7 @@ const BadgeSuccessDialog = (props) => {
|
|
|
3512
3514
|
const Tab = (props) => {
|
|
3513
3515
|
const config = defaultTabConfig();
|
|
3514
3516
|
withActive(config, props.active);
|
|
3515
|
-
withDisabled(config, props.disabled);
|
|
3517
|
+
withDisabled$1(config, props.disabled);
|
|
3516
3518
|
withSecondary(config, props.secondary);
|
|
3517
3519
|
const onClick = () => !props.disabled && !props.active && props.onClick && props.onClick();
|
|
3518
3520
|
return /* @__PURE__ */ React.createElement("div", { onClick, className: classname(config.container) }, /* @__PURE__ */ React.createElement("div", { className: "m-auto w-max" }, props.icon && /* @__PURE__ */ React.createElement("div", { className: classname(config.icon) }, /* @__PURE__ */ React.createElement(Icon$1, { name: props.icon })), /* @__PURE__ */ React.createElement("h4", { className: classname(config.title) }, props.title)));
|
|
@@ -3549,7 +3551,7 @@ const withActive = (config, active) => {
|
|
|
3549
3551
|
}
|
|
3550
3552
|
config.active = active;
|
|
3551
3553
|
};
|
|
3552
|
-
const withDisabled = (config, disabled) => {
|
|
3554
|
+
const withDisabled$1 = (config, disabled) => {
|
|
3553
3555
|
if (disabled) {
|
|
3554
3556
|
config.container.cursor = "";
|
|
3555
3557
|
config.container.bg.color = "";
|
|
@@ -3706,6 +3708,37 @@ const ordNumber = (n) => {
|
|
|
3706
3708
|
return n + (s[(v - 20) % 10] || s[v] || s[0]);
|
|
3707
3709
|
};
|
|
3708
3710
|
|
|
3711
|
+
const LINKS = [
|
|
3712
|
+
{ label: "About", href: "https://www.localcivics.io" },
|
|
3713
|
+
{ label: "Terms", href: "https://www.localcivics.io/terms-of-service" },
|
|
3714
|
+
{ label: "Privacy", href: "https://www.localcivics.io/privacy-policy" },
|
|
3715
|
+
{ label: "Help Center", href: "https://localcivics.notion.site/Help-Center-b52300f587b64fc0a61f512686e7626d" }
|
|
3716
|
+
];
|
|
3717
|
+
const SOCIALS = [
|
|
3718
|
+
{ label: "Instagram", href: "https://www.instagram.com/localcivics/", icon: icons$1.IconBrandInstagram },
|
|
3719
|
+
{ label: "LinkedIn", href: "https://www.linkedin.com/company/localcivics", icon: icons$1.IconBrandLinkedin },
|
|
3720
|
+
{ label: "Facebook", href: "https://www.facebook.com/localcivics/", icon: icons$1.IconBrandFacebook }
|
|
3721
|
+
];
|
|
3722
|
+
const Footer = () => {
|
|
3723
|
+
const linkClassName = builder("text-sm text-slate-500").append("hover:text-slate-700").build();
|
|
3724
|
+
const socialClassName = builder("flex h-9 w-9 items-center justify-center rounded-full text-slate-400").append("hover:bg-slate-100 hover:text-slate-600").build();
|
|
3725
|
+
return /* @__PURE__ */ React.createElement("footer", { className: "w-full border-t border-slate-100" }, /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-[64rem] m-auto flex flex-col gap-6 px-4 py-8 lg:px-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-start md:justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex max-w-xs flex-col gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("img", { className: "w-4", src: "https://cdn.localcivics.io/brand/l.png", alt: "Local Civics" }), /* @__PURE__ */ React.createElement("span", { className: "text-lg font-bold text-slate-500" }, "PathLink")), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-slate-400" }, "We connect students to powerful civic learning experiences.")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-x-6 gap-y-2" }, LINKS.map((link) => /* @__PURE__ */ React.createElement("a", { key: link.label, className: linkClassName, href: link.href, target: "_blank", rel: "noreferrer" }, link.label)))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col-reverse gap-4 border-t border-slate-100 pt-6 md:flex-row md:items-center md:justify-between" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-slate-400" }, "\xA9 ", new Date().getFullYear(), " Local Civics. All rights reserved."), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-1" }, SOCIALS.map((social) => {
|
|
3726
|
+
const Icon = social.icon;
|
|
3727
|
+
return /* @__PURE__ */ React.createElement(
|
|
3728
|
+
"a",
|
|
3729
|
+
{
|
|
3730
|
+
key: social.label,
|
|
3731
|
+
className: socialClassName,
|
|
3732
|
+
href: social.href,
|
|
3733
|
+
target: "_blank",
|
|
3734
|
+
rel: "noreferrer",
|
|
3735
|
+
"aria-label": social.label
|
|
3736
|
+
},
|
|
3737
|
+
/* @__PURE__ */ React.createElement(Icon, { size: 18, stroke: 1.5 })
|
|
3738
|
+
);
|
|
3739
|
+
})))));
|
|
3740
|
+
};
|
|
3741
|
+
|
|
3709
3742
|
const Home = () => {
|
|
3710
3743
|
return /* @__PURE__ */ React__namespace.createElement("div", { className: "relative h-full w-full" }, /* @__PURE__ */ React__namespace.createElement(
|
|
3711
3744
|
"img",
|
|
@@ -3766,21 +3799,21 @@ const linkify = (text) => {
|
|
|
3766
3799
|
return replacedText;
|
|
3767
3800
|
};
|
|
3768
3801
|
|
|
3769
|
-
var __defProp$
|
|
3802
|
+
var __defProp$e = Object.defineProperty;
|
|
3770
3803
|
var __defProps$8 = Object.defineProperties;
|
|
3771
3804
|
var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
|
|
3772
|
-
var __getOwnPropSymbols$
|
|
3773
|
-
var __hasOwnProp$
|
|
3774
|
-
var __propIsEnum$
|
|
3775
|
-
var __defNormalProp$
|
|
3776
|
-
var __spreadValues$
|
|
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) => {
|
|
3777
3810
|
for (var prop in b || (b = {}))
|
|
3778
|
-
if (__hasOwnProp$
|
|
3779
|
-
__defNormalProp$
|
|
3780
|
-
if (__getOwnPropSymbols$
|
|
3781
|
-
for (var prop of __getOwnPropSymbols$
|
|
3782
|
-
if (__propIsEnum$
|
|
3783
|
-
__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]);
|
|
3784
3817
|
}
|
|
3785
3818
|
return a;
|
|
3786
3819
|
};
|
|
@@ -3811,28 +3844,28 @@ const FormItem = (props) => {
|
|
|
3811
3844
|
}
|
|
3812
3845
|
}, [isTextError]);
|
|
3813
3846
|
const marginBottom = props.format === "text" ? "-mb-7" : "";
|
|
3814
|
-
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$
|
|
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);
|
|
3815
3848
|
};
|
|
3816
3849
|
const Switch = (props) => {
|
|
3817
3850
|
switch (true) {
|
|
3818
3851
|
case props.format === "embed":
|
|
3819
|
-
return /* @__PURE__ */ React.createElement(Embed, __spreadValues$
|
|
3852
|
+
return /* @__PURE__ */ React.createElement(Embed, __spreadValues$e({}, props));
|
|
3820
3853
|
case props.format === "image":
|
|
3821
|
-
return /* @__PURE__ */ React.createElement(Image, __spreadValues$
|
|
3854
|
+
return /* @__PURE__ */ React.createElement(Image, __spreadValues$e({}, props));
|
|
3822
3855
|
case props.questionType === "radio":
|
|
3823
|
-
return /* @__PURE__ */ React.createElement(RadioQuestion, __spreadValues$
|
|
3856
|
+
return /* @__PURE__ */ React.createElement(RadioQuestion, __spreadValues$e({}, props));
|
|
3824
3857
|
case props.questionType === "checkbox":
|
|
3825
|
-
return /* @__PURE__ */ React.createElement(CheckboxQuestion, __spreadValues$
|
|
3858
|
+
return /* @__PURE__ */ React.createElement(CheckboxQuestion, __spreadValues$e({}, props));
|
|
3826
3859
|
case props.questionType === "drop down":
|
|
3827
|
-
return /* @__PURE__ */ React.createElement(DropDownQuestion, __spreadValues$
|
|
3860
|
+
return /* @__PURE__ */ React.createElement(DropDownQuestion, __spreadValues$e({}, props));
|
|
3828
3861
|
case props.questionType === "file upload":
|
|
3829
|
-
return /* @__PURE__ */ React.createElement(FileUploadQuestion, __spreadValues$
|
|
3862
|
+
return /* @__PURE__ */ React.createElement(FileUploadQuestion, __spreadValues$e({}, props));
|
|
3830
3863
|
case props.questionType === "text":
|
|
3831
|
-
return /* @__PURE__ */ React.createElement(TextQuestion, __spreadValues$
|
|
3864
|
+
return /* @__PURE__ */ React.createElement(TextQuestion, __spreadValues$e({}, props));
|
|
3832
3865
|
case props.questionType === "date":
|
|
3833
|
-
return /* @__PURE__ */ React.createElement(DateQuestion, __spreadValues$
|
|
3866
|
+
return /* @__PURE__ */ React.createElement(DateQuestion, __spreadValues$e({}, props));
|
|
3834
3867
|
case props.questionType === "time":
|
|
3835
|
-
return /* @__PURE__ */ React.createElement(TimeQuestion, __spreadValues$
|
|
3868
|
+
return /* @__PURE__ */ React.createElement(TimeQuestion, __spreadValues$e({}, props));
|
|
3836
3869
|
default:
|
|
3837
3870
|
return null;
|
|
3838
3871
|
}
|
|
@@ -4189,21 +4222,21 @@ const FormSubmitDialog$1 = (props) => {
|
|
|
4189
4222
|
))));
|
|
4190
4223
|
};
|
|
4191
4224
|
|
|
4192
|
-
var __defProp$
|
|
4225
|
+
var __defProp$d = Object.defineProperty;
|
|
4193
4226
|
var __defProps$7 = Object.defineProperties;
|
|
4194
4227
|
var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
|
|
4195
|
-
var __getOwnPropSymbols$
|
|
4196
|
-
var __hasOwnProp$
|
|
4197
|
-
var __propIsEnum$
|
|
4198
|
-
var __defNormalProp$
|
|
4199
|
-
var __spreadValues$
|
|
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) => {
|
|
4200
4233
|
for (var prop in b || (b = {}))
|
|
4201
|
-
if (__hasOwnProp$
|
|
4202
|
-
__defNormalProp$
|
|
4203
|
-
if (__getOwnPropSymbols$
|
|
4204
|
-
for (var prop of __getOwnPropSymbols$
|
|
4205
|
-
if (__propIsEnum$
|
|
4206
|
-
__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]);
|
|
4207
4240
|
}
|
|
4208
4241
|
return a;
|
|
4209
4242
|
};
|
|
@@ -4318,7 +4351,7 @@ const LearningForm = (props) => {
|
|
|
4318
4351
|
/* @__PURE__ */ React.createElement("div", { className: "w-3 h-3 min-w-3" }, /* @__PURE__ */ React.createElement(Icon$1, { name: "leftArrow" })),
|
|
4319
4352
|
/* @__PURE__ */ React.createElement("span", { className: "text-md" }, "Back")
|
|
4320
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) => {
|
|
4321
|
-
return /* @__PURE__ */ React.createElement(FormItem, __spreadProps$7(__spreadValues$
|
|
4354
|
+
return /* @__PURE__ */ React.createElement(FormItem, __spreadProps$7(__spreadValues$d({ key: item.itemId }, item), { minText: 0, disabled: !!props.preview }));
|
|
4322
4355
|
}), /* @__PURE__ */ React.createElement(
|
|
4323
4356
|
FormItem,
|
|
4324
4357
|
{
|
|
@@ -4397,19 +4430,19 @@ const Rating = (props) => {
|
|
|
4397
4430
|
)));
|
|
4398
4431
|
};
|
|
4399
4432
|
|
|
4400
|
-
var __defProp$
|
|
4401
|
-
var __getOwnPropSymbols$
|
|
4402
|
-
var __hasOwnProp$
|
|
4403
|
-
var __propIsEnum$
|
|
4404
|
-
var __defNormalProp$
|
|
4405
|
-
var __spreadValues$
|
|
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) => {
|
|
4406
4439
|
for (var prop in b || (b = {}))
|
|
4407
|
-
if (__hasOwnProp$
|
|
4408
|
-
__defNormalProp$
|
|
4409
|
-
if (__getOwnPropSymbols$
|
|
4410
|
-
for (var prop of __getOwnPropSymbols$
|
|
4411
|
-
if (__propIsEnum$
|
|
4412
|
-
__defNormalProp$
|
|
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]);
|
|
4413
4446
|
}
|
|
4414
4447
|
return a;
|
|
4415
4448
|
};
|
|
@@ -4418,7 +4451,7 @@ const NavLink = (props) => {
|
|
|
4418
4451
|
const config = defaultConfig();
|
|
4419
4452
|
withMenu(config, props.menu);
|
|
4420
4453
|
withName(config, props.name);
|
|
4421
|
-
return /* @__PURE__ */ React.createElement(Button, __spreadValues$
|
|
4454
|
+
return /* @__PURE__ */ React.createElement(Button, __spreadValues$c({ disabled: props.disabled, active: props.active, onClick }, config));
|
|
4422
4455
|
};
|
|
4423
4456
|
const defaultConfig = () => {
|
|
4424
4457
|
return {};
|
|
@@ -4493,21 +4526,21 @@ const withName = (config, name) => {
|
|
|
4493
4526
|
}
|
|
4494
4527
|
};
|
|
4495
4528
|
|
|
4496
|
-
var __defProp$
|
|
4529
|
+
var __defProp$b = Object.defineProperty;
|
|
4497
4530
|
var __defProps$6 = Object.defineProperties;
|
|
4498
4531
|
var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
|
|
4499
|
-
var __getOwnPropSymbols$
|
|
4500
|
-
var __hasOwnProp$
|
|
4501
|
-
var __propIsEnum$
|
|
4502
|
-
var __defNormalProp$
|
|
4503
|
-
var __spreadValues$
|
|
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) => {
|
|
4504
4537
|
for (var prop in b || (b = {}))
|
|
4505
|
-
if (__hasOwnProp$
|
|
4506
|
-
__defNormalProp$
|
|
4507
|
-
if (__getOwnPropSymbols$
|
|
4508
|
-
for (var prop of __getOwnPropSymbols$
|
|
4509
|
-
if (__propIsEnum$
|
|
4510
|
-
__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]);
|
|
4511
4544
|
}
|
|
4512
4545
|
return a;
|
|
4513
4546
|
};
|
|
@@ -4529,7 +4562,7 @@ const NavBar = (props) => {
|
|
|
4529
4562
|
return null;
|
|
4530
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) => {
|
|
4531
4564
|
if (Link && Link.props.name !== "home") {
|
|
4532
|
-
return /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(NavLink, __spreadProps$6(__spreadValues$
|
|
4565
|
+
return /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement(NavLink, __spreadProps$6(__spreadValues$b({}, Link.props), { menu: true })));
|
|
4533
4566
|
}
|
|
4534
4567
|
return null;
|
|
4535
4568
|
}))));
|
|
@@ -4626,28 +4659,28 @@ const LegalAgreement = (props) => {
|
|
|
4626
4659
|
)));
|
|
4627
4660
|
};
|
|
4628
4661
|
|
|
4629
|
-
var __defProp$
|
|
4662
|
+
var __defProp$a = Object.defineProperty;
|
|
4630
4663
|
var __defProps$5 = Object.defineProperties;
|
|
4631
4664
|
var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
|
|
4632
|
-
var __getOwnPropSymbols$
|
|
4633
|
-
var __hasOwnProp$
|
|
4634
|
-
var __propIsEnum$
|
|
4635
|
-
var __defNormalProp$
|
|
4636
|
-
var __spreadValues$
|
|
4637
|
-
for (var prop in b || (b = {}))
|
|
4638
|
-
if (__hasOwnProp$
|
|
4639
|
-
__defNormalProp$
|
|
4640
|
-
if (__getOwnPropSymbols$
|
|
4641
|
-
for (var prop of __getOwnPropSymbols$
|
|
4642
|
-
if (__propIsEnum$
|
|
4643
|
-
__defNormalProp$
|
|
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
|
+
for (var prop in b || (b = {}))
|
|
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]);
|
|
4644
4677
|
}
|
|
4645
4678
|
return a;
|
|
4646
4679
|
};
|
|
4647
4680
|
var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
|
|
4648
4681
|
const CommunitySearch = (props) => {
|
|
4649
4682
|
const [accessCode, setAccessCode] = React.useState("");
|
|
4650
|
-
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$
|
|
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(
|
|
4651
4684
|
"input",
|
|
4652
4685
|
{
|
|
4653
4686
|
disabled: props.disabled,
|
|
@@ -4782,27 +4815,27 @@ const Welcome = (props) => {
|
|
|
4782
4815
|
)));
|
|
4783
4816
|
};
|
|
4784
4817
|
|
|
4785
|
-
var __defProp$
|
|
4818
|
+
var __defProp$9 = Object.defineProperty;
|
|
4786
4819
|
var __defProps$4 = Object.defineProperties;
|
|
4787
4820
|
var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
|
|
4788
|
-
var __getOwnPropSymbols$
|
|
4789
|
-
var __hasOwnProp$
|
|
4790
|
-
var __propIsEnum$
|
|
4791
|
-
var __defNormalProp$
|
|
4792
|
-
var __spreadValues$
|
|
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) => {
|
|
4793
4826
|
for (var prop in b || (b = {}))
|
|
4794
|
-
if (__hasOwnProp$
|
|
4795
|
-
__defNormalProp$
|
|
4796
|
-
if (__getOwnPropSymbols$
|
|
4797
|
-
for (var prop of __getOwnPropSymbols$
|
|
4798
|
-
if (__propIsEnum$
|
|
4799
|
-
__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]);
|
|
4800
4833
|
}
|
|
4801
4834
|
return a;
|
|
4802
4835
|
};
|
|
4803
4836
|
var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
|
|
4804
4837
|
const Onboarding = (props) => {
|
|
4805
|
-
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)));
|
|
4806
4839
|
};
|
|
4807
4840
|
const Delegate = (props) => {
|
|
4808
4841
|
const [agreed, setAgreed] = React.useState(!!props.hasOrganization || props.search !== null);
|
|
@@ -4816,7 +4849,7 @@ const Delegate = (props) => {
|
|
|
4816
4849
|
if (!props.hasOrganization) {
|
|
4817
4850
|
return /* @__PURE__ */ React.createElement(
|
|
4818
4851
|
CommunitySearch,
|
|
4819
|
-
__spreadProps$4(__spreadValues$
|
|
4852
|
+
__spreadProps$4(__spreadValues$9({}, organization), {
|
|
4820
4853
|
open: organizationOpen,
|
|
4821
4854
|
value: props.search,
|
|
4822
4855
|
results: props.organizations && props.organizations.map((organization2) => {
|
|
@@ -5132,19 +5165,19 @@ const ProfileWidget = (props) => {
|
|
|
5132
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())))))));
|
|
5133
5166
|
};
|
|
5134
5167
|
|
|
5135
|
-
var __defProp$
|
|
5136
|
-
var __getOwnPropSymbols$
|
|
5137
|
-
var __hasOwnProp$
|
|
5138
|
-
var __propIsEnum$
|
|
5139
|
-
var __defNormalProp$
|
|
5140
|
-
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) => {
|
|
5141
5174
|
for (var prop in b || (b = {}))
|
|
5142
|
-
if (__hasOwnProp$
|
|
5143
|
-
__defNormalProp$
|
|
5144
|
-
if (__getOwnPropSymbols$
|
|
5145
|
-
for (var prop of __getOwnPropSymbols$
|
|
5146
|
-
if (__propIsEnum$
|
|
5147
|
-
__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]);
|
|
5148
5181
|
}
|
|
5149
5182
|
return a;
|
|
5150
5183
|
};
|
|
@@ -5152,9 +5185,9 @@ const FormInput = (props) => {
|
|
|
5152
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, (() => {
|
|
5153
5186
|
switch (props.type) {
|
|
5154
5187
|
case "dropdown":
|
|
5155
|
-
return /* @__PURE__ */ React.createElement(DropDownInput, __spreadValues$
|
|
5188
|
+
return /* @__PURE__ */ React.createElement(DropDownInput, __spreadValues$8({}, props));
|
|
5156
5189
|
default:
|
|
5157
|
-
return /* @__PURE__ */ React.createElement(Input, __spreadValues$
|
|
5190
|
+
return /* @__PURE__ */ React.createElement(Input, __spreadValues$8({}, props));
|
|
5158
5191
|
}
|
|
5159
5192
|
})()));
|
|
5160
5193
|
};
|
|
@@ -5262,21 +5295,21 @@ const FormSubmitDialog = (props) => {
|
|
|
5262
5295
|
))));
|
|
5263
5296
|
};
|
|
5264
5297
|
|
|
5265
|
-
var __defProp$
|
|
5298
|
+
var __defProp$7 = Object.defineProperty;
|
|
5266
5299
|
var __defProps$3 = Object.defineProperties;
|
|
5267
5300
|
var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
|
|
5268
|
-
var __getOwnPropSymbols$
|
|
5269
|
-
var __hasOwnProp$
|
|
5270
|
-
var __propIsEnum$
|
|
5271
|
-
var __defNormalProp$
|
|
5272
|
-
var __spreadValues$
|
|
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) => {
|
|
5273
5306
|
for (var prop in b || (b = {}))
|
|
5274
|
-
if (__hasOwnProp$
|
|
5275
|
-
__defNormalProp$
|
|
5276
|
-
if (__getOwnPropSymbols$
|
|
5277
|
-
for (var prop of __getOwnPropSymbols$
|
|
5278
|
-
if (__propIsEnum$
|
|
5279
|
-
__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]);
|
|
5280
5313
|
}
|
|
5281
5314
|
return a;
|
|
5282
5315
|
};
|
|
@@ -5287,7 +5320,7 @@ const Form = (props) => {
|
|
|
5287
5320
|
const [responses, setResponses] = React.useState({});
|
|
5288
5321
|
const [inReview, setInReview] = React.useState(!!props.inReview);
|
|
5289
5322
|
const setResponse = (key, value) => {
|
|
5290
|
-
setResponses(__spreadProps$3(__spreadValues$
|
|
5323
|
+
setResponses(__spreadProps$3(__spreadValues$7({}, responses), { [key]: value }));
|
|
5291
5324
|
};
|
|
5292
5325
|
const onSubmit = (e) => {
|
|
5293
5326
|
e.preventDefault();
|
|
@@ -5406,21 +5439,21 @@ const Form = (props) => {
|
|
|
5406
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 }))));
|
|
5407
5440
|
};
|
|
5408
5441
|
|
|
5409
|
-
var __defProp$
|
|
5442
|
+
var __defProp$6 = Object.defineProperty;
|
|
5410
5443
|
var __defProps$2 = Object.defineProperties;
|
|
5411
5444
|
var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
|
|
5412
|
-
var __getOwnPropSymbols$
|
|
5413
|
-
var __hasOwnProp$
|
|
5414
|
-
var __propIsEnum$
|
|
5415
|
-
var __defNormalProp$
|
|
5416
|
-
var __spreadValues$
|
|
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) => {
|
|
5417
5450
|
for (var prop in b || (b = {}))
|
|
5418
|
-
if (__hasOwnProp$
|
|
5419
|
-
__defNormalProp$
|
|
5420
|
-
if (__getOwnPropSymbols$
|
|
5421
|
-
for (var prop of __getOwnPropSymbols$
|
|
5422
|
-
if (__propIsEnum$
|
|
5423
|
-
__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]);
|
|
5424
5457
|
}
|
|
5425
5458
|
return a;
|
|
5426
5459
|
};
|
|
@@ -5455,7 +5488,7 @@ const LogServiceButton = (props) => {
|
|
|
5455
5488
|
size: "full:md",
|
|
5456
5489
|
onClick: onOpen
|
|
5457
5490
|
}
|
|
5458
|
-
), isOpen && /* @__PURE__ */ React.createElement(Form, __spreadProps$2(__spreadValues$
|
|
5491
|
+
), isOpen && /* @__PURE__ */ React.createElement(Form, __spreadProps$2(__spreadValues$6({ onSubmit: props.onSubmit }, props.form), { onClose })));
|
|
5459
5492
|
};
|
|
5460
5493
|
|
|
5461
5494
|
const Stopwatch = (props) => {
|
|
@@ -5677,21 +5710,21 @@ const PathwayTranscript = (props) => {
|
|
|
5677
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")));
|
|
5678
5711
|
};
|
|
5679
5712
|
|
|
5680
|
-
var __defProp$
|
|
5713
|
+
var __defProp$5 = Object.defineProperty;
|
|
5681
5714
|
var __defProps$1 = Object.defineProperties;
|
|
5682
5715
|
var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
|
|
5683
|
-
var __getOwnPropSymbols$
|
|
5684
|
-
var __hasOwnProp$
|
|
5685
|
-
var __propIsEnum$
|
|
5686
|
-
var __defNormalProp$
|
|
5687
|
-
var __spreadValues$
|
|
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) => {
|
|
5688
5721
|
for (var prop in b || (b = {}))
|
|
5689
|
-
if (__hasOwnProp$
|
|
5690
|
-
__defNormalProp$
|
|
5691
|
-
if (__getOwnPropSymbols$
|
|
5692
|
-
for (var prop of __getOwnPropSymbols$
|
|
5693
|
-
if (__propIsEnum$
|
|
5694
|
-
__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]);
|
|
5695
5728
|
}
|
|
5696
5729
|
return a;
|
|
5697
5730
|
};
|
|
@@ -5721,7 +5754,7 @@ const PathwayCard = (props) => {
|
|
|
5721
5754
|
});
|
|
5722
5755
|
return p;
|
|
5723
5756
|
}, [props.points, props.categoryNames]);
|
|
5724
|
-
const sharedProps = __spreadProps$1(__spreadValues$
|
|
5757
|
+
const sharedProps = __spreadProps$1(__spreadValues$5({}, props), {
|
|
5725
5758
|
mappedTargets,
|
|
5726
5759
|
mappedPoints,
|
|
5727
5760
|
today,
|
|
@@ -5747,7 +5780,7 @@ const PathwayCard = (props) => {
|
|
|
5747
5780
|
border: "rounded",
|
|
5748
5781
|
onClick: () => setView(view === "overview" ? "transcript" : "overview")
|
|
5749
5782
|
}
|
|
5750
|
-
))), 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(
|
|
5751
5784
|
Button,
|
|
5752
5785
|
{
|
|
5753
5786
|
disabled: true,
|
|
@@ -5759,27 +5792,27 @@ const PathwayCard = (props) => {
|
|
|
5759
5792
|
theme: "dark",
|
|
5760
5793
|
text: "Submit"
|
|
5761
5794
|
}
|
|
5762
|
-
)))) : /* @__PURE__ */ React__namespace.createElement(PathwayTranscript, __spreadValues$
|
|
5795
|
+
)))) : /* @__PURE__ */ React__namespace.createElement(PathwayTranscript, __spreadValues$5({}, sharedProps))));
|
|
5763
5796
|
};
|
|
5764
5797
|
|
|
5765
|
-
var __defProp$
|
|
5766
|
-
var __getOwnPropSymbols$
|
|
5767
|
-
var __hasOwnProp$
|
|
5768
|
-
var __propIsEnum$
|
|
5769
|
-
var __defNormalProp$
|
|
5770
|
-
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) => {
|
|
5771
5804
|
for (var prop in b || (b = {}))
|
|
5772
|
-
if (__hasOwnProp$
|
|
5773
|
-
__defNormalProp$
|
|
5774
|
-
if (__getOwnPropSymbols$
|
|
5775
|
-
for (var prop of __getOwnPropSymbols$
|
|
5776
|
-
if (__propIsEnum$
|
|
5777
|
-
__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]);
|
|
5778
5811
|
}
|
|
5779
5812
|
return a;
|
|
5780
5813
|
};
|
|
5781
5814
|
const Pathway = (props) => {
|
|
5782
|
-
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)));
|
|
5783
5816
|
};
|
|
5784
5817
|
|
|
5785
5818
|
const PathwayButton = (props) => {
|
|
@@ -5823,21 +5856,21 @@ const PathwayButton = (props) => {
|
|
|
5823
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)));
|
|
5824
5857
|
};
|
|
5825
5858
|
|
|
5826
|
-
var __defProp = Object.defineProperty;
|
|
5859
|
+
var __defProp$3 = Object.defineProperty;
|
|
5827
5860
|
var __defProps = Object.defineProperties;
|
|
5828
5861
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5829
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5830
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5831
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5832
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5833
|
-
var __spreadValues = (a, b) => {
|
|
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) => {
|
|
5834
5867
|
for (var prop in b || (b = {}))
|
|
5835
|
-
if (__hasOwnProp.call(b, prop))
|
|
5836
|
-
__defNormalProp(a, prop, b[prop]);
|
|
5837
|
-
if (__getOwnPropSymbols)
|
|
5838
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
5839
|
-
if (__propIsEnum.call(b, prop))
|
|
5840
|
-
__defNormalProp(a, prop, b[prop]);
|
|
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]);
|
|
5841
5874
|
}
|
|
5842
5875
|
return a;
|
|
5843
5876
|
};
|
|
@@ -5880,15 +5913,15 @@ const PathwaySection = (props) => {
|
|
|
5880
5913
|
},
|
|
5881
5914
|
"Grid View?"
|
|
5882
5915
|
)))), /* @__PURE__ */ React__namespace.createElement("div", null, !!props.readonly && /* @__PURE__ */ React__namespace.createElement("div", { className: layoutClassName }, preview.map((p, i) => {
|
|
5883
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5916
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5884
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) => {
|
|
5885
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5918
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5886
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) => {
|
|
5887
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5920
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5888
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) => {
|
|
5889
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5922
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5890
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) => {
|
|
5891
|
-
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5924
|
+
return /* @__PURE__ */ React__namespace.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5892
5925
|
}))))))))));
|
|
5893
5926
|
};
|
|
5894
5927
|
const getLayout = (list) => {
|
|
@@ -5898,32 +5931,396 @@ const getLayout = (list) => {
|
|
|
5898
5931
|
return "flex flex-wrap gap-3";
|
|
5899
5932
|
};
|
|
5900
5933
|
|
|
5901
|
-
const
|
|
5902
|
-
|
|
5903
|
-
|
|
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",
|
|
5904
5976
|
{
|
|
5905
|
-
|
|
5906
|
-
|
|
5907
|
-
|
|
5908
|
-
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"
|
|
5909
5980
|
}
|
|
5910
|
-
), props.
|
|
5911
|
-
|
|
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,
|
|
5912
5983
|
{
|
|
5913
|
-
|
|
5914
|
-
|
|
5915
|
-
|
|
5916
|
-
|
|
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")))))));
|
|
5998
|
+
};
|
|
5999
|
+
|
|
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]);
|
|
6013
|
+
}
|
|
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);
|
|
6024
|
+
}
|
|
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))))));
|
|
6159
|
+
};
|
|
6160
|
+
|
|
6161
|
+
var __defProp = Object.defineProperty;
|
|
6162
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6163
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6164
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6165
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6166
|
+
var __spreadValues = (a, b) => {
|
|
6167
|
+
for (var prop in b || (b = {}))
|
|
6168
|
+
if (__hasOwnProp.call(b, prop))
|
|
6169
|
+
__defNormalProp(a, prop, b[prop]);
|
|
6170
|
+
if (__getOwnPropSymbols)
|
|
6171
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
6172
|
+
if (__propIsEnum.call(b, prop))
|
|
6173
|
+
__defNormalProp(a, prop, b[prop]);
|
|
5917
6174
|
}
|
|
5918
|
-
|
|
6175
|
+
return a;
|
|
6176
|
+
};
|
|
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;
|
|
6224
|
+
return /* @__PURE__ */ React.createElement(
|
|
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)
|
|
6232
|
+
);
|
|
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(
|
|
5919
6316
|
NavLink,
|
|
5920
6317
|
{
|
|
5921
6318
|
disabled: props.disabled,
|
|
5922
|
-
name: "
|
|
5923
|
-
onClick: props.
|
|
5924
|
-
active: props.page === "
|
|
6319
|
+
name: "profile",
|
|
6320
|
+
onClick: props.onProfile,
|
|
6321
|
+
active: props.page === "profile"
|
|
5925
6322
|
}
|
|
5926
|
-
), 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-[
|
|
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);
|
|
5927
6324
|
};
|
|
5928
6325
|
|
|
5929
6326
|
const HomeLayout = (props) => {
|
|
@@ -5953,12 +6350,17 @@ exports.Badge = Badge;
|
|
|
5953
6350
|
exports.BadgeActivityMenu = BadgeActivityMenu;
|
|
5954
6351
|
exports.BadgeSection = BadgeSection;
|
|
5955
6352
|
exports.BadgeSuccessDialog = BadgeSuccessDialog;
|
|
6353
|
+
exports.BadgesCard = BadgesCard;
|
|
5956
6354
|
exports.Board = Board;
|
|
5957
6355
|
exports.Button = Button;
|
|
5958
6356
|
exports.Card = Card;
|
|
6357
|
+
exports.DashboardShell = DashboardShell;
|
|
6358
|
+
exports.DashboardSidebar = DashboardSidebar;
|
|
6359
|
+
exports.DashboardTopBar = DashboardTopBar;
|
|
5959
6360
|
exports.DateSelection = DateSelection;
|
|
5960
6361
|
exports.EventItem = EventItem;
|
|
5961
6362
|
exports.EventList = EventList;
|
|
6363
|
+
exports.Footer = Footer;
|
|
5962
6364
|
exports.Home = Home;
|
|
5963
6365
|
exports.HomeLayout = HomeLayout;
|
|
5964
6366
|
exports.Icon = Icon$1;
|
|
@@ -5979,12 +6381,17 @@ exports.PathwayFilter = PathwayFilter;
|
|
|
5979
6381
|
exports.PathwayProgress = PathwayProgress;
|
|
5980
6382
|
exports.PathwaySection = PathwaySection;
|
|
5981
6383
|
exports.PathwayWidget = PathwayWidget;
|
|
6384
|
+
exports.PathwaysCard = PathwaysCard;
|
|
6385
|
+
exports.Pill = Pill;
|
|
6386
|
+
exports.ProfileHeroCard = ProfileHeroCard;
|
|
5982
6387
|
exports.ProfileWidget = ProfileWidget;
|
|
5983
6388
|
exports.Progress = Progress;
|
|
5984
6389
|
exports.Search = Search;
|
|
5985
6390
|
exports.SearchButton = SearchButton;
|
|
5986
6391
|
exports.SearchResult = SearchResult;
|
|
5987
6392
|
exports.SettingsCard = SettingsCard;
|
|
6393
|
+
exports.StatTile = StatTile;
|
|
6394
|
+
exports.StatTileRow = StatTileRow;
|
|
5988
6395
|
exports.Stopwatch = Stopwatch;
|
|
5989
6396
|
exports.Tab = Tab;
|
|
5990
6397
|
exports.TagFilter = TagFilter;
|