@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.mjs
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { useCallback } from 'react';
|
|
3
3
|
import 'external-svg-loader';
|
|
4
|
+
import { IconBrandInstagram, IconBrandLinkedin, IconBrandFacebook, IconRoute, IconLayoutGrid, IconList, IconAlbum, IconSwitchHorizontal, IconLogout, IconUser, IconClipboard, IconFileText, IconBriefcase, IconMessageCircle, IconBell } from '@tabler/icons';
|
|
4
5
|
import LinkifyIt from 'linkify-it';
|
|
5
6
|
import reactStringReplace from 'react-string-replace';
|
|
7
|
+
import { Link } from 'react-router-dom';
|
|
6
8
|
|
|
7
9
|
function styleInject(css, ref) {
|
|
8
10
|
if ( ref === void 0 ) ref = {};
|
|
@@ -31,7 +33,7 @@ function styleInject(css, ref) {
|
|
|
31
33
|
}
|
|
32
34
|
}
|
|
33
35
|
|
|
34
|
-
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}}";
|
|
36
|
+
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}}";
|
|
35
37
|
styleInject(css_248z);
|
|
36
38
|
|
|
37
39
|
const builder = (base = "", precondition) => {
|
|
@@ -932,19 +934,19 @@ const sprite = {
|
|
|
932
934
|
}
|
|
933
935
|
};
|
|
934
936
|
|
|
935
|
-
var __defProp$
|
|
936
|
-
var __getOwnPropSymbols$
|
|
937
|
-
var __hasOwnProp$
|
|
938
|
-
var __propIsEnum$
|
|
939
|
-
var __defNormalProp$
|
|
940
|
-
var __spreadValues$
|
|
937
|
+
var __defProp$l = Object.defineProperty;
|
|
938
|
+
var __getOwnPropSymbols$l = Object.getOwnPropertySymbols;
|
|
939
|
+
var __hasOwnProp$l = Object.prototype.hasOwnProperty;
|
|
940
|
+
var __propIsEnum$l = Object.prototype.propertyIsEnumerable;
|
|
941
|
+
var __defNormalProp$l = (obj, key, value) => key in obj ? __defProp$l(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
942
|
+
var __spreadValues$l = (a, b) => {
|
|
941
943
|
for (var prop in b || (b = {}))
|
|
942
|
-
if (__hasOwnProp$
|
|
943
|
-
__defNormalProp$
|
|
944
|
-
if (__getOwnPropSymbols$
|
|
945
|
-
for (var prop of __getOwnPropSymbols$
|
|
946
|
-
if (__propIsEnum$
|
|
947
|
-
__defNormalProp$
|
|
944
|
+
if (__hasOwnProp$l.call(b, prop))
|
|
945
|
+
__defNormalProp$l(a, prop, b[prop]);
|
|
946
|
+
if (__getOwnPropSymbols$l)
|
|
947
|
+
for (var prop of __getOwnPropSymbols$l(b)) {
|
|
948
|
+
if (__propIsEnum$l.call(b, prop))
|
|
949
|
+
__defNormalProp$l(a, prop, b[prop]);
|
|
948
950
|
}
|
|
949
951
|
return a;
|
|
950
952
|
};
|
|
@@ -963,9 +965,9 @@ const Icon$1 = (props) => {
|
|
|
963
965
|
},
|
|
964
966
|
/* @__PURE__ */ React__default.createElement("title", null, props.name),
|
|
965
967
|
contents.map((v, k) => {
|
|
966
|
-
return v.d && /* @__PURE__ */ React__default.createElement("path", __spreadValues$
|
|
968
|
+
return v.d && /* @__PURE__ */ React__default.createElement("path", __spreadValues$l({ key: k }, v));
|
|
967
969
|
}),
|
|
968
|
-
contents.map((v, k) => v.r && /* @__PURE__ */ React__default.createElement("circle", __spreadValues$
|
|
970
|
+
contents.map((v, k) => v.r && /* @__PURE__ */ React__default.createElement("circle", __spreadValues$l({ key: k }, v)))
|
|
969
971
|
);
|
|
970
972
|
};
|
|
971
973
|
|
|
@@ -985,7 +987,7 @@ const Button = (props) => {
|
|
|
985
987
|
withColor(config, props.color || "slate", props.theme);
|
|
986
988
|
withSize(config, props.size || "sm");
|
|
987
989
|
withActive$1(config, props.active);
|
|
988
|
-
withDisabled$
|
|
990
|
+
withDisabled$2(config, props.disabled);
|
|
989
991
|
withFilter(config, props.filter);
|
|
990
992
|
withJustify(config, props.justify);
|
|
991
993
|
withBorder(config, props.border);
|
|
@@ -1291,7 +1293,7 @@ const withActive$1 = (config, active) => {
|
|
|
1291
1293
|
config.button.color.active = defaultConfig$1().button.color.active;
|
|
1292
1294
|
}
|
|
1293
1295
|
};
|
|
1294
|
-
const withDisabled$
|
|
1296
|
+
const withDisabled$2 = (config, disabled) => {
|
|
1295
1297
|
if (disabled) {
|
|
1296
1298
|
if (config.button.color.text === "text-white") {
|
|
1297
1299
|
config.button.color.bg = "bg-slate-200";
|
|
@@ -1551,21 +1553,21 @@ const ActivityItem = (props) => {
|
|
|
1551
1553
|
return /* @__PURE__ */ React.createElement("div", { onClick: props.onClick, className: "grow cursor-pointer relative rounded-md min-w-64 h-[22rem] overflow-hidden" }, /* @__PURE__ */ React.createElement("img", { className: "h-full w-full object-cover", alt: props.headline, src: props.imageURL }), /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-0 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "p-5 bg-gray-800/75 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-bold text-white w-full" }, props.headline), /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex items-center gap-x-2 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex-shrink-0 w-6 h-6 text-white fill-white" }, /* @__PURE__ */ React.createElement(Icon$1, { name: props.pathway || "globe" })), props.pathway && /* @__PURE__ */ React.createElement("span", { className: "grow" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-medium capitalize text-white w-full" }, props.pathway)), props.xp && /* @__PURE__ */ React.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")))));
|
|
1552
1554
|
};
|
|
1553
1555
|
|
|
1554
|
-
var __defProp$
|
|
1556
|
+
var __defProp$k = Object.defineProperty;
|
|
1555
1557
|
var __defProps$e = Object.defineProperties;
|
|
1556
1558
|
var __getOwnPropDescs$e = Object.getOwnPropertyDescriptors;
|
|
1557
|
-
var __getOwnPropSymbols$
|
|
1558
|
-
var __hasOwnProp$
|
|
1559
|
-
var __propIsEnum$
|
|
1560
|
-
var __defNormalProp$
|
|
1561
|
-
var __spreadValues$
|
|
1559
|
+
var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
|
|
1560
|
+
var __hasOwnProp$k = Object.prototype.hasOwnProperty;
|
|
1561
|
+
var __propIsEnum$k = Object.prototype.propertyIsEnumerable;
|
|
1562
|
+
var __defNormalProp$k = (obj, key, value) => key in obj ? __defProp$k(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1563
|
+
var __spreadValues$k = (a, b) => {
|
|
1562
1564
|
for (var prop in b || (b = {}))
|
|
1563
|
-
if (__hasOwnProp$
|
|
1564
|
-
__defNormalProp$
|
|
1565
|
-
if (__getOwnPropSymbols$
|
|
1566
|
-
for (var prop of __getOwnPropSymbols$
|
|
1567
|
-
if (__propIsEnum$
|
|
1568
|
-
__defNormalProp$
|
|
1565
|
+
if (__hasOwnProp$k.call(b, prop))
|
|
1566
|
+
__defNormalProp$k(a, prop, b[prop]);
|
|
1567
|
+
if (__getOwnPropSymbols$k)
|
|
1568
|
+
for (var prop of __getOwnPropSymbols$k(b)) {
|
|
1569
|
+
if (__propIsEnum$k.call(b, prop))
|
|
1570
|
+
__defNormalProp$k(a, prop, b[prop]);
|
|
1569
1571
|
}
|
|
1570
1572
|
return a;
|
|
1571
1573
|
};
|
|
@@ -1581,12 +1583,12 @@ const TagFilter = (props) => {
|
|
|
1581
1583
|
const [active, setActive] = React__default.useState(init);
|
|
1582
1584
|
const onTagClick = (tag) => {
|
|
1583
1585
|
if (active[tag]) {
|
|
1584
|
-
setActive(__spreadProps$e(__spreadValues$
|
|
1585
|
-
const tags = Object.entries(__spreadProps$e(__spreadValues$
|
|
1586
|
+
setActive(__spreadProps$e(__spreadValues$k({}, active), { [tag]: false }));
|
|
1587
|
+
const tags = Object.entries(__spreadProps$e(__spreadValues$k({}, active), { [tag]: false })).filter(([, active2]) => active2).map(([tag2]) => tag2);
|
|
1586
1588
|
props.onChange && props.onChange(tags);
|
|
1587
1589
|
} else {
|
|
1588
|
-
setActive(__spreadProps$e(__spreadValues$
|
|
1589
|
-
const tags = Object.entries(__spreadProps$e(__spreadValues$
|
|
1590
|
+
setActive(__spreadProps$e(__spreadValues$k({}, active), { [tag]: true }));
|
|
1591
|
+
const tags = Object.entries(__spreadProps$e(__spreadValues$k({}, active), { [tag]: true })).filter(([, active2]) => active2).map(([tag2]) => tag2);
|
|
1590
1592
|
props.onChange && props.onChange(tags);
|
|
1591
1593
|
}
|
|
1592
1594
|
};
|
|
@@ -1632,21 +1634,21 @@ const debounce = (func, delay) => {
|
|
|
1632
1634
|
};
|
|
1633
1635
|
};
|
|
1634
1636
|
|
|
1635
|
-
var __defProp$
|
|
1637
|
+
var __defProp$j = Object.defineProperty;
|
|
1636
1638
|
var __defProps$d = Object.defineProperties;
|
|
1637
1639
|
var __getOwnPropDescs$d = Object.getOwnPropertyDescriptors;
|
|
1638
|
-
var __getOwnPropSymbols$
|
|
1639
|
-
var __hasOwnProp$
|
|
1640
|
-
var __propIsEnum$
|
|
1641
|
-
var __defNormalProp$
|
|
1642
|
-
var __spreadValues$
|
|
1640
|
+
var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
|
|
1641
|
+
var __hasOwnProp$j = Object.prototype.hasOwnProperty;
|
|
1642
|
+
var __propIsEnum$j = Object.prototype.propertyIsEnumerable;
|
|
1643
|
+
var __defNormalProp$j = (obj, key, value) => key in obj ? __defProp$j(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1644
|
+
var __spreadValues$j = (a, b) => {
|
|
1643
1645
|
for (var prop in b || (b = {}))
|
|
1644
|
-
if (__hasOwnProp$
|
|
1645
|
-
__defNormalProp$
|
|
1646
|
-
if (__getOwnPropSymbols$
|
|
1647
|
-
for (var prop of __getOwnPropSymbols$
|
|
1648
|
-
if (__propIsEnum$
|
|
1649
|
-
__defNormalProp$
|
|
1646
|
+
if (__hasOwnProp$j.call(b, prop))
|
|
1647
|
+
__defNormalProp$j(a, prop, b[prop]);
|
|
1648
|
+
if (__getOwnPropSymbols$j)
|
|
1649
|
+
for (var prop of __getOwnPropSymbols$j(b)) {
|
|
1650
|
+
if (__propIsEnum$j.call(b, prop))
|
|
1651
|
+
__defNormalProp$j(a, prop, b[prop]);
|
|
1650
1652
|
}
|
|
1651
1653
|
return a;
|
|
1652
1654
|
};
|
|
@@ -1668,14 +1670,14 @@ const ActivityList = (props) => {
|
|
|
1668
1670
|
isLoading: props.isLoading,
|
|
1669
1671
|
primary: !props.search && primary && /* @__PURE__ */ React__default.createElement(
|
|
1670
1672
|
ActivityItem,
|
|
1671
|
-
__spreadProps$d(__spreadValues$
|
|
1673
|
+
__spreadProps$d(__spreadValues$j({}, primary), {
|
|
1672
1674
|
onClick: () => props.onActivityClick && props.onActivityClick(primary.activityId)
|
|
1673
1675
|
})
|
|
1674
1676
|
),
|
|
1675
1677
|
top: !props.search && top && top.length > 0 && /* @__PURE__ */ React__default.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, top.map((activity) => {
|
|
1676
1678
|
return /* @__PURE__ */ React__default.createElement(
|
|
1677
1679
|
ActivityItem,
|
|
1678
|
-
__spreadProps$d(__spreadValues$
|
|
1680
|
+
__spreadProps$d(__spreadValues$j({
|
|
1679
1681
|
key: `${activity.activityId}`
|
|
1680
1682
|
}, activity), {
|
|
1681
1683
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1685,7 +1687,7 @@ const ActivityList = (props) => {
|
|
|
1685
1687
|
soonest: !props.search && upcoming && upcoming.length > 0 && /* @__PURE__ */ React__default.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, upcoming.map((activity) => {
|
|
1686
1688
|
return /* @__PURE__ */ React__default.createElement(
|
|
1687
1689
|
ActivityItem,
|
|
1688
|
-
__spreadProps$d(__spreadValues$
|
|
1690
|
+
__spreadProps$d(__spreadValues$j({
|
|
1689
1691
|
key: `${activity.activityId}`
|
|
1690
1692
|
}, activity), {
|
|
1691
1693
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1695,7 +1697,7 @@ const ActivityList = (props) => {
|
|
|
1695
1697
|
milestones: !props.search && props.milestones && props.milestones.length > 0 && /* @__PURE__ */ React__default.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, props.milestones.map((activity) => {
|
|
1696
1698
|
return /* @__PURE__ */ React__default.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)
|
|
@@ -1706,7 +1708,7 @@ const ActivityList = (props) => {
|
|
|
1706
1708
|
filtered: !!props.search && props.activities && props.activities.length > 0 && /* @__PURE__ */ React__default.createElement("article", { className: "grid grid-cols-1 md:flex gap-2 overflow-auto" }, props.activities.map((activity) => {
|
|
1707
1709
|
return /* @__PURE__ */ React__default.createElement(
|
|
1708
1710
|
ActivityItem,
|
|
1709
|
-
__spreadProps$d(__spreadValues$
|
|
1711
|
+
__spreadProps$d(__spreadValues$j({
|
|
1710
1712
|
key: `${activity.activityId}`
|
|
1711
1713
|
}, activity), {
|
|
1712
1714
|
onClick: () => props.onActivityClick && props.onActivityClick(activity.activityId)
|
|
@@ -1732,21 +1734,21 @@ const Search$1 = ({ send, value }) => {
|
|
|
1732
1734
|
)));
|
|
1733
1735
|
};
|
|
1734
1736
|
|
|
1735
|
-
var __defProp$
|
|
1737
|
+
var __defProp$i = Object.defineProperty;
|
|
1736
1738
|
var __defProps$c = Object.defineProperties;
|
|
1737
1739
|
var __getOwnPropDescs$c = Object.getOwnPropertyDescriptors;
|
|
1738
|
-
var __getOwnPropSymbols$
|
|
1739
|
-
var __hasOwnProp$
|
|
1740
|
-
var __propIsEnum$
|
|
1741
|
-
var __defNormalProp$
|
|
1742
|
-
var __spreadValues$
|
|
1740
|
+
var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
|
|
1741
|
+
var __hasOwnProp$i = Object.prototype.hasOwnProperty;
|
|
1742
|
+
var __propIsEnum$i = Object.prototype.propertyIsEnumerable;
|
|
1743
|
+
var __defNormalProp$i = (obj, key, value) => key in obj ? __defProp$i(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
1744
|
+
var __spreadValues$i = (a, b) => {
|
|
1743
1745
|
for (var prop in b || (b = {}))
|
|
1744
|
-
if (__hasOwnProp$
|
|
1745
|
-
__defNormalProp$
|
|
1746
|
-
if (__getOwnPropSymbols$
|
|
1747
|
-
for (var prop of __getOwnPropSymbols$
|
|
1748
|
-
if (__propIsEnum$
|
|
1749
|
-
__defNormalProp$
|
|
1746
|
+
if (__hasOwnProp$i.call(b, prop))
|
|
1747
|
+
__defNormalProp$i(a, prop, b[prop]);
|
|
1748
|
+
if (__getOwnPropSymbols$i)
|
|
1749
|
+
for (var prop of __getOwnPropSymbols$i(b)) {
|
|
1750
|
+
if (__propIsEnum$i.call(b, prop))
|
|
1751
|
+
__defNormalProp$i(a, prop, b[prop]);
|
|
1750
1752
|
}
|
|
1751
1753
|
return a;
|
|
1752
1754
|
};
|
|
@@ -1758,8 +1760,8 @@ const ActivityReflection = (props) => {
|
|
|
1758
1760
|
reflection: props.reflection
|
|
1759
1761
|
});
|
|
1760
1762
|
const hasChanges = props.hasChanges || props.canReflect && (props.rating !== reaction.rating || props.reflection !== reaction.reflection);
|
|
1761
|
-
const setFeedback = (feedback) => setReaction(__spreadProps$c(__spreadValues$
|
|
1762
|
-
const setRating = (rating) => setReaction(__spreadProps$c(__spreadValues$
|
|
1763
|
+
const setFeedback = (feedback) => setReaction(__spreadProps$c(__spreadValues$i({}, reaction), { reflection: feedback }));
|
|
1764
|
+
const setRating = (rating) => setReaction(__spreadProps$c(__spreadValues$i({}, reaction), { rating }));
|
|
1763
1765
|
React__default.useEffect(() => {
|
|
1764
1766
|
setReaction({
|
|
1765
1767
|
rating: props.rating,
|
|
@@ -1786,7 +1788,7 @@ const ActivityReflection = (props) => {
|
|
|
1786
1788
|
defaultValue: props.reflection,
|
|
1787
1789
|
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"
|
|
1788
1790
|
}
|
|
1789
|
-
), props.canReflect && /* @__PURE__ */ React__default.createElement(Rating$1, __spreadProps$c(__spreadValues$
|
|
1791
|
+
), props.canReflect && /* @__PURE__ */ React__default.createElement(Rating$1, __spreadProps$c(__spreadValues$i(__spreadValues$i({}, props), reaction), { setRating })))))));
|
|
1790
1792
|
};
|
|
1791
1793
|
const Rating$1 = (props) => {
|
|
1792
1794
|
const maxPoints = 5;
|
|
@@ -3192,21 +3194,21 @@ const Overlay = (props) => {
|
|
|
3192
3194
|
return /* @__PURE__ */ React.createElement("div", { className: "flex fixed overscroll-none w-screen h-screen top-0 left-0 bg-gray-300/75 z-30" }, props.children);
|
|
3193
3195
|
};
|
|
3194
3196
|
|
|
3195
|
-
var __defProp$
|
|
3197
|
+
var __defProp$h = Object.defineProperty;
|
|
3196
3198
|
var __defProps$b = Object.defineProperties;
|
|
3197
3199
|
var __getOwnPropDescs$b = Object.getOwnPropertyDescriptors;
|
|
3198
|
-
var __getOwnPropSymbols$
|
|
3199
|
-
var __hasOwnProp$
|
|
3200
|
-
var __propIsEnum$
|
|
3201
|
-
var __defNormalProp$
|
|
3202
|
-
var __spreadValues$
|
|
3200
|
+
var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
|
|
3201
|
+
var __hasOwnProp$h = Object.prototype.hasOwnProperty;
|
|
3202
|
+
var __propIsEnum$h = Object.prototype.propertyIsEnumerable;
|
|
3203
|
+
var __defNormalProp$h = (obj, key, value) => key in obj ? __defProp$h(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3204
|
+
var __spreadValues$h = (a, b) => {
|
|
3203
3205
|
for (var prop in b || (b = {}))
|
|
3204
|
-
if (__hasOwnProp$
|
|
3205
|
-
__defNormalProp$
|
|
3206
|
-
if (__getOwnPropSymbols$
|
|
3207
|
-
for (var prop of __getOwnPropSymbols$
|
|
3208
|
-
if (__propIsEnum$
|
|
3209
|
-
__defNormalProp$
|
|
3206
|
+
if (__hasOwnProp$h.call(b, prop))
|
|
3207
|
+
__defNormalProp$h(a, prop, b[prop]);
|
|
3208
|
+
if (__getOwnPropSymbols$h)
|
|
3209
|
+
for (var prop of __getOwnPropSymbols$h(b)) {
|
|
3210
|
+
if (__propIsEnum$h.call(b, prop))
|
|
3211
|
+
__defNormalProp$h(a, prop, b[prop]);
|
|
3210
3212
|
}
|
|
3211
3213
|
return a;
|
|
3212
3214
|
};
|
|
@@ -3228,7 +3230,7 @@ const Badge = (props) => {
|
|
|
3228
3230
|
props.onClose();
|
|
3229
3231
|
}
|
|
3230
3232
|
};
|
|
3231
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, !open && /* @__PURE__ */ React.createElement(BadgeButton, __spreadProps$b(__spreadValues$
|
|
3233
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, !open && /* @__PURE__ */ React.createElement(BadgeButton, __spreadProps$b(__spreadValues$h({}, props), { progress, target, onClick: onOpen })), open && !!props.preview && /* @__PURE__ */ React.createElement(BadgeCard, __spreadProps$b(__spreadValues$h({}, props), { onClose })), open && !props.preview && /* @__PURE__ */ React.createElement(Overlay, null, /* @__PURE__ */ React.createElement(BadgeCard, __spreadProps$b(__spreadValues$h({}, props), { onClose }))));
|
|
3232
3234
|
};
|
|
3233
3235
|
|
|
3234
3236
|
const BadgeActivity = (props) => {
|
|
@@ -3263,21 +3265,21 @@ const BadgeActivity = (props) => {
|
|
|
3263
3265
|
})))));
|
|
3264
3266
|
};
|
|
3265
3267
|
|
|
3266
|
-
var __defProp$
|
|
3268
|
+
var __defProp$g = Object.defineProperty;
|
|
3267
3269
|
var __defProps$a = Object.defineProperties;
|
|
3268
3270
|
var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
|
|
3269
|
-
var __getOwnPropSymbols$
|
|
3270
|
-
var __hasOwnProp$
|
|
3271
|
-
var __propIsEnum$
|
|
3272
|
-
var __defNormalProp$
|
|
3273
|
-
var __spreadValues$
|
|
3271
|
+
var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
|
|
3272
|
+
var __hasOwnProp$g = Object.prototype.hasOwnProperty;
|
|
3273
|
+
var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
|
|
3274
|
+
var __defNormalProp$g = (obj, key, value) => key in obj ? __defProp$g(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3275
|
+
var __spreadValues$g = (a, b) => {
|
|
3274
3276
|
for (var prop in b || (b = {}))
|
|
3275
|
-
if (__hasOwnProp$
|
|
3276
|
-
__defNormalProp$
|
|
3277
|
-
if (__getOwnPropSymbols$
|
|
3278
|
-
for (var prop of __getOwnPropSymbols$
|
|
3279
|
-
if (__propIsEnum$
|
|
3280
|
-
__defNormalProp$
|
|
3277
|
+
if (__hasOwnProp$g.call(b, prop))
|
|
3278
|
+
__defNormalProp$g(a, prop, b[prop]);
|
|
3279
|
+
if (__getOwnPropSymbols$g)
|
|
3280
|
+
for (var prop of __getOwnPropSymbols$g(b)) {
|
|
3281
|
+
if (__propIsEnum$g.call(b, prop))
|
|
3282
|
+
__defNormalProp$g(a, prop, b[prop]);
|
|
3281
3283
|
}
|
|
3282
3284
|
return a;
|
|
3283
3285
|
};
|
|
@@ -3298,7 +3300,7 @@ const BadgeActivityMenu = (props) => {
|
|
|
3298
3300
|
return /* @__PURE__ */ React.createElement("div", { key: id, className: "grid grid-cols-1 gap-y-8" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-lg font-semibold" }, c.displayName), /* @__PURE__ */ React.createElement("p", { className: "text-sm" }, "Chose one activity to complete.")), /* @__PURE__ */ React.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) => {
|
|
3299
3301
|
const id2 = o.activityId || i2;
|
|
3300
3302
|
const date = o.startTime ? new Date(o.startTime) : null;
|
|
3301
|
-
return /* @__PURE__ */ React.createElement("div", { key: id2, className: "grid grid-cols-1 gap-y-2" }, date && /* @__PURE__ */ React.createElement("p", null, Intl.DateTimeFormat("en-US", { month: "long" }).format(date), " ", ordNumber$1(date.getDate())), !date && /* @__PURE__ */ React.createElement("p", { className: "invisible" }, "Online"), /* @__PURE__ */ React.createElement(BadgeActivity, __spreadProps$a(__spreadValues$
|
|
3303
|
+
return /* @__PURE__ */ React.createElement("div", { key: id2, className: "grid grid-cols-1 gap-y-2" }, date && /* @__PURE__ */ React.createElement("p", null, Intl.DateTimeFormat("en-US", { month: "long" }).format(date), " ", ordNumber$1(date.getDate())), !date && /* @__PURE__ */ React.createElement("p", { className: "invisible" }, "Online"), /* @__PURE__ */ React.createElement(BadgeActivity, __spreadProps$a(__spreadValues$g({}, o), { criteriaName: c.displayName })));
|
|
3302
3304
|
})));
|
|
3303
3305
|
})));
|
|
3304
3306
|
};
|
|
@@ -3343,21 +3345,21 @@ const Widget = (props) => {
|
|
|
3343
3345
|
return /* @__PURE__ */ React__default.createElement("article", { className }, !props.headless && /* @__PURE__ */ React__default.createElement("div", { className: "p-2 bg-gray-200" }), /* @__PURE__ */ React__default.createElement(Loader, { isLoading: props.isLoading }, /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full" }, props.children)));
|
|
3344
3346
|
};
|
|
3345
3347
|
|
|
3346
|
-
var __defProp$
|
|
3348
|
+
var __defProp$f = Object.defineProperty;
|
|
3347
3349
|
var __defProps$9 = Object.defineProperties;
|
|
3348
3350
|
var __getOwnPropDescs$9 = Object.getOwnPropertyDescriptors;
|
|
3349
|
-
var __getOwnPropSymbols$
|
|
3350
|
-
var __hasOwnProp$
|
|
3351
|
-
var __propIsEnum$
|
|
3352
|
-
var __defNormalProp$
|
|
3353
|
-
var __spreadValues$
|
|
3351
|
+
var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
|
|
3352
|
+
var __hasOwnProp$f = Object.prototype.hasOwnProperty;
|
|
3353
|
+
var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
|
|
3354
|
+
var __defNormalProp$f = (obj, key, value) => key in obj ? __defProp$f(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3355
|
+
var __spreadValues$f = (a, b) => {
|
|
3354
3356
|
for (var prop in b || (b = {}))
|
|
3355
|
-
if (__hasOwnProp$
|
|
3356
|
-
__defNormalProp$
|
|
3357
|
-
if (__getOwnPropSymbols$
|
|
3358
|
-
for (var prop of __getOwnPropSymbols$
|
|
3359
|
-
if (__propIsEnum$
|
|
3360
|
-
__defNormalProp$
|
|
3357
|
+
if (__hasOwnProp$f.call(b, prop))
|
|
3358
|
+
__defNormalProp$f(a, prop, b[prop]);
|
|
3359
|
+
if (__getOwnPropSymbols$f)
|
|
3360
|
+
for (var prop of __getOwnPropSymbols$f(b)) {
|
|
3361
|
+
if (__propIsEnum$f.call(b, prop))
|
|
3362
|
+
__defNormalProp$f(a, prop, b[prop]);
|
|
3361
3363
|
}
|
|
3362
3364
|
return a;
|
|
3363
3365
|
};
|
|
@@ -3421,7 +3423,7 @@ const BadgeSection = (props) => {
|
|
|
3421
3423
|
if (!(opt.label in filters)) {
|
|
3422
3424
|
return;
|
|
3423
3425
|
}
|
|
3424
|
-
const next = __spreadValues$
|
|
3426
|
+
const next = __spreadValues$f({}, filters);
|
|
3425
3427
|
next[opt.label].isActive = !next[opt.label].isActive;
|
|
3426
3428
|
setFilters(next);
|
|
3427
3429
|
},
|
|
@@ -3447,15 +3449,15 @@ const BadgeSection = (props) => {
|
|
|
3447
3449
|
},
|
|
3448
3450
|
"Grid View?"
|
|
3449
3451
|
)))), /* @__PURE__ */ React.createElement("div", null, !!props.readonly && /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, preview.map((b, i) => {
|
|
3450
|
-
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3452
|
+
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list, readonly: props.readonly }));
|
|
3451
3453
|
})), !props.readonly && /* @__PURE__ */ React.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.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "In Progress"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, progress.map((b, i) => {
|
|
3452
|
-
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3454
|
+
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3453
3455
|
}))), (isWithoutFilters || "Completed" in filters && filters["Completed"].isActive) && collected.length > 0 && /* @__PURE__ */ React.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Completed"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, collected.map((b, i) => {
|
|
3454
|
-
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3456
|
+
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3455
3457
|
}))), (isWithoutFilters || "Available" in filters && filters["Available"].isActive) && available.length > 0 && /* @__PURE__ */ React.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Available"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, available.map((b, i) => {
|
|
3456
|
-
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3458
|
+
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3457
3459
|
}))), (isWithoutFilters || "Locked" in filters && filters["Locked"].isActive) && locked.length > 0 && /* @__PURE__ */ React.createElement("div", null, showSectionHeaders && /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Locked"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, locked.map((b, i) => {
|
|
3458
|
-
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$
|
|
3460
|
+
return /* @__PURE__ */ React.createElement(Badge, __spreadProps$9(__spreadValues$f({ key: i }, b), { compact: list }));
|
|
3459
3461
|
}))))))))));
|
|
3460
3462
|
};
|
|
3461
3463
|
const getLayout$1 = (list) => {
|
|
@@ -3492,7 +3494,7 @@ const BadgeSuccessDialog = (props) => {
|
|
|
3492
3494
|
const Tab = (props) => {
|
|
3493
3495
|
const config = defaultTabConfig();
|
|
3494
3496
|
withActive(config, props.active);
|
|
3495
|
-
withDisabled(config, props.disabled);
|
|
3497
|
+
withDisabled$1(config, props.disabled);
|
|
3496
3498
|
withSecondary(config, props.secondary);
|
|
3497
3499
|
const onClick = () => !props.disabled && !props.active && props.onClick && props.onClick();
|
|
3498
3500
|
return /* @__PURE__ */ React__default.createElement("div", { onClick, className: classname(config.container) }, /* @__PURE__ */ React__default.createElement("div", { className: "m-auto w-max" }, props.icon && /* @__PURE__ */ React__default.createElement("div", { className: classname(config.icon) }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: props.icon })), /* @__PURE__ */ React__default.createElement("h4", { className: classname(config.title) }, props.title)));
|
|
@@ -3529,7 +3531,7 @@ const withActive = (config, active) => {
|
|
|
3529
3531
|
}
|
|
3530
3532
|
config.active = active;
|
|
3531
3533
|
};
|
|
3532
|
-
const withDisabled = (config, disabled) => {
|
|
3534
|
+
const withDisabled$1 = (config, disabled) => {
|
|
3533
3535
|
if (disabled) {
|
|
3534
3536
|
config.container.cursor = "";
|
|
3535
3537
|
config.container.bg.color = "";
|
|
@@ -3686,6 +3688,37 @@ const ordNumber = (n) => {
|
|
|
3686
3688
|
return n + (s[(v - 20) % 10] || s[v] || s[0]);
|
|
3687
3689
|
};
|
|
3688
3690
|
|
|
3691
|
+
const LINKS = [
|
|
3692
|
+
{ label: "About", href: "https://www.localcivics.io" },
|
|
3693
|
+
{ label: "Terms", href: "https://www.localcivics.io/terms-of-service" },
|
|
3694
|
+
{ label: "Privacy", href: "https://www.localcivics.io/privacy-policy" },
|
|
3695
|
+
{ label: "Help Center", href: "https://localcivics.notion.site/Help-Center-b52300f587b64fc0a61f512686e7626d" }
|
|
3696
|
+
];
|
|
3697
|
+
const SOCIALS = [
|
|
3698
|
+
{ label: "Instagram", href: "https://www.instagram.com/localcivics/", icon: IconBrandInstagram },
|
|
3699
|
+
{ label: "LinkedIn", href: "https://www.linkedin.com/company/localcivics", icon: IconBrandLinkedin },
|
|
3700
|
+
{ label: "Facebook", href: "https://www.facebook.com/localcivics/", icon: IconBrandFacebook }
|
|
3701
|
+
];
|
|
3702
|
+
const Footer = () => {
|
|
3703
|
+
const linkClassName = builder("text-sm text-slate-500").append("hover:text-slate-700").build();
|
|
3704
|
+
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();
|
|
3705
|
+
return /* @__PURE__ */ React__default.createElement("footer", { className: "w-full border-t border-slate-100" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-full max-w-[64rem] m-auto flex flex-col gap-6 px-4 py-8 lg:px-0" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-6 md:flex-row md:items-start md:justify-between" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex max-w-xs flex-col gap-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React__default.createElement("img", { className: "w-4", src: "https://cdn.localcivics.io/brand/l.png", alt: "Local Civics" }), /* @__PURE__ */ React__default.createElement("span", { className: "text-lg font-bold text-slate-500" }, "PathLink")), /* @__PURE__ */ React__default.createElement("p", { className: "text-xs text-slate-400" }, "We connect students to powerful civic learning experiences.")), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-wrap gap-x-6 gap-y-2" }, LINKS.map((link) => /* @__PURE__ */ React__default.createElement("a", { key: link.label, className: linkClassName, href: link.href, target: "_blank", rel: "noreferrer" }, link.label)))), /* @__PURE__ */ React__default.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__default.createElement("p", { className: "text-xs text-slate-400" }, "\xA9 ", new Date().getFullYear(), " Local Civics. All rights reserved."), /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-1" }, SOCIALS.map((social) => {
|
|
3706
|
+
const Icon = social.icon;
|
|
3707
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
3708
|
+
"a",
|
|
3709
|
+
{
|
|
3710
|
+
key: social.label,
|
|
3711
|
+
className: socialClassName,
|
|
3712
|
+
href: social.href,
|
|
3713
|
+
target: "_blank",
|
|
3714
|
+
rel: "noreferrer",
|
|
3715
|
+
"aria-label": social.label
|
|
3716
|
+
},
|
|
3717
|
+
/* @__PURE__ */ React__default.createElement(Icon, { size: 18, stroke: 1.5 })
|
|
3718
|
+
);
|
|
3719
|
+
})))));
|
|
3720
|
+
};
|
|
3721
|
+
|
|
3689
3722
|
const Home = () => {
|
|
3690
3723
|
return /* @__PURE__ */ React.createElement("div", { className: "relative h-full w-full" }, /* @__PURE__ */ React.createElement(
|
|
3691
3724
|
"img",
|
|
@@ -3746,21 +3779,21 @@ const linkify = (text) => {
|
|
|
3746
3779
|
return replacedText;
|
|
3747
3780
|
};
|
|
3748
3781
|
|
|
3749
|
-
var __defProp$
|
|
3782
|
+
var __defProp$e = Object.defineProperty;
|
|
3750
3783
|
var __defProps$8 = Object.defineProperties;
|
|
3751
3784
|
var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
|
|
3752
|
-
var __getOwnPropSymbols$
|
|
3753
|
-
var __hasOwnProp$
|
|
3754
|
-
var __propIsEnum$
|
|
3755
|
-
var __defNormalProp$
|
|
3756
|
-
var __spreadValues$
|
|
3785
|
+
var __getOwnPropSymbols$e = Object.getOwnPropertySymbols;
|
|
3786
|
+
var __hasOwnProp$e = Object.prototype.hasOwnProperty;
|
|
3787
|
+
var __propIsEnum$e = Object.prototype.propertyIsEnumerable;
|
|
3788
|
+
var __defNormalProp$e = (obj, key, value) => key in obj ? __defProp$e(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3789
|
+
var __spreadValues$e = (a, b) => {
|
|
3757
3790
|
for (var prop in b || (b = {}))
|
|
3758
|
-
if (__hasOwnProp$
|
|
3759
|
-
__defNormalProp$
|
|
3760
|
-
if (__getOwnPropSymbols$
|
|
3761
|
-
for (var prop of __getOwnPropSymbols$
|
|
3762
|
-
if (__propIsEnum$
|
|
3763
|
-
__defNormalProp$
|
|
3791
|
+
if (__hasOwnProp$e.call(b, prop))
|
|
3792
|
+
__defNormalProp$e(a, prop, b[prop]);
|
|
3793
|
+
if (__getOwnPropSymbols$e)
|
|
3794
|
+
for (var prop of __getOwnPropSymbols$e(b)) {
|
|
3795
|
+
if (__propIsEnum$e.call(b, prop))
|
|
3796
|
+
__defNormalProp$e(a, prop, b[prop]);
|
|
3764
3797
|
}
|
|
3765
3798
|
return a;
|
|
3766
3799
|
};
|
|
@@ -3791,28 +3824,28 @@ const FormItem = (props) => {
|
|
|
3791
3824
|
}
|
|
3792
3825
|
}, [isTextError]);
|
|
3793
3826
|
const marginBottom = props.format === "text" ? "-mb-7" : "";
|
|
3794
|
-
return /* @__PURE__ */ React__default.createElement("div", { className: `bg-white rounded-md p-5 shadow-sm grid grid-cols-1 gap-y-8 ${itemContainerError} ${marginBottom}` }, props.displayName && /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start gap-x-4" }, props.format === "question" && /* @__PURE__ */ React__default.createElement("div", { className: `${checkIconColor} w-5 h-5 mt-1` }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React__default.createElement("div", { className: "grow max-w-lg" }, props.displayName && /* @__PURE__ */ React__default.createElement("p", { className: "flex-auto text-lg text-slate-600 font-semibold whitespace-pre-line" }, linkify(props.displayName)), props.description && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-slate-400 whitespace-pre-line" }, linkify(props.description)))), props.required && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-rose-600" }, "*")), !props.children && props.format !== "text" && /* @__PURE__ */ React__default.createElement("div", { className: `${contentMaxWidth} ml-1` }, /* @__PURE__ */ React__default.createElement(Switch, __spreadProps$8(__spreadValues$
|
|
3827
|
+
return /* @__PURE__ */ React__default.createElement("div", { className: `bg-white rounded-md p-5 shadow-sm grid grid-cols-1 gap-y-8 ${itemContainerError} ${marginBottom}` }, props.displayName && /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start gap-x-4" }, props.format === "question" && /* @__PURE__ */ React__default.createElement("div", { className: `${checkIconColor} w-5 h-5 mt-1` }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "positive" })), /* @__PURE__ */ React__default.createElement("div", { className: "grow max-w-lg" }, props.displayName && /* @__PURE__ */ React__default.createElement("p", { className: "flex-auto text-lg text-slate-600 font-semibold whitespace-pre-line" }, linkify(props.displayName)), props.description && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-slate-400 whitespace-pre-line" }, linkify(props.description)))), props.required && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-rose-600" }, "*")), !props.children && props.format !== "text" && /* @__PURE__ */ React__default.createElement("div", { className: `${contentMaxWidth} ml-1` }, /* @__PURE__ */ React__default.createElement(Switch, __spreadProps$8(__spreadValues$e({}, props), { onTextBlur })), showError && /* @__PURE__ */ React__default.createElement("div", { className: "text-rose-300 flex items-center gap-x-2 mt-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-4 h-4" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "negative" })), /* @__PURE__ */ React__default.createElement("span", { className: "grow text-sm" }, "Must be a minimum of ", minimum, " characters."))), props.children);
|
|
3795
3828
|
};
|
|
3796
3829
|
const Switch = (props) => {
|
|
3797
3830
|
switch (true) {
|
|
3798
3831
|
case props.format === "embed":
|
|
3799
|
-
return /* @__PURE__ */ React__default.createElement(Embed, __spreadValues$
|
|
3832
|
+
return /* @__PURE__ */ React__default.createElement(Embed, __spreadValues$e({}, props));
|
|
3800
3833
|
case props.format === "image":
|
|
3801
|
-
return /* @__PURE__ */ React__default.createElement(Image, __spreadValues$
|
|
3834
|
+
return /* @__PURE__ */ React__default.createElement(Image, __spreadValues$e({}, props));
|
|
3802
3835
|
case props.questionType === "radio":
|
|
3803
|
-
return /* @__PURE__ */ React__default.createElement(RadioQuestion, __spreadValues$
|
|
3836
|
+
return /* @__PURE__ */ React__default.createElement(RadioQuestion, __spreadValues$e({}, props));
|
|
3804
3837
|
case props.questionType === "checkbox":
|
|
3805
|
-
return /* @__PURE__ */ React__default.createElement(CheckboxQuestion, __spreadValues$
|
|
3838
|
+
return /* @__PURE__ */ React__default.createElement(CheckboxQuestion, __spreadValues$e({}, props));
|
|
3806
3839
|
case props.questionType === "drop down":
|
|
3807
|
-
return /* @__PURE__ */ React__default.createElement(DropDownQuestion, __spreadValues$
|
|
3840
|
+
return /* @__PURE__ */ React__default.createElement(DropDownQuestion, __spreadValues$e({}, props));
|
|
3808
3841
|
case props.questionType === "file upload":
|
|
3809
|
-
return /* @__PURE__ */ React__default.createElement(FileUploadQuestion, __spreadValues$
|
|
3842
|
+
return /* @__PURE__ */ React__default.createElement(FileUploadQuestion, __spreadValues$e({}, props));
|
|
3810
3843
|
case props.questionType === "text":
|
|
3811
|
-
return /* @__PURE__ */ React__default.createElement(TextQuestion, __spreadValues$
|
|
3844
|
+
return /* @__PURE__ */ React__default.createElement(TextQuestion, __spreadValues$e({}, props));
|
|
3812
3845
|
case props.questionType === "date":
|
|
3813
|
-
return /* @__PURE__ */ React__default.createElement(DateQuestion, __spreadValues$
|
|
3846
|
+
return /* @__PURE__ */ React__default.createElement(DateQuestion, __spreadValues$e({}, props));
|
|
3814
3847
|
case props.questionType === "time":
|
|
3815
|
-
return /* @__PURE__ */ React__default.createElement(TimeQuestion, __spreadValues$
|
|
3848
|
+
return /* @__PURE__ */ React__default.createElement(TimeQuestion, __spreadValues$e({}, props));
|
|
3816
3849
|
default:
|
|
3817
3850
|
return null;
|
|
3818
3851
|
}
|
|
@@ -4169,21 +4202,21 @@ const FormSubmitDialog$1 = (props) => {
|
|
|
4169
4202
|
))));
|
|
4170
4203
|
};
|
|
4171
4204
|
|
|
4172
|
-
var __defProp$
|
|
4205
|
+
var __defProp$d = Object.defineProperty;
|
|
4173
4206
|
var __defProps$7 = Object.defineProperties;
|
|
4174
4207
|
var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
|
|
4175
|
-
var __getOwnPropSymbols$
|
|
4176
|
-
var __hasOwnProp$
|
|
4177
|
-
var __propIsEnum$
|
|
4178
|
-
var __defNormalProp$
|
|
4179
|
-
var __spreadValues$
|
|
4208
|
+
var __getOwnPropSymbols$d = Object.getOwnPropertySymbols;
|
|
4209
|
+
var __hasOwnProp$d = Object.prototype.hasOwnProperty;
|
|
4210
|
+
var __propIsEnum$d = Object.prototype.propertyIsEnumerable;
|
|
4211
|
+
var __defNormalProp$d = (obj, key, value) => key in obj ? __defProp$d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4212
|
+
var __spreadValues$d = (a, b) => {
|
|
4180
4213
|
for (var prop in b || (b = {}))
|
|
4181
|
-
if (__hasOwnProp$
|
|
4182
|
-
__defNormalProp$
|
|
4183
|
-
if (__getOwnPropSymbols$
|
|
4184
|
-
for (var prop of __getOwnPropSymbols$
|
|
4185
|
-
if (__propIsEnum$
|
|
4186
|
-
__defNormalProp$
|
|
4214
|
+
if (__hasOwnProp$d.call(b, prop))
|
|
4215
|
+
__defNormalProp$d(a, prop, b[prop]);
|
|
4216
|
+
if (__getOwnPropSymbols$d)
|
|
4217
|
+
for (var prop of __getOwnPropSymbols$d(b)) {
|
|
4218
|
+
if (__propIsEnum$d.call(b, prop))
|
|
4219
|
+
__defNormalProp$d(a, prop, b[prop]);
|
|
4187
4220
|
}
|
|
4188
4221
|
return a;
|
|
4189
4222
|
};
|
|
@@ -4298,7 +4331,7 @@ const LearningForm = (props) => {
|
|
|
4298
4331
|
/* @__PURE__ */ React__default.createElement("div", { className: "w-3 h-3 min-w-3" }, /* @__PURE__ */ React__default.createElement(Icon$1, { name: "leftArrow" })),
|
|
4299
4332
|
/* @__PURE__ */ React__default.createElement("span", { className: "text-md" }, "Back")
|
|
4300
4333
|
), !!props.displayName && /* @__PURE__ */ React__default.createElement("h2", { className: "h-max font-semibold text-2xl" }, props.displayName), !!props.description && /* @__PURE__ */ React__default.createElement("p", { className: "h-max max-h-[14rem] overflow-y-auto whitespace-pre-line" }, props.description), !!props.eta && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm h-max font-semibold" }, "Estimated Completion Time: ", props.eta)), /* @__PURE__ */ React__default.createElement("img", { className: "grow h-full max-h-[30rem] w-full object-cover", alt: props.displayName, src: props.imageURL })), /* @__PURE__ */ React__default.createElement("form", { className: "w-full max-w-[64rem] m-auto grid grid-cols-1 gap-y-12", onSubmit }, items.map((item) => {
|
|
4301
|
-
return /* @__PURE__ */ React__default.createElement(FormItem, __spreadProps$7(__spreadValues$
|
|
4334
|
+
return /* @__PURE__ */ React__default.createElement(FormItem, __spreadProps$7(__spreadValues$d({ key: item.itemId }, item), { minText: 0, disabled: !!props.preview }));
|
|
4302
4335
|
}), /* @__PURE__ */ React__default.createElement(
|
|
4303
4336
|
FormItem,
|
|
4304
4337
|
{
|
|
@@ -4377,19 +4410,19 @@ const Rating = (props) => {
|
|
|
4377
4410
|
)));
|
|
4378
4411
|
};
|
|
4379
4412
|
|
|
4380
|
-
var __defProp$
|
|
4381
|
-
var __getOwnPropSymbols$
|
|
4382
|
-
var __hasOwnProp$
|
|
4383
|
-
var __propIsEnum$
|
|
4384
|
-
var __defNormalProp$
|
|
4385
|
-
var __spreadValues$
|
|
4413
|
+
var __defProp$c = Object.defineProperty;
|
|
4414
|
+
var __getOwnPropSymbols$c = Object.getOwnPropertySymbols;
|
|
4415
|
+
var __hasOwnProp$c = Object.prototype.hasOwnProperty;
|
|
4416
|
+
var __propIsEnum$c = Object.prototype.propertyIsEnumerable;
|
|
4417
|
+
var __defNormalProp$c = (obj, key, value) => key in obj ? __defProp$c(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4418
|
+
var __spreadValues$c = (a, b) => {
|
|
4386
4419
|
for (var prop in b || (b = {}))
|
|
4387
|
-
if (__hasOwnProp$
|
|
4388
|
-
__defNormalProp$
|
|
4389
|
-
if (__getOwnPropSymbols$
|
|
4390
|
-
for (var prop of __getOwnPropSymbols$
|
|
4391
|
-
if (__propIsEnum$
|
|
4392
|
-
__defNormalProp$
|
|
4420
|
+
if (__hasOwnProp$c.call(b, prop))
|
|
4421
|
+
__defNormalProp$c(a, prop, b[prop]);
|
|
4422
|
+
if (__getOwnPropSymbols$c)
|
|
4423
|
+
for (var prop of __getOwnPropSymbols$c(b)) {
|
|
4424
|
+
if (__propIsEnum$c.call(b, prop))
|
|
4425
|
+
__defNormalProp$c(a, prop, b[prop]);
|
|
4393
4426
|
}
|
|
4394
4427
|
return a;
|
|
4395
4428
|
};
|
|
@@ -4398,7 +4431,7 @@ const NavLink = (props) => {
|
|
|
4398
4431
|
const config = defaultConfig();
|
|
4399
4432
|
withMenu(config, props.menu);
|
|
4400
4433
|
withName(config, props.name);
|
|
4401
|
-
return /* @__PURE__ */ React__default.createElement(Button, __spreadValues$
|
|
4434
|
+
return /* @__PURE__ */ React__default.createElement(Button, __spreadValues$c({ disabled: props.disabled, active: props.active, onClick }, config));
|
|
4402
4435
|
};
|
|
4403
4436
|
const defaultConfig = () => {
|
|
4404
4437
|
return {};
|
|
@@ -4473,21 +4506,21 @@ const withName = (config, name) => {
|
|
|
4473
4506
|
}
|
|
4474
4507
|
};
|
|
4475
4508
|
|
|
4476
|
-
var __defProp$
|
|
4509
|
+
var __defProp$b = Object.defineProperty;
|
|
4477
4510
|
var __defProps$6 = Object.defineProperties;
|
|
4478
4511
|
var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
|
|
4479
|
-
var __getOwnPropSymbols$
|
|
4480
|
-
var __hasOwnProp$
|
|
4481
|
-
var __propIsEnum$
|
|
4482
|
-
var __defNormalProp$
|
|
4483
|
-
var __spreadValues$
|
|
4512
|
+
var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
|
|
4513
|
+
var __hasOwnProp$b = Object.prototype.hasOwnProperty;
|
|
4514
|
+
var __propIsEnum$b = Object.prototype.propertyIsEnumerable;
|
|
4515
|
+
var __defNormalProp$b = (obj, key, value) => key in obj ? __defProp$b(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4516
|
+
var __spreadValues$b = (a, b) => {
|
|
4484
4517
|
for (var prop in b || (b = {}))
|
|
4485
|
-
if (__hasOwnProp$
|
|
4486
|
-
__defNormalProp$
|
|
4487
|
-
if (__getOwnPropSymbols$
|
|
4488
|
-
for (var prop of __getOwnPropSymbols$
|
|
4489
|
-
if (__propIsEnum$
|
|
4490
|
-
__defNormalProp$
|
|
4518
|
+
if (__hasOwnProp$b.call(b, prop))
|
|
4519
|
+
__defNormalProp$b(a, prop, b[prop]);
|
|
4520
|
+
if (__getOwnPropSymbols$b)
|
|
4521
|
+
for (var prop of __getOwnPropSymbols$b(b)) {
|
|
4522
|
+
if (__propIsEnum$b.call(b, prop))
|
|
4523
|
+
__defNormalProp$b(a, prop, b[prop]);
|
|
4491
4524
|
}
|
|
4492
4525
|
return a;
|
|
4493
4526
|
};
|
|
@@ -4509,7 +4542,7 @@ const NavBar = (props) => {
|
|
|
4509
4542
|
return null;
|
|
4510
4543
|
})), /* @__PURE__ */ React__default.createElement("div", { className: "inline-block md:hidden" }, /* @__PURE__ */ React__default.createElement(NavLink, { onClick: () => setSecondary(!secondary), name: menuIcon })), /* @__PURE__ */ React__default.createElement("div", { className: secondaryClassName }, React__default.Children.map(props.children, (Link) => {
|
|
4511
4544
|
if (Link && Link.props.name !== "home") {
|
|
4512
|
-
return /* @__PURE__ */ React__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React__default.createElement(NavLink, __spreadProps$6(__spreadValues$
|
|
4545
|
+
return /* @__PURE__ */ React__default.createElement("div", { className: "relative" }, /* @__PURE__ */ React__default.createElement(NavLink, __spreadProps$6(__spreadValues$b({}, Link.props), { menu: true })));
|
|
4513
4546
|
}
|
|
4514
4547
|
return null;
|
|
4515
4548
|
}))));
|
|
@@ -4606,28 +4639,28 @@ const LegalAgreement = (props) => {
|
|
|
4606
4639
|
)));
|
|
4607
4640
|
};
|
|
4608
4641
|
|
|
4609
|
-
var __defProp$
|
|
4642
|
+
var __defProp$a = Object.defineProperty;
|
|
4610
4643
|
var __defProps$5 = Object.defineProperties;
|
|
4611
4644
|
var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
|
|
4612
|
-
var __getOwnPropSymbols$
|
|
4613
|
-
var __hasOwnProp$
|
|
4614
|
-
var __propIsEnum$
|
|
4615
|
-
var __defNormalProp$
|
|
4616
|
-
var __spreadValues$
|
|
4617
|
-
for (var prop in b || (b = {}))
|
|
4618
|
-
if (__hasOwnProp$
|
|
4619
|
-
__defNormalProp$
|
|
4620
|
-
if (__getOwnPropSymbols$
|
|
4621
|
-
for (var prop of __getOwnPropSymbols$
|
|
4622
|
-
if (__propIsEnum$
|
|
4623
|
-
__defNormalProp$
|
|
4645
|
+
var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
|
|
4646
|
+
var __hasOwnProp$a = Object.prototype.hasOwnProperty;
|
|
4647
|
+
var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
|
|
4648
|
+
var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4649
|
+
var __spreadValues$a = (a, b) => {
|
|
4650
|
+
for (var prop in b || (b = {}))
|
|
4651
|
+
if (__hasOwnProp$a.call(b, prop))
|
|
4652
|
+
__defNormalProp$a(a, prop, b[prop]);
|
|
4653
|
+
if (__getOwnPropSymbols$a)
|
|
4654
|
+
for (var prop of __getOwnPropSymbols$a(b)) {
|
|
4655
|
+
if (__propIsEnum$a.call(b, prop))
|
|
4656
|
+
__defNormalProp$a(a, prop, b[prop]);
|
|
4624
4657
|
}
|
|
4625
4658
|
return a;
|
|
4626
4659
|
};
|
|
4627
4660
|
var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
|
|
4628
4661
|
const CommunitySearch = (props) => {
|
|
4629
4662
|
const [accessCode, setAccessCode] = React__default.useState("");
|
|
4630
|
-
return /* @__PURE__ */ React__default.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__default.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-2xl" }, "Which is your community?"), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, "Pick your community.")), /* @__PURE__ */ React__default.createElement(Search, __spreadProps$5(__spreadValues$
|
|
4663
|
+
return /* @__PURE__ */ React__default.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__default.createElement("div", { className: "text-slate-600" }, /* @__PURE__ */ React__default.createElement("p", { className: "font-bold text-2xl" }, "Which is your community?"), /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, "Pick your community.")), /* @__PURE__ */ React__default.createElement(Search, __spreadProps$5(__spreadValues$a({}, props), { autofocus: !accessCode, placeholder: props.name })), !!props.name && /* @__PURE__ */ React__default.createElement("div", { className: "text-slate-600 grid-cols-1 gap-2" }, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("span", { className: "text-sm" }, "Enter the access code for"), /* @__PURE__ */ React__default.createElement("span", { className: "ml-1 font-semibold text-sm" }, props.name), /* @__PURE__ */ React__default.createElement("span", { className: "text-sm" }, ".")), /* @__PURE__ */ React__default.createElement("div", { className: "mt-2 content-center grid grid-cols-3 gap-x-2" }, /* @__PURE__ */ React__default.createElement(
|
|
4631
4664
|
"input",
|
|
4632
4665
|
{
|
|
4633
4666
|
disabled: props.disabled,
|
|
@@ -4762,27 +4795,27 @@ const Welcome = (props) => {
|
|
|
4762
4795
|
)));
|
|
4763
4796
|
};
|
|
4764
4797
|
|
|
4765
|
-
var __defProp$
|
|
4798
|
+
var __defProp$9 = Object.defineProperty;
|
|
4766
4799
|
var __defProps$4 = Object.defineProperties;
|
|
4767
4800
|
var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
|
|
4768
|
-
var __getOwnPropSymbols$
|
|
4769
|
-
var __hasOwnProp$
|
|
4770
|
-
var __propIsEnum$
|
|
4771
|
-
var __defNormalProp$
|
|
4772
|
-
var __spreadValues$
|
|
4801
|
+
var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
|
|
4802
|
+
var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
|
|
4803
|
+
var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
|
|
4804
|
+
var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
4805
|
+
var __spreadValues$9 = (a, b) => {
|
|
4773
4806
|
for (var prop in b || (b = {}))
|
|
4774
|
-
if (__hasOwnProp$
|
|
4775
|
-
__defNormalProp$
|
|
4776
|
-
if (__getOwnPropSymbols$
|
|
4777
|
-
for (var prop of __getOwnPropSymbols$
|
|
4778
|
-
if (__propIsEnum$
|
|
4779
|
-
__defNormalProp$
|
|
4807
|
+
if (__hasOwnProp$9.call(b, prop))
|
|
4808
|
+
__defNormalProp$9(a, prop, b[prop]);
|
|
4809
|
+
if (__getOwnPropSymbols$9)
|
|
4810
|
+
for (var prop of __getOwnPropSymbols$9(b)) {
|
|
4811
|
+
if (__propIsEnum$9.call(b, prop))
|
|
4812
|
+
__defNormalProp$9(a, prop, b[prop]);
|
|
4780
4813
|
}
|
|
4781
4814
|
return a;
|
|
4782
4815
|
};
|
|
4783
4816
|
var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
|
|
4784
4817
|
const Onboarding = (props) => {
|
|
4785
|
-
return /* @__PURE__ */ React__default.createElement(Modal, { stage: true, isLoading: props.isLoading, inline: true, plain: true, visible: true }, /* @__PURE__ */ React__default.createElement(Delegate, __spreadValues$
|
|
4818
|
+
return /* @__PURE__ */ React__default.createElement(Modal, { stage: true, isLoading: props.isLoading, inline: true, plain: true, visible: true }, /* @__PURE__ */ React__default.createElement(Delegate, __spreadValues$9({}, props)));
|
|
4786
4819
|
};
|
|
4787
4820
|
const Delegate = (props) => {
|
|
4788
4821
|
const [agreed, setAgreed] = React__default.useState(!!props.hasOrganization || props.search !== null);
|
|
@@ -4796,7 +4829,7 @@ const Delegate = (props) => {
|
|
|
4796
4829
|
if (!props.hasOrganization) {
|
|
4797
4830
|
return /* @__PURE__ */ React__default.createElement(
|
|
4798
4831
|
CommunitySearch,
|
|
4799
|
-
__spreadProps$4(__spreadValues$
|
|
4832
|
+
__spreadProps$4(__spreadValues$9({}, organization), {
|
|
4800
4833
|
open: organizationOpen,
|
|
4801
4834
|
value: props.search,
|
|
4802
4835
|
results: props.organizations && props.organizations.map((organization2) => {
|
|
@@ -5112,19 +5145,19 @@ const ProfileWidget = (props) => {
|
|
|
5112
5145
|
), props.online && /* @__PURE__ */ React__default.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__default.createElement("div", { className: "grid grid-cols-1 content-center align-middle" }, /* @__PURE__ */ React__default.createElement("div", { className: "grid lg:gap-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "grid grid-cols-1" }, props.tenantName && /* @__PURE__ */ React__default.createElement("span", { className: "text-slate-300 text-sm" }, "@", props.tenantName), /* @__PURE__ */ React__default.createElement("h4", { className: "inline-block font-semibold capitalize text-2xl lg:text-4xl text-slate-600" }, props.givenName, " ", props.familyName)), props.createdAt && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-slate-300" }, "Member since ", new Date(props.createdAt).getFullYear())))))));
|
|
5113
5146
|
};
|
|
5114
5147
|
|
|
5115
|
-
var __defProp$
|
|
5116
|
-
var __getOwnPropSymbols$
|
|
5117
|
-
var __hasOwnProp$
|
|
5118
|
-
var __propIsEnum$
|
|
5119
|
-
var __defNormalProp$
|
|
5120
|
-
var __spreadValues$
|
|
5148
|
+
var __defProp$8 = Object.defineProperty;
|
|
5149
|
+
var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
|
|
5150
|
+
var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
|
|
5151
|
+
var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
|
|
5152
|
+
var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5153
|
+
var __spreadValues$8 = (a, b) => {
|
|
5121
5154
|
for (var prop in b || (b = {}))
|
|
5122
|
-
if (__hasOwnProp$
|
|
5123
|
-
__defNormalProp$
|
|
5124
|
-
if (__getOwnPropSymbols$
|
|
5125
|
-
for (var prop of __getOwnPropSymbols$
|
|
5126
|
-
if (__propIsEnum$
|
|
5127
|
-
__defNormalProp$
|
|
5155
|
+
if (__hasOwnProp$8.call(b, prop))
|
|
5156
|
+
__defNormalProp$8(a, prop, b[prop]);
|
|
5157
|
+
if (__getOwnPropSymbols$8)
|
|
5158
|
+
for (var prop of __getOwnPropSymbols$8(b)) {
|
|
5159
|
+
if (__propIsEnum$8.call(b, prop))
|
|
5160
|
+
__defNormalProp$8(a, prop, b[prop]);
|
|
5128
5161
|
}
|
|
5129
5162
|
return a;
|
|
5130
5163
|
};
|
|
@@ -5132,9 +5165,9 @@ const FormInput = (props) => {
|
|
|
5132
5165
|
return /* @__PURE__ */ React__default.createElement("div", { className: "grid grid-cols-1 gap-y-2" }, props.headline && /* @__PURE__ */ React__default.createElement("div", { className: "flex gap-x-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-start gap-x-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "grow" }, props.headline && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-slate-600 font-semibold" }, props.headline), props.summary && /* @__PURE__ */ React__default.createElement("p", { className: "text-xs text-slate-500" }, props.summary))), !props.readonly && props.required && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm text-rose-600" }, "*")), /* @__PURE__ */ React__default.createElement("div", null, (() => {
|
|
5133
5166
|
switch (props.type) {
|
|
5134
5167
|
case "dropdown":
|
|
5135
|
-
return /* @__PURE__ */ React__default.createElement(DropDownInput, __spreadValues$
|
|
5168
|
+
return /* @__PURE__ */ React__default.createElement(DropDownInput, __spreadValues$8({}, props));
|
|
5136
5169
|
default:
|
|
5137
|
-
return /* @__PURE__ */ React__default.createElement(Input, __spreadValues$
|
|
5170
|
+
return /* @__PURE__ */ React__default.createElement(Input, __spreadValues$8({}, props));
|
|
5138
5171
|
}
|
|
5139
5172
|
})()));
|
|
5140
5173
|
};
|
|
@@ -5242,21 +5275,21 @@ const FormSubmitDialog = (props) => {
|
|
|
5242
5275
|
))));
|
|
5243
5276
|
};
|
|
5244
5277
|
|
|
5245
|
-
var __defProp$
|
|
5278
|
+
var __defProp$7 = Object.defineProperty;
|
|
5246
5279
|
var __defProps$3 = Object.defineProperties;
|
|
5247
5280
|
var __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors;
|
|
5248
|
-
var __getOwnPropSymbols$
|
|
5249
|
-
var __hasOwnProp$
|
|
5250
|
-
var __propIsEnum$
|
|
5251
|
-
var __defNormalProp$
|
|
5252
|
-
var __spreadValues$
|
|
5281
|
+
var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
|
|
5282
|
+
var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
|
|
5283
|
+
var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
|
|
5284
|
+
var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5285
|
+
var __spreadValues$7 = (a, b) => {
|
|
5253
5286
|
for (var prop in b || (b = {}))
|
|
5254
|
-
if (__hasOwnProp$
|
|
5255
|
-
__defNormalProp$
|
|
5256
|
-
if (__getOwnPropSymbols$
|
|
5257
|
-
for (var prop of __getOwnPropSymbols$
|
|
5258
|
-
if (__propIsEnum$
|
|
5259
|
-
__defNormalProp$
|
|
5287
|
+
if (__hasOwnProp$7.call(b, prop))
|
|
5288
|
+
__defNormalProp$7(a, prop, b[prop]);
|
|
5289
|
+
if (__getOwnPropSymbols$7)
|
|
5290
|
+
for (var prop of __getOwnPropSymbols$7(b)) {
|
|
5291
|
+
if (__propIsEnum$7.call(b, prop))
|
|
5292
|
+
__defNormalProp$7(a, prop, b[prop]);
|
|
5260
5293
|
}
|
|
5261
5294
|
return a;
|
|
5262
5295
|
};
|
|
@@ -5267,7 +5300,7 @@ const Form = (props) => {
|
|
|
5267
5300
|
const [responses, setResponses] = React__default.useState({});
|
|
5268
5301
|
const [inReview, setInReview] = React__default.useState(!!props.inReview);
|
|
5269
5302
|
const setResponse = (key, value) => {
|
|
5270
|
-
setResponses(__spreadProps$3(__spreadValues$
|
|
5303
|
+
setResponses(__spreadProps$3(__spreadValues$7({}, responses), { [key]: value }));
|
|
5271
5304
|
};
|
|
5272
5305
|
const onSubmit = (e) => {
|
|
5273
5306
|
e.preventDefault();
|
|
@@ -5386,21 +5419,21 @@ const Form = (props) => {
|
|
|
5386
5419
|
)))))))), showExitDialogue && /* @__PURE__ */ React__default.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__default.createElement("div", { className: "flex md:w-max h-screen gap-x-2 justify-items-center content-center m-auto" }, /* @__PURE__ */ React__default.createElement(FormExitDialog, { onYes: props.onClose, onNo: () => setShowExitDialogue(false) }))), showSubmitDialogue && /* @__PURE__ */ React__default.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__default.createElement("div", { className: "flex md:w-max h-screen gap-x-2 justify-items-center content-center m-auto" }, /* @__PURE__ */ React__default.createElement(FormSubmitDialog, { onGoBack: () => setShowSubmitDialogue(false), onContinue: props.onClose }))));
|
|
5387
5420
|
};
|
|
5388
5421
|
|
|
5389
|
-
var __defProp$
|
|
5422
|
+
var __defProp$6 = Object.defineProperty;
|
|
5390
5423
|
var __defProps$2 = Object.defineProperties;
|
|
5391
5424
|
var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
|
|
5392
|
-
var __getOwnPropSymbols$
|
|
5393
|
-
var __hasOwnProp$
|
|
5394
|
-
var __propIsEnum$
|
|
5395
|
-
var __defNormalProp$
|
|
5396
|
-
var __spreadValues$
|
|
5425
|
+
var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
|
|
5426
|
+
var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
|
|
5427
|
+
var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
|
|
5428
|
+
var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5429
|
+
var __spreadValues$6 = (a, b) => {
|
|
5397
5430
|
for (var prop in b || (b = {}))
|
|
5398
|
-
if (__hasOwnProp$
|
|
5399
|
-
__defNormalProp$
|
|
5400
|
-
if (__getOwnPropSymbols$
|
|
5401
|
-
for (var prop of __getOwnPropSymbols$
|
|
5402
|
-
if (__propIsEnum$
|
|
5403
|
-
__defNormalProp$
|
|
5431
|
+
if (__hasOwnProp$6.call(b, prop))
|
|
5432
|
+
__defNormalProp$6(a, prop, b[prop]);
|
|
5433
|
+
if (__getOwnPropSymbols$6)
|
|
5434
|
+
for (var prop of __getOwnPropSymbols$6(b)) {
|
|
5435
|
+
if (__propIsEnum$6.call(b, prop))
|
|
5436
|
+
__defNormalProp$6(a, prop, b[prop]);
|
|
5404
5437
|
}
|
|
5405
5438
|
return a;
|
|
5406
5439
|
};
|
|
@@ -5435,7 +5468,7 @@ const LogServiceButton = (props) => {
|
|
|
5435
5468
|
size: "full:md",
|
|
5436
5469
|
onClick: onOpen
|
|
5437
5470
|
}
|
|
5438
|
-
), isOpen && /* @__PURE__ */ React__default.createElement(Form, __spreadProps$2(__spreadValues$
|
|
5471
|
+
), isOpen && /* @__PURE__ */ React__default.createElement(Form, __spreadProps$2(__spreadValues$6({ onSubmit: props.onSubmit }, props.form), { onClose })));
|
|
5439
5472
|
};
|
|
5440
5473
|
|
|
5441
5474
|
const Stopwatch = (props) => {
|
|
@@ -5657,21 +5690,21 @@ const PathwayTranscript = (props) => {
|
|
|
5657
5690
|
return /* @__PURE__ */ React.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.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.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Student"), /* @__PURE__ */ React.createElement("p", { className: "font-bold text-zinc-800" }, safeRender(props.studentName) || "Guest User"), /* @__PURE__ */ React.createElement("p", { className: "text-zinc-500 text-[11px] mt-0.5" }, safeRender(props.studentEmail))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Organization"), /* @__PURE__ */ React.createElement("p", { className: "font-bold text-zinc-800" }, safeRender(props.schoolName) || "Not Provided"), /* @__PURE__ */ React.createElement("p", { className: "text-zinc-500 text-[11px] mt-0.5" }, props.gradeLevel ? `Grade ${safeRender(props.gradeLevel)}` : "")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-zinc-400 uppercase text-[9px] font-black mb-1" }, "Status"), /* @__PURE__ */ React.createElement("p", { className: "text-blue-500 font-bold text-[10px] uppercase" }, "Verified Record"), /* @__PURE__ */ React.createElement("p", { className: "text-zinc-400 text-[10px] mt-0.5" }, props.today || new Date().toLocaleDateString()))), /* @__PURE__ */ React.createElement("section", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-black text-zinc-900 tracking-tight" }, props.title || "Untitled Pathway"), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-zinc-500 max-w-3xl leading-relaxed" }, props.description || "No description provided for this pathway.")), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-3 gap-4" }, /* @__PURE__ */ React.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.createElement("span", { className: "text-2xl font-black text-blue-600" }, totalPointsEarned.toLocaleString()), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-bold text-zinc-400 uppercase tracking-widest mt-1" }, "Total Pts")), /* @__PURE__ */ React.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.createElement("span", { className: "text-2xl font-black text-blue-600" }, badgesEarnedCount), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-bold text-zinc-400 uppercase tracking-widest mt-1" }, "Badges Earned")), /* @__PURE__ */ React.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.createElement("span", { className: `text-2xl font-black ${sealEarned ? "text-emerald-500" : "text-zinc-300"}` }, sealEarned ? "Yes" : "No"), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-bold text-zinc-400 uppercase tracking-widest mt-1" }, "Seal Earned")))), /* @__PURE__ */ React.createElement("section", null, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-black uppercase text-zinc-400 tracking-widest mb-3" }, "Criteria & Progress"), /* @__PURE__ */ React.createElement("div", { className: "p-5 border border-zinc-100 rounded-xl bg-white shadow-sm" }, /* @__PURE__ */ React.createElement(PathwayProgressBarChart, { targets: props.mappedTargets, points: props.mappedPoints, height: "md" }))), /* @__PURE__ */ React.createElement("section", { className: "space-y-12" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between items-center border-b border-zinc-200 pb-3" }, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-black uppercase text-zinc-400 tracking-widest" }, "Activity History"), /* @__PURE__ */ React.createElement("div", { className: "flex bg-white border border-zinc-200 p-1 rounded-md text-[10px] font-bold uppercase" }, /* @__PURE__ */ React.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.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")));
|
|
5658
5691
|
};
|
|
5659
5692
|
|
|
5660
|
-
var __defProp$
|
|
5693
|
+
var __defProp$5 = Object.defineProperty;
|
|
5661
5694
|
var __defProps$1 = Object.defineProperties;
|
|
5662
5695
|
var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
|
|
5663
|
-
var __getOwnPropSymbols$
|
|
5664
|
-
var __hasOwnProp$
|
|
5665
|
-
var __propIsEnum$
|
|
5666
|
-
var __defNormalProp$
|
|
5667
|
-
var __spreadValues$
|
|
5696
|
+
var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
|
|
5697
|
+
var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
|
|
5698
|
+
var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
|
|
5699
|
+
var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5700
|
+
var __spreadValues$5 = (a, b) => {
|
|
5668
5701
|
for (var prop in b || (b = {}))
|
|
5669
|
-
if (__hasOwnProp$
|
|
5670
|
-
__defNormalProp$
|
|
5671
|
-
if (__getOwnPropSymbols$
|
|
5672
|
-
for (var prop of __getOwnPropSymbols$
|
|
5673
|
-
if (__propIsEnum$
|
|
5674
|
-
__defNormalProp$
|
|
5702
|
+
if (__hasOwnProp$5.call(b, prop))
|
|
5703
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
5704
|
+
if (__getOwnPropSymbols$5)
|
|
5705
|
+
for (var prop of __getOwnPropSymbols$5(b)) {
|
|
5706
|
+
if (__propIsEnum$5.call(b, prop))
|
|
5707
|
+
__defNormalProp$5(a, prop, b[prop]);
|
|
5675
5708
|
}
|
|
5676
5709
|
return a;
|
|
5677
5710
|
};
|
|
@@ -5701,7 +5734,7 @@ const PathwayCard = (props) => {
|
|
|
5701
5734
|
});
|
|
5702
5735
|
return p;
|
|
5703
5736
|
}, [props.points, props.categoryNames]);
|
|
5704
|
-
const sharedProps = __spreadProps$1(__spreadValues$
|
|
5737
|
+
const sharedProps = __spreadProps$1(__spreadValues$5({}, props), {
|
|
5705
5738
|
mappedTargets,
|
|
5706
5739
|
mappedPoints,
|
|
5707
5740
|
today,
|
|
@@ -5727,7 +5760,7 @@ const PathwayCard = (props) => {
|
|
|
5727
5760
|
border: "rounded",
|
|
5728
5761
|
onClick: () => setView(view === "overview" ? "transcript" : "overview")
|
|
5729
5762
|
}
|
|
5730
|
-
))), view === "overview" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PathwayOverview, __spreadValues$
|
|
5763
|
+
))), view === "overview" ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PathwayOverview, __spreadValues$5({}, sharedProps)), /* @__PURE__ */ React.createElement("div", { className: "pt-5 px-5 flex border-t border-zinc-100" }, /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-[7rem] ml-auto" }, /* @__PURE__ */ React.createElement(
|
|
5731
5764
|
Button,
|
|
5732
5765
|
{
|
|
5733
5766
|
disabled: true,
|
|
@@ -5739,27 +5772,27 @@ const PathwayCard = (props) => {
|
|
|
5739
5772
|
theme: "dark",
|
|
5740
5773
|
text: "Submit"
|
|
5741
5774
|
}
|
|
5742
|
-
)))) : /* @__PURE__ */ React.createElement(PathwayTranscript, __spreadValues$
|
|
5775
|
+
)))) : /* @__PURE__ */ React.createElement(PathwayTranscript, __spreadValues$5({}, sharedProps))));
|
|
5743
5776
|
};
|
|
5744
5777
|
|
|
5745
|
-
var __defProp$
|
|
5746
|
-
var __getOwnPropSymbols$
|
|
5747
|
-
var __hasOwnProp$
|
|
5748
|
-
var __propIsEnum$
|
|
5749
|
-
var __defNormalProp$
|
|
5750
|
-
var __spreadValues$
|
|
5778
|
+
var __defProp$4 = Object.defineProperty;
|
|
5779
|
+
var __getOwnPropSymbols$4 = Object.getOwnPropertySymbols;
|
|
5780
|
+
var __hasOwnProp$4 = Object.prototype.hasOwnProperty;
|
|
5781
|
+
var __propIsEnum$4 = Object.prototype.propertyIsEnumerable;
|
|
5782
|
+
var __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5783
|
+
var __spreadValues$4 = (a, b) => {
|
|
5751
5784
|
for (var prop in b || (b = {}))
|
|
5752
|
-
if (__hasOwnProp$
|
|
5753
|
-
__defNormalProp$
|
|
5754
|
-
if (__getOwnPropSymbols$
|
|
5755
|
-
for (var prop of __getOwnPropSymbols$
|
|
5756
|
-
if (__propIsEnum$
|
|
5757
|
-
__defNormalProp$
|
|
5785
|
+
if (__hasOwnProp$4.call(b, prop))
|
|
5786
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
5787
|
+
if (__getOwnPropSymbols$4)
|
|
5788
|
+
for (var prop of __getOwnPropSymbols$4(b)) {
|
|
5789
|
+
if (__propIsEnum$4.call(b, prop))
|
|
5790
|
+
__defNormalProp$4(a, prop, b[prop]);
|
|
5758
5791
|
}
|
|
5759
5792
|
return a;
|
|
5760
5793
|
};
|
|
5761
5794
|
const Pathway = (props) => {
|
|
5762
|
-
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PathwayCard, __spreadValues$
|
|
5795
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PathwayCard, __spreadValues$4({}, props)));
|
|
5763
5796
|
};
|
|
5764
5797
|
|
|
5765
5798
|
const PathwayButton = (props) => {
|
|
@@ -5803,21 +5836,21 @@ const PathwayButton = (props) => {
|
|
|
5803
5836
|
)), !!props.title && /* @__PURE__ */ React.createElement("div", { className: "text-sm m-auto flex gap-x-2" }, /* @__PURE__ */ React.createElement("span", { className: "font-semibold text-zinc-600" }, props.title)));
|
|
5804
5837
|
};
|
|
5805
5838
|
|
|
5806
|
-
var __defProp = Object.defineProperty;
|
|
5839
|
+
var __defProp$3 = Object.defineProperty;
|
|
5807
5840
|
var __defProps = Object.defineProperties;
|
|
5808
5841
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5809
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5810
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5811
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5812
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5813
|
-
var __spreadValues = (a, b) => {
|
|
5842
|
+
var __getOwnPropSymbols$3 = Object.getOwnPropertySymbols;
|
|
5843
|
+
var __hasOwnProp$3 = Object.prototype.hasOwnProperty;
|
|
5844
|
+
var __propIsEnum$3 = Object.prototype.propertyIsEnumerable;
|
|
5845
|
+
var __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5846
|
+
var __spreadValues$3 = (a, b) => {
|
|
5814
5847
|
for (var prop in b || (b = {}))
|
|
5815
|
-
if (__hasOwnProp.call(b, prop))
|
|
5816
|
-
__defNormalProp(a, prop, b[prop]);
|
|
5817
|
-
if (__getOwnPropSymbols)
|
|
5818
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
5819
|
-
if (__propIsEnum.call(b, prop))
|
|
5820
|
-
__defNormalProp(a, prop, b[prop]);
|
|
5848
|
+
if (__hasOwnProp$3.call(b, prop))
|
|
5849
|
+
__defNormalProp$3(a, prop, b[prop]);
|
|
5850
|
+
if (__getOwnPropSymbols$3)
|
|
5851
|
+
for (var prop of __getOwnPropSymbols$3(b)) {
|
|
5852
|
+
if (__propIsEnum$3.call(b, prop))
|
|
5853
|
+
__defNormalProp$3(a, prop, b[prop]);
|
|
5821
5854
|
}
|
|
5822
5855
|
return a;
|
|
5823
5856
|
};
|
|
@@ -5860,15 +5893,15 @@ const PathwaySection = (props) => {
|
|
|
5860
5893
|
},
|
|
5861
5894
|
"Grid View?"
|
|
5862
5895
|
)))), /* @__PURE__ */ React.createElement("div", null, !!props.readonly && /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, preview.map((p, i) => {
|
|
5863
|
-
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5896
|
+
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5864
5897
|
})), !props.readonly && /* @__PURE__ */ React.createElement("div", { className: "text-zinc-600 grid grid-cols-1 gap-y-4" }, progress.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "In Progress"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, progress.map((p, i) => {
|
|
5865
|
-
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5898
|
+
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5866
5899
|
}))), collected.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Completed"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, collected.map((p, i) => {
|
|
5867
|
-
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5900
|
+
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5868
5901
|
}))), available.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Available"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, available.map((p, i) => {
|
|
5869
|
-
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5902
|
+
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5870
5903
|
}))), locked.length > 0 && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-3 text-md underline font-bold" }, "Locked"), /* @__PURE__ */ React.createElement("div", { className: layoutClassName }, locked.map((p, i) => {
|
|
5871
|
-
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues({ key: i }, p), { compact: list }));
|
|
5904
|
+
return /* @__PURE__ */ React.createElement(PathwayButton, __spreadProps(__spreadValues$3({ key: i }, p), { compact: list }));
|
|
5872
5905
|
}))))))))));
|
|
5873
5906
|
};
|
|
5874
5907
|
const getLayout = (list) => {
|
|
@@ -5878,32 +5911,396 @@ const getLayout = (list) => {
|
|
|
5878
5911
|
return "flex flex-wrap gap-3";
|
|
5879
5912
|
};
|
|
5880
5913
|
|
|
5881
|
-
const
|
|
5882
|
-
|
|
5883
|
-
|
|
5914
|
+
const ACCENT_CLASSNAMES$1 = {
|
|
5915
|
+
cyan: "bg-sky-blue-400/15 border border-sky-blue-400/30",
|
|
5916
|
+
mint: "bg-mint-400/15 border border-mint-400/30",
|
|
5917
|
+
gold: "bg-gold-400/15 border border-gold-400/30",
|
|
5918
|
+
slate: "bg-slate-100 border border-slate-200"
|
|
5919
|
+
};
|
|
5920
|
+
const Pill = (props) => {
|
|
5921
|
+
const accentClassName = ACCENT_CLASSNAMES$1[props.accent || "slate"];
|
|
5922
|
+
return /* @__PURE__ */ React.createElement("span", { className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-bold text-dark-blue-400 ${accentClassName}` }, props.label);
|
|
5923
|
+
};
|
|
5924
|
+
|
|
5925
|
+
const ACCENT_CLASSNAMES = {
|
|
5926
|
+
cyan: {
|
|
5927
|
+
chip: "bg-sky-blue-400/15",
|
|
5928
|
+
icon: "text-sky-blue-400",
|
|
5929
|
+
card: "border-sky-blue-400/20 shadow-[0_2px_12px_rgba(59,208,242,0.12)]"
|
|
5930
|
+
},
|
|
5931
|
+
mint: {
|
|
5932
|
+
chip: "bg-mint-400/15",
|
|
5933
|
+
icon: "text-mint-400",
|
|
5934
|
+
card: "border-mint-400/20 shadow-[0_2px_12px_rgba(30,226,175,0.12)]"
|
|
5935
|
+
},
|
|
5936
|
+
gold: {
|
|
5937
|
+
chip: "bg-gold-400/15",
|
|
5938
|
+
icon: "text-gold-400",
|
|
5939
|
+
card: "border-gold-400/20 shadow-[0_2px_12px_rgba(255,212,77,0.12)]"
|
|
5940
|
+
},
|
|
5941
|
+
slate: { chip: "bg-slate-100", icon: "text-slate-400", card: "border-slate-200 shadow-sm" }
|
|
5942
|
+
};
|
|
5943
|
+
const StatTile = (props) => {
|
|
5944
|
+
const { chip, icon, card } = ACCENT_CLASSNAMES[props.accent || "slate"];
|
|
5945
|
+
return /* @__PURE__ */ React.createElement("div", { className: `flex flex-1 flex-col gap-2.5 rounded-2xl border bg-white p-4 ${card}` }, /* @__PURE__ */ React.createElement("div", { className: `flex h-9 w-9 items-center justify-center rounded-[10px] ${chip}` }, /* @__PURE__ */ React.createElement("div", { className: `h-[18px] w-[18px] ${icon}` }, /* @__PURE__ */ React.createElement(Icon$1, { name: props.icon }))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-2xl font-extrabold text-dark-blue-400" }, props.value), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-slate-400" }, props.label)));
|
|
5946
|
+
};
|
|
5947
|
+
const StatTileRow = (props) => /* @__PURE__ */ React.createElement("div", { className: "flex gap-2.5" }, props.children);
|
|
5948
|
+
|
|
5949
|
+
const ProfileHeroCard = (props) => {
|
|
5950
|
+
const hasContent = props.givenName || props.familyName;
|
|
5951
|
+
const xp = props.xp || 0;
|
|
5952
|
+
const nextXP = props.nextXP || 0;
|
|
5953
|
+
const pct = nextXP ? Math.min(100, Math.round(xp / nextXP * 100)) : 0;
|
|
5954
|
+
return /* @__PURE__ */ React.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.createElement("div", { className: "h-1 bg-gradient-to-r from-sky-blue-400 via-mint-400 to-gold-400" }), /* @__PURE__ */ React.createElement("div", { className: "p-5" }, /* @__PURE__ */ React.createElement(Loader, { isLoading: props.isLoading }, hasContent && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "relative shrink-0" }, /* @__PURE__ */ React.createElement(
|
|
5955
|
+
"img",
|
|
5884
5956
|
{
|
|
5885
|
-
|
|
5886
|
-
|
|
5887
|
-
|
|
5888
|
-
active: props.page === "profile"
|
|
5957
|
+
src: props.avatarURL || "https://cdn.localcivics.io/hub/avatar.jpg",
|
|
5958
|
+
alt: "avatar",
|
|
5959
|
+
className: "h-16 w-16 rounded-full border-4 border-white object-cover shadow-lg"
|
|
5889
5960
|
}
|
|
5890
|
-
), props.
|
|
5891
|
-
|
|
5961
|
+
), props.online && /* @__PURE__ */ React.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.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("h2", { className: "truncate text-xl font-extrabold capitalize text-dark-blue-400" }, props.givenName, " ", props.familyName), /* @__PURE__ */ React.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.createElement("span", null, "Member since ", new Date(props.createdAt).getFullYear()), props.communityName && /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1" }, /* @__PURE__ */ React.createElement("span", { className: "h-3.5 w-3.5 text-slate-500" }, /* @__PURE__ */ React.createElement(Icon$1, { name: "college & career" })), props.communityName), props.placeName && /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1" }, /* @__PURE__ */ React.createElement("span", { className: "h-3.5 w-3.5 text-slate-500" }, /* @__PURE__ */ React.createElement(Icon$1, { name: "pin" })), props.placeName)), /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex gap-2" }, !!props.level && /* @__PURE__ */ React.createElement(Pill, { label: `Level ${props.level}`, accent: "gold" }), !!props.xp && /* @__PURE__ */ React.createElement(Pill, { label: `${compact(props.xp)} XP`, accent: "cyan" }))), props.onEdit && /* @__PURE__ */ React.createElement(
|
|
5962
|
+
Button,
|
|
5892
5963
|
{
|
|
5893
|
-
|
|
5894
|
-
|
|
5895
|
-
|
|
5896
|
-
|
|
5964
|
+
text: "Edit Profile",
|
|
5965
|
+
icon: "edit",
|
|
5966
|
+
color: "slate:sky",
|
|
5967
|
+
border: "rounded-sm",
|
|
5968
|
+
size: "sm",
|
|
5969
|
+
onClick: props.onEdit
|
|
5970
|
+
}
|
|
5971
|
+
)), props.impactStatement && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-500" }, props.impactStatement), /* @__PURE__ */ React.createElement("div", { className: "border-t border-sky-blue-400/15 pt-4" }, /* @__PURE__ */ React.createElement("p", { className: "mb-1.5 text-xs text-slate-400" }, "Impact Score"), /* @__PURE__ */ React.createElement("div", { className: "h-2.5 w-full overflow-hidden rounded-full bg-sky-blue-400/10" }, /* @__PURE__ */ React.createElement(
|
|
5972
|
+
"div",
|
|
5973
|
+
{
|
|
5974
|
+
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)]",
|
|
5975
|
+
style: { width: `${pct}%` }
|
|
5976
|
+
}
|
|
5977
|
+
)), /* @__PURE__ */ React.createElement("div", { className: "mt-1.5 flex items-baseline gap-1" }, /* @__PURE__ */ React.createElement("span", { className: "text-xl font-extrabold text-dark-blue-400" }, compact(xp)), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-semibold text-slate-500" }, "XP"), !!nextXP && /* @__PURE__ */ React.createElement("span", { className: "ml-auto text-xs text-slate-400" }, compact(Math.max(nextXP - xp, 0)), " to next level")))))));
|
|
5978
|
+
};
|
|
5979
|
+
|
|
5980
|
+
var __defProp$2 = Object.defineProperty;
|
|
5981
|
+
var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
|
|
5982
|
+
var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
|
|
5983
|
+
var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
|
|
5984
|
+
var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
5985
|
+
var __spreadValues$2 = (a, b) => {
|
|
5986
|
+
for (var prop in b || (b = {}))
|
|
5987
|
+
if (__hasOwnProp$2.call(b, prop))
|
|
5988
|
+
__defNormalProp$2(a, prop, b[prop]);
|
|
5989
|
+
if (__getOwnPropSymbols$2)
|
|
5990
|
+
for (var prop of __getOwnPropSymbols$2(b)) {
|
|
5991
|
+
if (__propIsEnum$2.call(b, prop))
|
|
5992
|
+
__defNormalProp$2(a, prop, b[prop]);
|
|
5993
|
+
}
|
|
5994
|
+
return a;
|
|
5995
|
+
};
|
|
5996
|
+
const PathwaysCard = (props) => {
|
|
5997
|
+
const [list, setList] = React.useState(props.list);
|
|
5998
|
+
React.useEffect(() => {
|
|
5999
|
+
setList(props.list);
|
|
6000
|
+
}, [props.list]);
|
|
6001
|
+
React.useEffect(() => {
|
|
6002
|
+
if (list !== void 0 && props.list !== list && props.onToggleLayout) {
|
|
6003
|
+
props.onToggleLayout(list);
|
|
6004
|
+
}
|
|
6005
|
+
}, [list]);
|
|
6006
|
+
const gridClassName = list ? "grid grid-cols-1 gap-2" : "grid grid-cols-1 gap-3 sm:grid-cols-2";
|
|
6007
|
+
return /* @__PURE__ */ React.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.createElement("div", { className: "h-1 bg-gradient-to-r from-sky-blue-400 via-mint-400 to-gold-400" }), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-3 border-b border-slate-100 px-4 py-3.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex h-9 w-9 items-center justify-center rounded-[10px] bg-mint-400/15" }, /* @__PURE__ */ React.createElement(IconRoute, { size: 18, stroke: 2, className: "text-mint-400" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "text-sm font-bold text-dark-blue-400" }, "My Pathways & Seals"), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-slate-400" }, props.pathways.length, " pathways"))), /* @__PURE__ */ React.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React.createElement(
|
|
6008
|
+
"button",
|
|
6009
|
+
{
|
|
6010
|
+
type: "button",
|
|
6011
|
+
onClick: () => setList(false),
|
|
6012
|
+
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"}`
|
|
6013
|
+
},
|
|
6014
|
+
/* @__PURE__ */ React.createElement(IconLayoutGrid, { size: 14, stroke: 1.75 })
|
|
6015
|
+
), /* @__PURE__ */ React.createElement(
|
|
6016
|
+
"button",
|
|
6017
|
+
{
|
|
6018
|
+
type: "button",
|
|
6019
|
+
onClick: () => setList(true),
|
|
6020
|
+
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"}`
|
|
6021
|
+
},
|
|
6022
|
+
/* @__PURE__ */ React.createElement(IconList, { size: 14, stroke: 1.75 })
|
|
6023
|
+
))), /* @__PURE__ */ React.createElement("div", { className: "relative flex-1 p-4" }, /* @__PURE__ */ React.createElement(Loader, { isLoading: props.isLoading }, props.pathways.length === 0 && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-400" }, "No pathways to display."), props.pathways.length > 0 && /* @__PURE__ */ React.createElement("div", { className: gridClassName }, props.pathways.map((pathway, i) => /* @__PURE__ */ React.createElement(PathwayTile, __spreadValues$2({ key: pathway.pathwayId || i }, pathway)))))));
|
|
6024
|
+
};
|
|
6025
|
+
const PathwayTile = (props) => {
|
|
6026
|
+
var _a;
|
|
6027
|
+
const badgeCount = ((_a = props.badges) == null ? void 0 : _a.length) || 0;
|
|
6028
|
+
const target = props.target || badgeCount || 1;
|
|
6029
|
+
const progress = props.progress || 0;
|
|
6030
|
+
return /* @__PURE__ */ React.createElement(
|
|
6031
|
+
"div",
|
|
6032
|
+
{
|
|
6033
|
+
onClick: props.onClick,
|
|
6034
|
+
className: `flex items-center gap-3 rounded-xl border border-slate-200 p-3 ${props.onClick ? "cursor-pointer hover:bg-slate-50" : ""}`
|
|
6035
|
+
},
|
|
6036
|
+
/* @__PURE__ */ React.createElement("div", { className: "shrink-0" }, /* @__PURE__ */ React.createElement(BadgeEmblem, { iconURL: props.imageURL, alt: props.title, size: "xxs" })),
|
|
6037
|
+
/* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "truncate text-sm font-semibold text-dark-blue-400" }, props.title), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-slate-400" }, badgeCount, " badges"), /* @__PURE__ */ React.createElement("div", { className: "mt-1.5 h-1.5" }, /* @__PURE__ */ React.createElement(Progress, { rounded: true, color: "sky-blue", start: progress, end: target })))
|
|
6038
|
+
);
|
|
6039
|
+
};
|
|
6040
|
+
|
|
6041
|
+
var __defProp$1 = Object.defineProperty;
|
|
6042
|
+
var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
|
|
6043
|
+
var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
|
|
6044
|
+
var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
|
|
6045
|
+
var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6046
|
+
var __spreadValues$1 = (a, b) => {
|
|
6047
|
+
for (var prop in b || (b = {}))
|
|
6048
|
+
if (__hasOwnProp$1.call(b, prop))
|
|
6049
|
+
__defNormalProp$1(a, prop, b[prop]);
|
|
6050
|
+
if (__getOwnPropSymbols$1)
|
|
6051
|
+
for (var prop of __getOwnPropSymbols$1(b)) {
|
|
6052
|
+
if (__propIsEnum$1.call(b, prop))
|
|
6053
|
+
__defNormalProp$1(a, prop, b[prop]);
|
|
6054
|
+
}
|
|
6055
|
+
return a;
|
|
6056
|
+
};
|
|
6057
|
+
const FILTERS = ["In Progress", "Completed", "Available", "Locked"];
|
|
6058
|
+
const BadgesCard = (props) => {
|
|
6059
|
+
const groups = groupBadges(props.badges);
|
|
6060
|
+
const [active, setActive] = React.useState("In Progress");
|
|
6061
|
+
const [list, setList] = React.useState(props.list);
|
|
6062
|
+
React.useEffect(() => {
|
|
6063
|
+
setList(props.list);
|
|
6064
|
+
}, [props.list]);
|
|
6065
|
+
React.useEffect(() => {
|
|
6066
|
+
if (list !== void 0 && props.list !== list && props.onToggleLayout) {
|
|
6067
|
+
props.onToggleLayout(list);
|
|
6068
|
+
}
|
|
6069
|
+
}, [list]);
|
|
6070
|
+
const visible = groups[active];
|
|
6071
|
+
const gridClassName = list ? "grid grid-cols-1 gap-2" : "grid grid-cols-2 gap-3 sm:grid-cols-3";
|
|
6072
|
+
return /* @__PURE__ */ React.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.createElement("div", { className: "h-1 bg-gradient-to-r from-gold-400 to-sky-blue-400" }), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between gap-3 border-b border-slate-100 px-4 py-3.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2.5" }, /* @__PURE__ */ React.createElement("div", { className: "flex h-9 w-9 items-center justify-center rounded-[10px] bg-gold-400/15" }, /* @__PURE__ */ React.createElement(IconAlbum, { size: 18, stroke: 2, className: "text-gold-400" })), /* @__PURE__ */ React.createElement("div", { className: "text-sm font-bold text-dark-blue-400" }, "Badges"), /* @__PURE__ */ React.createElement(Pill, { label: `${groups.Completed.length} / ${props.badges.length}`, accent: "gold" })), /* @__PURE__ */ React.createElement("div", { className: "flex gap-1" }, /* @__PURE__ */ React.createElement(
|
|
6073
|
+
"button",
|
|
6074
|
+
{
|
|
6075
|
+
type: "button",
|
|
6076
|
+
onClick: () => setList(false),
|
|
6077
|
+
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"}`
|
|
6078
|
+
},
|
|
6079
|
+
/* @__PURE__ */ React.createElement(IconLayoutGrid, { size: 14, stroke: 1.75 })
|
|
6080
|
+
), /* @__PURE__ */ React.createElement(
|
|
6081
|
+
"button",
|
|
6082
|
+
{
|
|
6083
|
+
type: "button",
|
|
6084
|
+
onClick: () => setList(true),
|
|
6085
|
+
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"}`
|
|
6086
|
+
},
|
|
6087
|
+
/* @__PURE__ */ React.createElement(IconList, { size: 14, stroke: 1.75 })
|
|
6088
|
+
))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-4 gap-2 border-b border-slate-100 px-4" }, FILTERS.map((label) => /* @__PURE__ */ React.createElement(Tab, { key: label, title: label, secondary: true, active: active === label, onClick: () => setActive(label) }))), /* @__PURE__ */ React.createElement("div", { className: "relative flex-1 p-4" }, /* @__PURE__ */ React.createElement(Loader, { isLoading: props.isLoading }, visible.length === 0 && /* @__PURE__ */ React.createElement("p", { className: "text-sm text-slate-400" }, "No badges to display."), visible.length > 0 && /* @__PURE__ */ React.createElement("div", { className: gridClassName }, visible.map((badge, i) => /* @__PURE__ */ React.createElement(BadgeTile, __spreadValues$1({ key: badge.badgeId || i }, badge)))))));
|
|
6089
|
+
};
|
|
6090
|
+
const groupBadges = (badges) => {
|
|
6091
|
+
const groups = {
|
|
6092
|
+
"In Progress": [],
|
|
6093
|
+
Completed: [],
|
|
6094
|
+
Available: [],
|
|
6095
|
+
Locked: []
|
|
6096
|
+
};
|
|
6097
|
+
badges.forEach((b) => {
|
|
6098
|
+
if (b.finishedAt) {
|
|
6099
|
+
groups.Completed.push(b);
|
|
6100
|
+
} else if (b.isLocked) {
|
|
6101
|
+
groups.Locked.push(b);
|
|
6102
|
+
} else if (b.startedAt) {
|
|
6103
|
+
groups["In Progress"].push(b);
|
|
6104
|
+
} else {
|
|
6105
|
+
groups.Available.push(b);
|
|
6106
|
+
}
|
|
6107
|
+
});
|
|
6108
|
+
return groups;
|
|
6109
|
+
};
|
|
6110
|
+
const BadgeTile = (props) => {
|
|
6111
|
+
const hasProgress = !!props.startedAt || !!props.finishedAt || !!props.progress && props.progress > 0;
|
|
6112
|
+
const isDisabled = props.isLocked || !props.onOpen;
|
|
6113
|
+
const onClick = () => !isDisabled && props.onOpen && props.onOpen();
|
|
6114
|
+
const status = props.isLocked ? { label: "Locked", accent: "slate" } : props.finishedAt ? { label: "Done", accent: "mint" } : hasProgress ? { label: "Active", accent: "cyan" } : { label: "Open", accent: "gold" };
|
|
6115
|
+
return /* @__PURE__ */ React.createElement(
|
|
6116
|
+
"div",
|
|
6117
|
+
{
|
|
6118
|
+
onClick,
|
|
6119
|
+
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"}`
|
|
6120
|
+
},
|
|
6121
|
+
/* @__PURE__ */ React.createElement("div", { className: props.isLocked ? "opacity-40" : "" }, /* @__PURE__ */ React.createElement(
|
|
6122
|
+
BadgeEmblem,
|
|
6123
|
+
{
|
|
6124
|
+
icon: props.icon,
|
|
6125
|
+
iconURL: props.iconURL,
|
|
6126
|
+
imageURL: props.imageURL,
|
|
6127
|
+
alt: props.displayName,
|
|
6128
|
+
level: props.level,
|
|
6129
|
+
size: "sm"
|
|
6130
|
+
}
|
|
6131
|
+
)),
|
|
6132
|
+
/* @__PURE__ */ React.createElement("div", { className: "w-full truncate text-xs font-semibold text-dark-blue-400" }, props.displayName),
|
|
6133
|
+
/* @__PURE__ */ React.createElement(Pill, { label: status.label, accent: status.accent })
|
|
6134
|
+
);
|
|
6135
|
+
};
|
|
6136
|
+
|
|
6137
|
+
const DashboardShell = (props) => {
|
|
6138
|
+
return /* @__PURE__ */ React.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.createElement("div", { className: "flex flex-1 flex-col overflow-hidden" }, props.topBar, /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ React.createElement(Loader, { isLoading: props.isLoading }, /* @__PURE__ */ React.createElement("div", { className: "flex min-h-full flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 flex-col gap-3.5 p-5" }, props.children), /* @__PURE__ */ React.createElement(Footer, null))))));
|
|
6139
|
+
};
|
|
6140
|
+
|
|
6141
|
+
var __defProp = Object.defineProperty;
|
|
6142
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6143
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6144
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6145
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6146
|
+
var __spreadValues = (a, b) => {
|
|
6147
|
+
for (var prop in b || (b = {}))
|
|
6148
|
+
if (__hasOwnProp.call(b, prop))
|
|
6149
|
+
__defNormalProp(a, prop, b[prop]);
|
|
6150
|
+
if (__getOwnPropSymbols)
|
|
6151
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
6152
|
+
if (__propIsEnum.call(b, prop))
|
|
6153
|
+
__defNormalProp(a, prop, b[prop]);
|
|
5897
6154
|
}
|
|
5898
|
-
|
|
6155
|
+
return a;
|
|
6156
|
+
};
|
|
6157
|
+
const TABS = [
|
|
6158
|
+
{ name: "profile", label: "My Profile", icon: IconUser, accent: "cyan" },
|
|
6159
|
+
{ name: "pathways", label: "Pathways", icon: IconRoute, accent: "mint" },
|
|
6160
|
+
{ name: "badges", label: "Badges", icon: IconAlbum, accent: "gold" },
|
|
6161
|
+
{ name: "file-locker", label: "File Locker", icon: IconClipboard, accent: "cyan" },
|
|
6162
|
+
{ name: "transcript", label: "Transcript", icon: IconFileText, accent: "mint" },
|
|
6163
|
+
{ name: "portfolio", label: "Portfolio", icon: IconBriefcase, accent: "gold" },
|
|
6164
|
+
{ name: "comments", label: "Comments", icon: IconMessageCircle, accent: "cyan" }
|
|
6165
|
+
];
|
|
6166
|
+
const DashboardSidebar = (props) => {
|
|
6167
|
+
return /* @__PURE__ */ React__default.createElement("nav", { className: "flex h-full w-[230px] shrink-0 flex-col border-r border-slate-200 bg-white" }, /* @__PURE__ */ React__default.createElement("div", { className: "border-b border-slate-100 p-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "w-24" }, /* @__PURE__ */ React__default.createElement(Logo, null))), props.identity && /* @__PURE__ */ React__default.createElement(DashboardIdentityChip, __spreadValues({}, props.identity)), /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-1 flex-col gap-0.5 overflow-y-auto p-2.5" }, TABS.map((tab) => {
|
|
6168
|
+
const link = props.links[tab.name];
|
|
6169
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
6170
|
+
DashboardSidebarLink,
|
|
6171
|
+
{
|
|
6172
|
+
key: tab.name,
|
|
6173
|
+
label: tab.label,
|
|
6174
|
+
icon: tab.icon,
|
|
6175
|
+
accent: tab.accent,
|
|
6176
|
+
href: link == null ? void 0 : link.href,
|
|
6177
|
+
active: props.active === tab.name,
|
|
6178
|
+
disabled: props.disabled || !link
|
|
6179
|
+
}
|
|
6180
|
+
);
|
|
6181
|
+
})), (props.onSwitchAccount || props.onLogout) && /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-0.5 border-t border-slate-200 p-2.5" }, props.onSwitchAccount && /* @__PURE__ */ React__default.createElement(DashboardSidebarUtilLink, { label: "Change Account", icon: IconSwitchHorizontal, onClick: props.onSwitchAccount }), props.onLogout && /* @__PURE__ */ React__default.createElement(DashboardSidebarUtilLink, { label: "Logout", icon: IconLogout, onClick: props.onLogout })));
|
|
6182
|
+
};
|
|
6183
|
+
const DashboardIdentityChip = (props) => /* @__PURE__ */ React__default.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__default.createElement("div", { className: "relative shrink-0" }, /* @__PURE__ */ React__default.createElement(
|
|
6184
|
+
"img",
|
|
6185
|
+
{
|
|
6186
|
+
className: "h-8 w-8 rounded-full border-2 border-white object-cover shadow-sm",
|
|
6187
|
+
src: props.avatarURL || "https://cdn.localcivics.io/hub/avatar.jpg",
|
|
6188
|
+
alt: "avatar"
|
|
6189
|
+
}
|
|
6190
|
+
), props.online && /* @__PURE__ */ React__default.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__default.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React__default.createElement("div", { className: "truncate text-xs font-bold text-dark-blue-400" }, props.name), props.subtitle && /* @__PURE__ */ React__default.createElement("div", { className: "truncate text-[10px] text-slate-500" }, props.subtitle)));
|
|
6191
|
+
const DashboardSidebarLink = (props) => {
|
|
6192
|
+
const config = defaultLinkConfig();
|
|
6193
|
+
withAccent(config, props.accent, props.active);
|
|
6194
|
+
withDisabled(config, props.disabled);
|
|
6195
|
+
const Icon = props.icon;
|
|
6196
|
+
const content = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classname(config.chip) }, /* @__PURE__ */ React__default.createElement(Icon, { size: 14, stroke: props.active ? 2.2 : 1.75, className: config.icon.color })), /* @__PURE__ */ React__default.createElement("span", { className: classname(config.label) }, props.label), /* @__PURE__ */ React__default.createElement("span", { className: classname(config.dot) }));
|
|
6197
|
+
if (props.disabled || !props.href) {
|
|
6198
|
+
return /* @__PURE__ */ React__default.createElement("div", { className: classname(config.row) }, content);
|
|
6199
|
+
}
|
|
6200
|
+
return /* @__PURE__ */ React__default.createElement(Link, { to: props.href, className: classname(config.row) }, content);
|
|
6201
|
+
};
|
|
6202
|
+
const DashboardSidebarUtilLink = (props) => {
|
|
6203
|
+
const Icon = props.icon;
|
|
6204
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
6205
|
+
"div",
|
|
6206
|
+
{
|
|
6207
|
+
onClick: props.onClick,
|
|
6208
|
+
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"
|
|
6209
|
+
},
|
|
6210
|
+
/* @__PURE__ */ React__default.createElement(Icon, { size: 13, stroke: 1.75 }),
|
|
6211
|
+
/* @__PURE__ */ React__default.createElement("span", { className: "text-[11.5px]" }, props.label)
|
|
6212
|
+
);
|
|
6213
|
+
};
|
|
6214
|
+
const defaultLinkConfig = () => ({
|
|
6215
|
+
row: {
|
|
6216
|
+
base: "flex items-center gap-2.5 rounded-[10px] px-3.5 py-2.5 transition-colors",
|
|
6217
|
+
cursor: "cursor-pointer hover:bg-slate-50",
|
|
6218
|
+
bg: "bg-transparent",
|
|
6219
|
+
border: "border border-transparent"
|
|
6220
|
+
},
|
|
6221
|
+
chip: {
|
|
6222
|
+
base: "flex h-[30px] w-[30px] shrink-0 items-center justify-center rounded-lg",
|
|
6223
|
+
bg: "bg-slate-50",
|
|
6224
|
+
shadow: ""
|
|
6225
|
+
},
|
|
6226
|
+
icon: {
|
|
6227
|
+
color: "text-slate-400"
|
|
6228
|
+
},
|
|
6229
|
+
label: {
|
|
6230
|
+
base: "flex-1 text-xs",
|
|
6231
|
+
weight: "font-medium",
|
|
6232
|
+
color: "text-slate-500"
|
|
6233
|
+
},
|
|
6234
|
+
dot: {
|
|
6235
|
+
base: "h-[5px] w-[5px] shrink-0 rounded-full",
|
|
6236
|
+
bg: "bg-transparent"
|
|
6237
|
+
}
|
|
6238
|
+
});
|
|
6239
|
+
const withAccent = (config, accent, active) => {
|
|
6240
|
+
if (!active) {
|
|
6241
|
+
return;
|
|
6242
|
+
}
|
|
6243
|
+
config.row.cursor = "cursor-default";
|
|
6244
|
+
config.label.weight = "font-bold";
|
|
6245
|
+
config.label.color = "text-dark-blue-400";
|
|
6246
|
+
switch (accent) {
|
|
6247
|
+
case "cyan":
|
|
6248
|
+
config.row.bg = "bg-sky-blue-400/15";
|
|
6249
|
+
config.row.border = "border border-sky-blue-400/30";
|
|
6250
|
+
config.chip.bg = "bg-sky-blue-400/25";
|
|
6251
|
+
config.chip.shadow = "shadow-[0_0_8px_rgba(59,208,242,0.5)]";
|
|
6252
|
+
config.icon.color = "text-sky-blue-400";
|
|
6253
|
+
config.dot.bg = "bg-sky-blue-400";
|
|
6254
|
+
break;
|
|
6255
|
+
case "mint":
|
|
6256
|
+
config.row.bg = "bg-mint-400/15";
|
|
6257
|
+
config.row.border = "border border-mint-400/30";
|
|
6258
|
+
config.chip.bg = "bg-mint-400/25";
|
|
6259
|
+
config.chip.shadow = "shadow-[0_0_8px_rgba(30,226,175,0.5)]";
|
|
6260
|
+
config.icon.color = "text-mint-400";
|
|
6261
|
+
config.dot.bg = "bg-mint-400";
|
|
6262
|
+
break;
|
|
6263
|
+
case "gold":
|
|
6264
|
+
config.row.bg = "bg-gold-400/15";
|
|
6265
|
+
config.row.border = "border border-gold-400/30";
|
|
6266
|
+
config.chip.bg = "bg-gold-400/25";
|
|
6267
|
+
config.chip.shadow = "shadow-[0_0_8px_rgba(255,212,77,0.5)]";
|
|
6268
|
+
config.icon.color = "text-gold-400";
|
|
6269
|
+
config.dot.bg = "bg-gold-400";
|
|
6270
|
+
break;
|
|
6271
|
+
}
|
|
6272
|
+
};
|
|
6273
|
+
const withDisabled = (config, disabled) => {
|
|
6274
|
+
if (!disabled) {
|
|
6275
|
+
return;
|
|
6276
|
+
}
|
|
6277
|
+
config.row.cursor = "cursor-default";
|
|
6278
|
+
config.icon.color = "text-slate-300";
|
|
6279
|
+
config.label.color = "text-slate-300";
|
|
6280
|
+
};
|
|
6281
|
+
|
|
6282
|
+
const DashboardTopBar = (props) => {
|
|
6283
|
+
return /* @__PURE__ */ React.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.createElement("div", null, props.eyebrow && /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-bold uppercase tracking-wide text-slate-400" }, props.eyebrow), /* @__PURE__ */ React.createElement("h1", { className: "text-lg font-extrabold text-dark-blue-400" }, props.title)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, props.onNotifications && /* @__PURE__ */ React.createElement(
|
|
6284
|
+
"button",
|
|
6285
|
+
{
|
|
6286
|
+
type: "button",
|
|
6287
|
+
onClick: props.onNotifications,
|
|
6288
|
+
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"
|
|
6289
|
+
},
|
|
6290
|
+
/* @__PURE__ */ React.createElement(IconBell, { size: 16, stroke: 1.75 })
|
|
6291
|
+
), props.children));
|
|
6292
|
+
};
|
|
6293
|
+
|
|
6294
|
+
const AuthLayout = (props) => {
|
|
6295
|
+
return /* @__PURE__ */ React__default.createElement("main", { className: "relative h-screen w-full bg-white font-proxima" }, /* @__PURE__ */ React__default.createElement(Loader, { isLoading: props.isLoading }, props.topNav !== false && /* @__PURE__ */ React__default.createElement(NavBar, null, /* @__PURE__ */ React__default.createElement(NavLink, { disabled: !props.onHome || props.disabled, name: "home", onClick: props.onHome }), props.onProfile && /* @__PURE__ */ React__default.createElement(
|
|
5899
6296
|
NavLink,
|
|
5900
6297
|
{
|
|
5901
6298
|
disabled: props.disabled,
|
|
5902
|
-
name: "
|
|
5903
|
-
onClick: props.
|
|
5904
|
-
active: props.page === "
|
|
6299
|
+
name: "profile",
|
|
6300
|
+
onClick: props.onProfile,
|
|
6301
|
+
active: props.page === "profile"
|
|
5905
6302
|
}
|
|
5906
|
-
), props.onSwitchAccount && /* @__PURE__ */ React__default.createElement(NavLink, { name: "switch accounts", onClick: props.onSwitchAccount }), props.onLogout && /* @__PURE__ */ React__default.createElement(NavLink, { name: "Logout", onClick: props.onLogout })), props.children && /* @__PURE__ */ React__default.createElement("section", { className: "absolute top-0 left-0 h-full overflow-auto pt-16 w-full" }, props.children), !props.children && /* @__PURE__ */ React__default.createElement("section", { className: "w-full px-4 py-5 lg:px-36 flex flex-col gap-4" }, props.header && /* @__PURE__ */ React__default.createElement("div", { className: "w-full max-w-[64rem] m-auto min-h-16 lg:min-h-24 lg:flex" }, props.header), /* @__PURE__ */ React__default.createElement("div", { className: "grow w-full min-h-96" }, /* @__PURE__ */ React__default.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__default.createElement("div", { className: "grid grid-cols-1 max-w-full md:flex md:flex-col gap-2 lg:w-[
|
|
6303
|
+
), props.onSwitchAccount && /* @__PURE__ */ React__default.createElement(NavLink, { name: "switch accounts", onClick: props.onSwitchAccount }), props.onLogout && /* @__PURE__ */ React__default.createElement(NavLink, { name: "Logout", onClick: props.onLogout })), props.children && /* @__PURE__ */ React__default.createElement("section", { className: "absolute top-0 left-0 h-full overflow-auto pt-16 w-full" }, props.children), !props.children && /* @__PURE__ */ React__default.createElement("section", { className: "w-full px-4 py-5 lg:px-36 flex flex-col gap-4" }, props.header && /* @__PURE__ */ React__default.createElement("div", { className: "w-full max-w-[64rem] m-auto min-h-16 lg:min-h-24 lg:flex" }, props.header), /* @__PURE__ */ React__default.createElement("div", { className: "grow w-full min-h-96" }, /* @__PURE__ */ React__default.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__default.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__default.createElement("div", { className: "flex flex-col gap-4 lg:gap-x-2 lg:gap-y-3" }, props.sidebar)), (props.subheader || props.main) && /* @__PURE__ */ React__default.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__default.createElement("div", { className: "relative grid grid-cols-1 md:flex w-full gap-4 lg:gap-2" }, props.subheader), props.main && /* @__PURE__ */ React__default.createElement("div", { className: "relative grid grid-cols-1 w-full gap-4 lg:gap-2" }, props.main)))), /* @__PURE__ */ React__default.createElement(Footer, null))), props.outlet);
|
|
5907
6304
|
};
|
|
5908
6305
|
|
|
5909
6306
|
const HomeLayout = (props) => {
|
|
@@ -5922,5 +6319,5 @@ const HomeLayout = (props) => {
|
|
|
5922
6319
|
return /* @__PURE__ */ React__default.createElement("main", { className: "relative h-screen w-full overflow-hidden bg-white font-proxima" }, /* @__PURE__ */ React__default.createElement(NavBar, null, /* @__PURE__ */ React__default.createElement(NavLink, { name: "home", onClick: props.onHome, active: true }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "login", onClick: props.onLogin }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "faq", onClick: props.onFAQ }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "privacy", onClick: props.onPrivacy }), /* @__PURE__ */ React__default.createElement(NavLink, { name: "terms", onClick: props.onTerms })), /* @__PURE__ */ React__default.createElement("section", { className: "absolute top-0 left-0 h-full overflow-hidden pt-16 w-full" }, props.children));
|
|
5923
6320
|
};
|
|
5924
6321
|
|
|
5925
|
-
export { AboutWidget, AchievementWidget, ActivityCard, ActivityItem, ActivityList, ActivityReflection, AuthLayout, Badge, BadgeActivityMenu, BadgeSection, BadgeSuccessDialog, Board, Button, Card, DateSelection, EventItem, EventList, Home, HomeLayout, Icon$1 as Icon, ImpactWidget, LearningForm, Loader, LogServiceButton, Logo, Modal, NavBar, NavLink, NotFound, Onboarding, Overlay, Pathway, PathwayButton, PathwayFilter, PathwayProgress, PathwaySection, PathwayWidget, ProfileWidget, Progress, Search, SearchButton, SearchResult, SettingsCard, Stopwatch, Tab, TagFilter, TaskItem, TaskList, Widget, WidgetBody, WidgetHeader, WidgetHeaderLink, WidgetTitle };
|
|
6322
|
+
export { AboutWidget, AchievementWidget, ActivityCard, ActivityItem, ActivityList, ActivityReflection, AuthLayout, Badge, BadgeActivityMenu, BadgeSection, BadgeSuccessDialog, BadgesCard, Board, Button, Card, DashboardShell, DashboardSidebar, DashboardTopBar, DateSelection, EventItem, EventList, Footer, Home, HomeLayout, Icon$1 as Icon, ImpactWidget, LearningForm, Loader, LogServiceButton, Logo, Modal, NavBar, NavLink, NotFound, Onboarding, Overlay, Pathway, PathwayButton, PathwayFilter, PathwayProgress, PathwaySection, PathwayWidget, PathwaysCard, Pill, ProfileHeroCard, ProfileWidget, Progress, Search, SearchButton, SearchResult, SettingsCard, StatTile, StatTileRow, Stopwatch, Tab, TagFilter, TaskItem, TaskList, Widget, WidgetBody, WidgetHeader, WidgetHeaderLink, WidgetTitle };
|
|
5926
6323
|
//# sourceMappingURL=index.mjs.map
|