This repository was archived by the owner on Sep 17, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path3912.f01d4fe4.chunk.js
2 lines (2 loc) · 67.3 KB
/
3912.f01d4fe4.chunk.js
1
2
/*! For license information please see 3912.f01d4fe4.chunk.js.LICENSE.txt */
"use strict";(self.webpackChunkacellus=self.webpackChunkacellus||[]).push([[3912],{73529:function(e,t,r){r.d(t,{r:function(){return l}});var o,n=r(47313),i=["title","titleId"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},a.apply(this,arguments)}function s(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function p(e,t){var r=e.title,p=e.titleId,l=s(e,i);return n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,ref:t,"aria-labelledby":p},l),r?n.createElement("title",{id:p},r):null,o||(o=n.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"})))}var l=n.forwardRef(p);r.p},44505:function(e,t,r){r.d(t,{r:function(){return l}});var o,n=r(47313),i=["title","titleId"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},a.apply(this,arguments)}function s(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function p(e,t){var r=e.title,p=e.titleId,l=s(e,i);return n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"w-6 h-6",ref:t,"aria-labelledby":p},l),r?n.createElement("title",{id:p},r):null,o||(o=n.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4.5v15m7.5-7.5h-15"})))}var l=n.forwardRef(p);r.p},2984:function(e,t,r){r.d(t,{Z:function(){return s}});var o=r(43681),n=r(47012),i=r(73529),a=r(46417);function s(e){var t=e.bellStyles,r=e.internalNewNotifications,o=e.open,n=e.setInternalNewNotifications;return console.log("~~!!",o),(0,a.jsxs)(p,{onClick:function(){return n(!1)},"aria-label":"Notifications","data-tooltip":"title",open:o,bellStyles:t,children:[(0,a.jsx)(l,{"aria-hidden":"true"}),(0,a.jsx)(c,{show:r})]})}var p=(0,o.Z)(n.J.Button)((function(e){var t=e.bellStyles,r=e.open;return[{position:"relative",borderRadius:"9999px",padding:"0.625rem",outline:"2px solid transparent",outlineOffset:"2px","--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)",boxShadow:"var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)","--tw-ring-color":"transparent",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms"},t?[t[0],r?t[1]:{"--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)",boxShadow:"var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"}]:[{position:"relative",borderRadius:"9999px","--tw-text-opacity":"1",color:"rgb(107 114 128 / var(--tw-text-opacity))",":hover":{"--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))"},":focus":{"--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))","--tw-ring-opacity":"1","--tw-ring-color":"rgb(55 106 215 / var(--tw-ring-opacity))"},"@media (min-width: 640px)":{zIndex:"53"},"@media (max-height: 541px) and (max-width: 1025px)":{zIndex:"52"}},r?{"--tw-ring-opacity":"1","--tw-ring-color":"rgb(55 106 215 / var(--tw-ring-opacity))"}:{"--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)",boxShadow:"var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)"}]]})),l=(0,o.Z)(i.r)({position:"relative",height:"2.25rem",width:"2.25rem"}),c=o.Z.span((function(e){return[{position:"absolute",right:"0.5rem",top:"0.5rem",display:"none","--tw-translate-y":"-50%",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))","--tw-translate-x":"50%",borderRadius:"9999px","--tw-bg-opacity":"1",backgroundColor:"rgb(239 68 68 / var(--tw-bg-opacity))",padding:"0.375rem","@media (min-width: 640px)":{right:"1.25rem",top:"1rem"}},e.show&&{display:"block"}]}))},68518:function(e,t,r){r.d(t,{_:function(){return a}});var o=r(43681),n=r(67134),i=r(46417),a=function(e){var t=e.children,r=e.content,o=e.onClick,n=e.stateProp;return(0,i.jsxs)(l,{state:n,Styled:"AccordionCArd",children:[(0,i.jsxs)(d,{onClick:o,children:[(0,i.jsx)(c,{children:t}),(0,i.jsxs)(s,{children:[(0,i.jsx)(p,{state:+n}),(0,i.jsx)("button",{"aria-label":"Open or close row",type:"button"})]})]}),(0,i.jsx)(u,{state:n,children:r})]})},s=o.Z.div({display:"flex",flexDirection:"column",justifyContent:"space-around"}),p=(0,o.Z)(n.r)((function(e){return[{height:"auto",width:"2rem",strokeWidth:"2","--tw-text-opacity":"1",color:"rgb(30 58 138 / var(--tw-text-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"500ms","@media (min-width: 1024px)":{width:"2.5rem"}},e.state&&{"--tw-rotate":"90deg",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))"}]})),l=o.Z.div((function(e){return[{display:"flex",transformOrigin:"top",flexDirection:"column",alignItems:"center",justifyContent:"space-between",borderRadius:"1.5rem","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"500ms"},e.state?{maxHeight:"70rem",overflow:"auto","--tw-shadow":"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"}:{maxHeight:"8.5rem",":hover":{"--tw-shadow":"0 1px 2px 0 rgb(0 0 0 / 0.05)","--tw-shadow-colored":"0 1px 2px 0 var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"},"@media (min-width: 640px)":{maxHeight:"9rem"},"@media (min-width: 768px)":{maxHeight:"10rem"},"@media (min-width: 1536px)":{maxHeight:"10.5rem"}}]})),c=o.Z.div({display:"flex",width:"calc(100% - (2.5rem))",cursor:"pointer",justifyContent:"space-between",gap:"1.25rem","@media (min-width: 640px)":{width:"calc(100% - (4rem))"},"@media (min-width: 1024px)":{width:"calc(100% - (5rem))"}}),d=o.Z.div({display:"flex",width:"100%",cursor:"pointer",justifyContent:"space-between",paddingTop:"1.75rem",paddingBottom:"1.75rem",paddingLeft:"2rem",paddingRight:"1.25rem","@media (min-width: 640px)":{paddingTop:"2rem",paddingBottom:"2rem",paddingLeft:"2.5rem",paddingRight:"1.75rem"}}),u=o.Z.div((function(e){return[{width:"100%",transformOrigin:"top",paddingLeft:"1rem",paddingRight:"1rem",paddingBottom:"1rem",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms"},e.state?{"--tw-scale-y":"1",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))",opacity:"1"}:{"--tw-scale-y":"0",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))",opacity:"0"}]}))},54801:function(e,t,r){r.d(t,{Z:function(){return a}});var o=r(43681),n=r(47313),i=r(46417);function a(e){var t=e.onChange,r=e.labelText,o=e.name,a=e.isChecked,c=(0,n.useId)();return(0,i.jsxs)(s,{children:[(0,i.jsx)(p,{name:o,id:c,"data-testid":"custom-checkbox",checked:a,type:"checkbox",onChange:t}),(0,i.jsx)(l,{htmlFor:c,children:r})]})}var s=o.Z.div({display:"flex",justifyContent:"flex-start",gap:"1rem"}),p=o.Z.input({marginTop:"auto",marginBottom:"auto",height:"1.75rem",width:"1.75rem",cursor:"pointer",borderRadius:"0.5rem","--tw-border-opacity":"1",borderColor:"rgb(209 213 219 / var(--tw-border-opacity))","--tw-text-opacity":"1",color:"rgb(37 99 235 / var(--tw-text-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms",":focus":{"--tw-ring-opacity":"1","--tw-ring-color":"rgb(37 99 235 / var(--tw-ring-opacity))"}}),l=o.Z.label({marginTop:"auto",marginBottom:"auto",display:"block",fontSize:"1.4rem","--tw-text-opacity":"1",color:"rgb(55 65 81 / var(--tw-text-opacity))"})},90219:function(e,t,r){r.d(t,{ZP:function(){return u}});var o,n=r(30168),i=r(29439),a=r(43681),s=r(47313),p=r(58222),l=r(77533),c=r(44505),d=r(46417);function u(e){var t=e.course,r=e.link,o=void 0!==r&&r,n=e.remove,a=void 0===n?function(){}:n,p=e.add,l=void 0===p?function(){}:p,c=e.disabled,u=void 0!==c&&c,x=e.small,w=void 0!==x&&x,f=(0,s.useState)(!0),g=(0,i.Z)(f,2),y=g[0],b=g[1];return(0,d.jsx)(m,{disabled:u,small:w,children:(0,d.jsx)(h,{active:y,link:o,add:function(){b(!0),l(t)},remove:function(){b(!1),a(t)},course:t})})}function h(e){var t=e.course,r=e.link,o=e.add,n=e.remove,i=e.active;return(0,d.jsxs)(x,{children:[(0,d.jsx)(w,{children:t.courseName}),(0,d.jsxs)(f,{children:[r&&(0,d.jsx)(y,{href:r,target:"_blank","aria-label":"Details","data-testid":"course-details","data-tooltip":"title",children:(0,d.jsx)(b,{"aria-hidden":"true"})}),i?(0,d.jsx)(g,{type:"button","aria-label":"Remove","data-testid":"remove-course","data-tooltip":"title",onClick:n,children:(0,d.jsx)(v,{"aria-hidden":"true"})}):(0,d.jsx)(g,{type:"button","aria-label":"Add","data-testid":"add-course","data-tooltip":"title",onClick:o,children:(0,d.jsx)(j,{"aria-hidden":"true"})})]})]})}var m=a.Z.div(o||(o=(0,n.Z)(["\n ","\n ","\n ","\n"])),{display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",borderRadius:"0.75rem","--tw-bg-opacity":"1",backgroundColor:"rgb(199 215 245 / var(--tw-bg-opacity))",padding:"0.5rem",paddingLeft:"1rem",paddingRight:"0.75rem",fontSize:"1.4rem",fontWeight:"600","--tw-text-opacity":"1",color:"rgb(55 106 215 / var(--tw-text-opacity))","@media (min-width: 768px)":{fontSize:"1.6rem"},"@media (min-width: 1280px)":{padding:"0.75rem",paddingLeft:"1.5rem",paddingRight:"1.25rem"}},(function(e){return e.disabled&&{"--tw-grayscale":"grayscale(100%)",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)"}}),(function(e){return e.small&&{"@media (min-width: 500px)":{width:"fit-content"}}})),x=a.Z.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between",gap:"1rem"}),w=a.Z.p({"--tw-text-opacity":"1",color:"rgb(55 106 215 / var(--tw-text-opacity))"}),f=a.Z.div({display:"flex",flexDirection:"row",gap:"1rem"}),g=a.Z.button({position:"relative",borderRadius:"0.5rem",padding:"0.25rem",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms",":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(162 187 236 / var(--tw-bg-opacity))"},":hover svg":{"--tw-text-opacity":"1",color:"rgb(41 93 204 / var(--tw-text-opacity))"}}),y=a.Z.a({position:"relative",borderRadius:"0.5rem","--tw-text-opacity":"1",color:"rgb(55 106 215 / var(--tw-text-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms",":hover":{backgroundColor:"rgb(255 255 255 / 0.2)"}}),b=(0,a.Z)(p.r)({marginTop:"auto",marginBottom:"auto",height:"2rem",width:"2rem",strokeWidth:"2"}),v=(0,a.Z)(l.r)({marginTop:"auto",marginBottom:"auto",height:"1.75rem",width:"1.75rem",strokeWidth:"2","@media (min-width: 1024px)":{height:"2rem",width:"2rem"}}),j=(0,a.Z)(c.r)({marginTop:"auto",marginBottom:"auto",height:"1.75rem",width:"1.75rem",strokeWidth:"2","@media (min-width: 1024px)":{height:"2rem",width:"2rem"}});a.Z.span({textAlign:"center",fontSize:"1.2rem","--tw-text-opacity":"1",color:"rgb(55 65 81 / var(--tw-text-opacity))"}),a.Z.div({display:"flex",width:"100%",alignItems:"center",justifyContent:"space-between"})},82970:function(e,t,r){r.d(t,{Z:function(){return s}});var o=r(43681),n=r(27170),i=r(35667),a=r(46417);function s(e){var t=e.error;return(0,a.jsx)(i.Z,{bgColor:{borderWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(229 231 235 / var(--tw-border-opacity))","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))","--tw-shadow":"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"},subtext:t.message,title:"Error ".concat(t.status),children:(0,a.jsx)(p,{})})}var p=(0,o.Z)(n.r)({fill:"#A2BBEC"})},19160:function(e,t,r){r.d(t,{ZP:function(){return x},cy:function(){return T}});var o,n,i,a,s,p=r(30168),l=r(29439),c=r(43681),d=r(47313),u=r(96091),h=r(99717),m=r(46417);function x(e){var t=e.value,r=e.radius,o=e.strokeWidth,n=e.fillColor,i=e.customText,a=e.customValue,s=e.customSVGStyles,p=e.topCircleStyles,c=e.customLabelStyles,u=e.customContentStyles,x=e.customValueStyles,T=e.customInnerStyles,k=e.fillNum,S=e.textColor,C=e.textNum,N=e.fillBar,D=e.fillBarNum,Z=e.emptyBar,E=e.emptyBarNum,L=e.show100,P=e.show0,R=e.isTime,A=(0,d.useState)(null),I=(0,l.Z)(A,2),F=I[0],O=I[1],B=Math.round(t);return(0,d.useEffect)((function(){var e=6.35*r;setTimeout((function(){R?O((e-e*(t>=60?100:t/60*100))/100+e):O((e-e*B)/100+e)}),[500])}),[B,t,R,r]),(0,m.jsx)(g,{"data-testid":"progress-circle",radius:r,strokeWidth:o,fillColor:n,fillNum:k,fillBar:N,fillBarNum:D,emptyBar:Z,emptyBarNum:E,calcVal:F,topCircleStyles:p,children:(0,m.jsxs)("div",{className:"percent",children:[(0,m.jsxs)(w,{strokeWidth:o,radius:r,customSVGStyles:s,children:[(0,m.jsx)("circle",{strokeWidth:o,r:r,cx:r+2*o,cy:r+2*o}),(0,m.jsx)("circle",{strokeWidth:o,r:r,cx:r+2*o,cy:r+2*o})]}),(0,m.jsx)(f,{customInnerStyles:T,children:100===B&&L||0===B&&P?(0,m.jsx)(j,{radius:r,value:B,color:"white"===S?"white":h.xF[S][C]}):(0,m.jsxs)(y,{customContentStyles:u,textColor:S,textNum:C,radius:r,children:[(0,m.jsx)(b,{customValueStyles:x,children:a||(R?t<60?t:(t/60).toFixed(1):B)}),(0,m.jsx)(v,{radius:r,customLabelStyles:c,children:i||(R?t<60?"m":"hr":"%")})]})})]})})}var w=c.Z.svg(o||(o=(0,p.Z)(["\n ",";\n // figure height and width by adding both side of the stroke width plus the diameter of the circle\n height: ",";\n width: ",";\n ","\n"])),{display:"flex","--tw-rotate":"90deg",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))",alignItems:"center",justifyContent:"center"},(function(e){return 2*e.radius+2*e.strokeWidth+"px"}),(function(e){return 2*e.radius+2*e.strokeWidth+"px"}),(function(e){return e.customSVGStyles})),f=c.Z.div((function(e){return[{position:"absolute",top:"2.2rem",width:"7rem",textAlign:"center","@media (min-width: 768px)":{top:"2.6rem"},"@media (min-width: 1024px)":{right:"0.25rem"}},e.customInnerStyles]})),g=c.Z.div(n||(n=(0,p.Z)(["\n /* Progress Container */\n ","\n\n /* All circle styles */\n circle {\n ","\n ","\n stroke-width: ",";\n // use radius to calculate the offset value of the circle\n stroke-dasharray: ",";\n stroke-dashoffset: ",";\n }\n\n /* Styles of the base circle */\n circle:nth-of-type(1) {\n fill: ",";\n stroke: ",";\n // offset will display a value of 100% of the circle\n stroke-dashoffset: 0;\n }\n\n /* Styles of the top circle and actual progress bar */\n circle:nth-of-type(2) {\n stroke-width: ",";\n fill: transparent;\n stroke: ",";\n // calcVal takes the value passed in as a prop and converts it into an offset value to display on the circle as the filled in progress\n stroke-dashoffset: ",";\n ","\n }\n"])),{"> .percent":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center"}},{height:"100%",width:"100%",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"500ms"},{transform:"translate(-5px, -7px)","@media (min-width: 1024px)":{transform:"translate(-5px, -10px)"}},(function(e){return e.strokeWidth+"px"}),(function(e){return 6.35*e.radius}),(function(e){return 6.35*e.radius}),(function(e){var t=e.fillColor,r=e.fillNum;return"white"===t?"white":h.xF[t][r]}),(function(e){var t=e.emptyBar,r=e.emptyBarNum;return"white"===t?"white":h.xF[t][r]}),(function(e){return e.strokeWidth+.5+"px"}),(function(e){var t=e.fillBar,r=e.fillBarNum;return"white"===t?"white":h.xF[t][r]}),(function(e){return e.calcVal}),(function(e){return e.topCircleStyles})),y=c.Z.h3(i||(i=(0,p.Z)(["\n color: ",";\n // size text based on radius of the circle\n font-size: ",";\n ","\n"])),(function(e){var t=e.textColor,r=e.textNum;return"white"===t?"white":h.xF[t][r]}),(function(e){return.65*e.radius+"px"}),(function(e){return e.customContentStyles})),b=c.Z.span((function(e){return[{fontSize:"2.5rem"},e.customValueStyles]})),v=c.Z.span(a||(a=(0,p.Z)(["\n font-size: ",";\n ","\n"])),(function(e){return.4*e.radius+"px"}),(function(e){return e.customLabelStyles})),j=(0,c.Z)(u.r)(s||(s=(0,p.Z)(["\n ","\n // size icon based on radius of the circle\n width: ",";\n height: ",";\n color: ",";\n"])),{strokeWidth:"4px"},(function(e){return 1.1*e.radius+"px"}),(function(e){return 1.1*e.radius+"px"}),(function(e){return e.color})),T={"> &:after":{position:"absolute",bottom:"2.5rem",left:"0px",top:"2.5rem",display:"none",borderRightWidth:"1px","--tw-content":"''",content:"var(--tw-content)"},"@media (min-width: 768px)":{"> &:after":{display:"block"}},"> &:first-of-type:after":{display:"none"}}},81391:function(e,t,r){r.d(t,{Z:function(){return a}});var o=r(43681),n=r(47313),i=r(46417);function a(e){var t=e.label,r=e.name,o=e.onChange,a=e.checked,c=(0,n.useId)();return(0,i.jsxs)(s,{htmlFor:c,children:[(0,i.jsx)(p,{"data-testid":"radio-input",type:"radio",id:c,name:r,checked:a,onChange:o}),(0,i.jsx)(l,{children:t})]})}var s=o.Z.label({display:"flex",width:"100%",cursor:"pointer",alignItems:"center",gap:"1rem",borderRadius:"0.5rem",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms",":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(243 244 246 / var(--tw-bg-opacity))"},"@media (min-width: 1024px)":{marginLeft:"0px !important"}}),p=o.Z.input({height:"1.5rem",width:"1.5rem","--tw-border-opacity":"1",borderColor:"rgb(209 213 219 / var(--tw-border-opacity))",padding:"0.5rem",":focus":{"--tw-ring-opacity":"1","--tw-ring-color":"rgb(83 126 220 / var(--tw-ring-opacity))"}}),l=o.Z.span({cursor:"pointer",fontSize:"1.5rem","--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))","@media (min-width: 1280px)":{fontSize:"1.6rem"}})},69475:function(e,t,r){r.d(t,{Z:function(){return c}});var o,n=r(30168),i=r(43681),a=r(31222),s=r(2135),p=r(99717),l=r(46417);function c(e){var t=e.color,r=e.colorNum,o=e.isScrolling,n=e.returnText,i=e.ariaLabel,a=e.customStyles,s=e.onClick,p=e.fade,c=e.scrollStyles,x=e.sticky,w=e.svgStyles;return(0,l.jsxs)(d,{"data-testid":"return-container",onClick:s,customStyles:a,"aria-label":i,"data-tooltip":"title",isScrolling:o,fade:p,scrollStyles:c,sticky:x,children:[(0,l.jsx)(u,{color:t,colorNum:r,children:(0,l.jsx)(h,{isScrolling:o,svgStyles:w})}),n&&(0,l.jsx)(m,{"data-testid":"return-text",isScrolling:o,children:n})]})}var d=i.Z.button((function(e){var t=e.isScrolling,r=e.customStyles,o=e.scrollStyles,n=e.fade;return[{position:"fixed",left:"0px",top:"13rem",zIndex:"19",display:"flex",width:"min-content",alignItems:"center",justifyContent:"center",borderWidth:"1px",borderColor:"transparent",paddingTop:"0.75rem",paddingBottom:"0.75rem","--tw-backdrop-blur":"blur(8px)",backdropFilter:"var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms","@media (min-width: 1024px)":{top:"15rem",marginLeft:"0px"}},t&&{borderRadius:"9999px",borderWidth:"2px","--tw-border-opacity":"0.3",borderColor:"rgb(255 255 255 / var(--tw-border-opacity))","--tw-bg-opacity":"0.4",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))",padding:"0.75rem","--tw-shadow":"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"},r&&r,o&&t&&o,!0===n&&!1===t?{opacity:"0"}:!0===n&&!0===t&&{opacity:"1"},e.sticky&&{position:"sticky",top:"13rem"}]})),u=(0,i.Z)(s.Link)(o||(o=(0,n.Z)(["\n color: ",";\n"])),(function(e){var t=e.color,r=e.colorNum;return t&&r?p.xF[t][r]:{"--tw-text-opacity":"1",color:"rgb(17 24 39 / var(--tw-text-opacity))",":hover":{"--tw-scale-x":"1.1","--tw-scale-y":"1.1",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))"}}})),h=(0,i.Z)(a.r)((function(e){var t=e.svgStyles;return[{height:"2rem",width:"2rem",cursor:"pointer",strokeWidth:"2",transitionProperty:"transform",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms",":hover":{"--tw-scale-x":"1.1","--tw-scale-y":"1.1",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))"},"@media (min-width: 1536px)":{height:"2.5rem",width:"2.5rem"}},t&&t]})),m=i.Z.p((function(e){return[{position:"absolute",marginLeft:"auto",marginRight:"auto",display:"none",transformOrigin:"left",paddingLeft:"2rem","--tw-text-opacity":"1",color:"rgb(41 93 204 / var(--tw-text-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms","@media (min-width: 500px)":{display:"block"}},e.isScrolling?{left:"2.5rem","--tw-scale-x":"0",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))"}:{left:"0.25rem","--tw-scale-x":"1",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))"}]}))},4243:function(e,t,r){r.d(t,{RM:function(){return h},SC:function(){return m},U8:function(){return d},bi:function(){return u},iA:function(){return l},pj:function(){return x},xD:function(){return c},y6:function(){return p}});var o,n,i=r(30168),a=r(30686),s=r(43681),p=s.Z.div((function(e){var t=e.stickyPosition,r=e.customStyles,n=e.printMode;return[{position:"relative",height:"100%",width:"100%",overflow:"auto",borderRadius:"0.75rem",borderWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(229 231 235 / var(--tw-border-opacity))"},t&&!n?[{maxHeight:"70dvh","@media (min-width: 1280px)":{maxHeight:"fit-content",overflow:"visible"}},(0,a.iv)(o||(o=(0,i.Z)(["\n thead {\n // if stickyPosition is passed in, apply the stickyPosition that was passed in, and make the thead sticky\n ","\n ","\n }\n "])),{position:"sticky",top:"0px",zIndex:"10"},t)]:{overflowX:"auto"},r]})),l=s.Z.table((function(e){return[{width:"100%",borderCollapse:"separate","--tw-border-spacing-x":"0px","--tw-border-spacing-y":"0px",borderSpacing:"var(--tw-border-spacing-x) var(--tw-border-spacing-y)",borderRadius:"0.75rem","--tw-bg-opacity":"1",backgroundColor:"rgb(223 232 249 / var(--tw-bg-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms"},e.yDividers&&{"& tbody > tr:last-of-type > td":{borderWidth:"0px"},"& tbody > tr > td":{borderBottomWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(229 231 235 / var(--tw-border-opacity))"}}]})),c=s.Z.thead({width:"100%",borderTopLeftRadius:"0.75rem",borderTopRightRadius:"0.75rem","& th:first-of-type":{borderTopLeftRadius:"0.75rem"},"& th:last-of-type":{borderTopRightRadius:"0.75rem"}}),d=s.Z.tr({borderTopLeftRadius:"0.75rem",borderTopRightRadius:"0.75rem","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))","> th:first-of-type":{paddingLeft:"1.25rem"},"> th:last-of-type":{paddingRight:"1.25rem"},"@media (min-width: 640px)":{"> th:first-of-type":{paddingLeft:"1.75rem"},"> th:last-of-type":{paddingRight:"1.75rem"}},"@media (min-width: 1024px)":{"> th:first-of-type":{paddingLeft:"2.5rem"},"> th:last-of-type":{paddingRight:"2.5rem"}}}),u=s.Z.th((function(e){var t=e.text,r=e.sticky,o=e.leftSticky;return[{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",borderBottomWidth:"2px","--tw-border-opacity":"1",borderColor:"rgb(199 215 245 / var(--tw-border-opacity))",backgroundColor:"rgb(223 232 249 / 0.7)",paddingLeft:"0.75rem",paddingRight:"0.75rem",paddingTop:"1.25rem",paddingBottom:"1.25rem",fontSize:"1.2rem",fontWeight:"800","--tw-text-opacity":"0.5",color:"rgb(17 24 39 / var(--tw-text-opacity))","@media (min-width: 768px)":{padding:"1.5rem",fontSize:"1.4rem"}},(0,a.iv)(n||(n=(0,i.Z)(["\n @supports (-moz-appearance: none) {\n ",";\n }\n "])),{"--tw-bg-opacity":"1"}),"right"===t?{textAlign:"right"}:"left"===t?{textAlign:"left"}:{textAlign:"center"},r&&{position:"sticky",top:"0px",zIndex:"10",backgroundImage:"linear-gradient(to top, var(--tw-gradient-stops))","--tw-gradient-from":"rgb(223 232 249 / 0.7) var(--tw-gradient-from-position)","--tw-gradient-to":"#DFE8F9 var(--tw-gradient-to-position)","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)"},o&&{"@media (min-width: 768px)":{position:"sticky",left:"0px",zIndex:"10",backgroundImage:"linear-gradient(to left, var(--tw-gradient-stops))","--tw-gradient-from":"rgb(223 232 249 / 0.7) var(--tw-gradient-from-position)","--tw-gradient-to":"#DFE8F9 var(--tw-gradient-to-position)","--tw-gradient-stops":"var(--tw-gradient-from), var(--tw-gradient-to)"}}]})),h=s.Z.tbody({width:"100%","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))"}),m=s.Z.tr((function(e){return[e.clickable&&{cursor:"pointer","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))",":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(249 250 251 / var(--tw-bg-opacity))"}},{transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms","> td:first-of-type":{paddingLeft:"1.25rem"},"> td:last-of-type":{paddingRight:"1.25rem"},"@media (min-width: 640px)":{"> td:first-of-type":{paddingLeft:"1.75rem"},"> td:last-of-type":{paddingRight:"1.75rem"}},"@media (min-width: 1024px)":{"> td:first-of-type":{paddingLeft:"2.5rem"},"> td:last-of-type":{paddingRight:"2.5rem"}}}]})),x=s.Z.td((function(e){var t=e.text;return[{whiteSpace:"nowrap",padding:"1.25rem","@media (min-width: 768px)":{padding:"1.5rem"}},"right"===t?{textAlign:"right"}:"left"===t?{textAlign:"left"}:{textAlign:"center"}]}))},42888:function(e,t,r){r.d(t,{Z:function(){return z}});var o=r(29439),n=r(43681),i=r(1413),a=r(44925),s=r(47313),p=r(36497),l=r(6971),c=r(83352),d=r(6698),u=r(93433),h=r(20200),m=r(21267),x=r(71464),w=["id","passive"],f=(0,s.createContext)(null);function g(){var e=(0,s.useContext)(f);if(null===e){var t=new Error("You used a <Label /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,g),t}return e}function y(){var e=(0,s.useState)([]),t=(0,o.Z)(e,2),r=t[0],n=t[1];return[r.length>0?r.join(" "):void 0,(0,s.useMemo)((function(){return function(e){var t=(0,x.z)((function(e){return n((function(t){return[].concat((0,u.Z)(t),[e])})),function(){return n((function(t){var r=t.slice(),o=r.indexOf(e);return-1!==o&&r.splice(o,1),r}))}})),r=(0,s.useMemo)((function(){return{register:t,slot:e.slot,name:e.name,props:e.props}}),[t,e.slot,e.name,e.props]);return s.createElement(f.Provider,{value:r},e.children)}}),[n])]}var b=(0,p.yV)((function(e,t){var r=(0,l.M)(),o=e.id,n=void 0===o?"headlessui-label-".concat(r):o,s=e.passive,c=void 0!==s&&s,d=(0,a.Z)(e,w),u=g(),x=(0,m.T)(t);(0,h.e)((function(){return u.register(n)}),[n,u.register]);var f=(0,i.Z)((0,i.Z)({ref:x},u.props),{},{id:n});return c&&("onClick"in f&&(delete f.htmlFor,delete f.onClick),"onClick"in d&&delete d.onClick),(0,p.sY)({ourProps:f,theirProps:d,slot:u.slot||{},defaultTag:"label",name:u.name||"Label"})})),v=Object.assign(b,{}),j=["id"],T=(0,s.createContext)(null);function k(){var e=(0,s.useContext)(T);if(null===e){var t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,k),t}return e}var S=(0,p.yV)((function(e,t){var r=(0,l.M)(),o=e.id,n=void 0===o?"headlessui-description-".concat(r):o,s=(0,a.Z)(e,j),c=k(),d=(0,m.T)(t);(0,h.e)((function(){return c.register(n)}),[n,c.register]);var u=(0,i.Z)((0,i.Z)({ref:d},c.props),{},{id:n});return(0,p.sY)({ourProps:u,theirProps:s,slot:c.slot||{},defaultTag:"p",name:c.name||"Description"})})),C=Object.assign(S,{}),N=r(54527),D=r(32224),Z=r(40375),E=r(44186),L=r(5218),P=["id","checked","defaultChecked","onChange","name","value","form"],R=(0,s.createContext)(null);R.displayName="GroupContext";var A=s.Fragment;var I=(0,p.yV)((function(e,t){var r=(0,l.M)(),n=e.id,u=void 0===n?"headlessui-switch-".concat(r):n,h=e.checked,w=e.defaultChecked,f=void 0!==w&&w,g=e.onChange,y=e.name,b=e.value,v=e.form,j=(0,a.Z)(e,P),T=(0,s.useContext)(R),k=(0,s.useRef)(null),S=(0,m.T)(k,t,null===T?null:T.setSwitch),C=(0,E.q)(h,g,f),A=(0,o.Z)(C,2),I=A[0],F=A[1],O=(0,x.z)((function(){return null==F?void 0:F(!I)})),B=(0,x.z)((function(e){if((0,d.P)(e.currentTarget))return e.preventDefault();e.preventDefault(),O()})),z=(0,x.z)((function(e){e.key===c.R.Space?(e.preventDefault(),O()):e.key===c.R.Enter&&(0,Z.g)(e.currentTarget)})),W=(0,x.z)((function(e){return e.preventDefault()})),Y=(0,s.useMemo)((function(){return{checked:I}}),[I]),_={id:u,ref:S,role:"switch",type:(0,N.f)(e,k),tabIndex:0,"aria-checked":I,"aria-labelledby":null==T?void 0:T.labelledby,"aria-describedby":null==T?void 0:T.describedby,onClick:B,onKeyUp:z,onKeyPress:W},G=(0,L.G)();return(0,s.useEffect)((function(){var e,t=null==(e=k.current)?void 0:e.closest("form");t&&void 0!==f&&G.addEventListener(t,"reset",(function(){F(f)}))}),[k,F]),s.createElement(s.Fragment,null,null!=y&&I&&s.createElement(D._,(0,i.Z)({features:D.A.Hidden},(0,p.oA)({as:"input",type:"checkbox",hidden:!0,readOnly:!0,form:v,checked:I,name:y,value:b}))),(0,p.sY)({ourProps:_,theirProps:j,slot:Y,defaultTag:"button",name:"Switch"}))})),F=function(e){var t,r=(0,s.useState)(null),n=(0,o.Z)(r,2),i=n[0],a=n[1],l=y(),c=(0,o.Z)(l,2),d=c[0],h=c[1],m=function(){var e=(0,s.useState)([]),t=(0,o.Z)(e,2),r=t[0],n=t[1];return[r.length>0?r.join(" "):void 0,(0,s.useMemo)((function(){return function(e){var t=(0,x.z)((function(e){return n((function(t){return[].concat((0,u.Z)(t),[e])})),function(){return n((function(t){var r=t.slice(),o=r.indexOf(e);return-1!==o&&r.splice(o,1),r}))}})),r=(0,s.useMemo)((function(){return{register:t,slot:e.slot,name:e.name,props:e.props}}),[t,e.slot,e.name,e.props]);return s.createElement(T.Provider,{value:r},e.children)}}),[n])]}(),w=(0,o.Z)(m,2),f=w[0],g=w[1],b=(0,s.useMemo)((function(){return{switch:i,setSwitch:a,labelledby:d,describedby:f}}),[i,a,d,f]),v=e;return s.createElement(g,{name:"Switch.Description"},s.createElement(h,{name:"Switch.Label",props:{htmlFor:null==(t=b.switch)?void 0:t.id,onClick:function(e){i&&("LABEL"===e.currentTarget.tagName&&e.preventDefault(),i.click(),i.focus({preventScroll:!0}))}}},s.createElement(R.Provider,{value:b},(0,p.sY)({ourProps:{},theirProps:v,defaultTag:A,name:"Switch.Group"}))))},O=Object.assign(I,{Group:F,Label:v,Description:C}),B=r(46417);function z(e){var t=e.defaultChecked,r=e.name,n=e.labelText,i=e.checked,a=e.value,p=e.disabled,l=e.onChange,c=e.switchStyles,d=e.leverStyles,u=e.testId,h=(0,s.useState)(void 0!==i?i:t),m=(0,o.Z)(h,2),x=m[0],w=m[1];(0,s.useEffect)((function(){void 0!==i&&w(i)}),[i,a]);return(0,B.jsx)(O.Group,{children:(0,B.jsxs)(W,{"data-testid":u,children:[n&&(0,B.jsx)(O.Label,{children:n}),(0,B.jsx)("input",{"data-testid":"toggle-input",name:r,type:"hidden",value:x}),(0,B.jsx)(O,{defaultChecked:t,checked:x,onChange:function(e){p||(w(e),"function"===typeof l&&l(e))},value:a,as:s.Fragment,children:function(e){var t=e.checked;return(0,B.jsx)(Y,{"data-testid":"toggle-button",checked:t,disabled:p,customStyles:c,children:(0,B.jsx)(_,{checked:t,disabled:p,customStyles:d})})}})]})})}var W=n.Z.div({display:"flex",alignItems:"center"}),Y=n.Z.button((function(e){var t=e.checked,r=e.disabled,o=e.customStyles;return[{position:"relative",display:"inline-flex",height:"2rem",width:"3.5rem",alignItems:"center",borderRadius:"9999px"},t?{"--tw-bg-opacity":"1",backgroundColor:"rgb(55 106 215 / var(--tw-bg-opacity))"}:{"--tw-bg-opacity":"1",backgroundColor:"rgb(229 231 235 / var(--tw-bg-opacity))"},r&&{"--tw-bg-opacity":"1",backgroundColor:"rgb(156 163 175 / var(--tw-bg-opacity))"},t?null===o||void 0===o?void 0:o.checked:null===o||void 0===o?void 0:o.unChecked]})),_=n.Z.span((function(e){return[{position:"absolute",display:"inline-block",height:"1.25rem",width:"1.25rem",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))",borderRadius:"9999px","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"150ms"},e.checked?{left:"calc(100% - 0.25rem)","--tw-translate-x":"-100%",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))"}:{left:"0.25rem"},e.disabled&&{"--tw-bg-opacity":"1",backgroundColor:"rgb(229 231 235 / var(--tw-bg-opacity))"},e.customStyles]}))},60504:function(e,t,r){r.d(t,{Z:function(){return s}});var o=r(43681),n=r(2135),i=r(81694),a=r(46417);function s(e){var t=e.to,r=e.onClick,o=e.text,i=e.addcourse;return(0,a.jsx)(l,{children:(0,a.jsxs)(p,{as:t?n.Link:"button",addcourse:i,onClick:r,to:t,children:[o,(0,a.jsx)(c,{"aria-hidden":"true"})]})})}var p=o.Z.button((function(e){return[{display:"flex",alignItems:"center",gap:"0.5rem",whiteSpace:"nowrap",borderRadius:"0.5rem",fontSize:"1.2rem",fontWeight:"600","--tw-text-opacity":"1",color:"rgb(156 163 175 / var(--tw-text-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",":hover":{"--tw-text-opacity":"1",color:"rgb(75 85 99 / var(--tw-text-opacity))","--tw-drop-shadow":"drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1))",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)"}},e.addcourse&&{paddingLeft:"0px",paddingRight:"0px","@media (min-width: 1024px)":{paddingLeft:"1.25rem",paddingRight:"1.25rem"}}]})),l=o.Z.div({position:"relative"}),c=(0,o.Z)(i.r)({height:"1.25rem",width:"1.25rem",strokeWidth:"2"})},24021:function(e,t,r){r.d(t,{Y:function(){return o}});var o=(0,r(47313).createContext)()},31239:function(e,t,r){r.d(t,{A:function(){return d}});var o=r(1413),n=r(29439),i=r(47313),a=r(47292);function s(e,t){var r,n,i=t.payload,s={},p={};switch(i&&(i.error?(s=i).action=t.type:p=i),t.type){case a.cS:return(0,o.Z)((0,o.Z)({},e),{},{error:"",called:t.next,loading:!0});case a.aE:return(0,o.Z)((0,o.Z)({},e),{},{error:s,teacherDevCourses:p,loading:!1});case a.pV:return(0,o.Z)((0,o.Z)({},e),{},{error:s,settings:p,loading:!1});case a.I4:var l=e.settings;return p.contactInfo?l.contactInfo=p.contactInfo:p.features?l.features=p.features:p.grading?l.grading=p.grading:l=e.settings,(0,o.Z)((0,o.Z)({},e),{},{error:s,settings:l,loading:!1});case a.fU:return(0,o.Z)((0,o.Z)({},e),{},{error:s,mediaServers:p,loading:!1});case a.fo:return(0,o.Z)((0,o.Z)({},e),{},{error:s,users:p,usersCalled:!0,loading:!1});case a.KC:var c=e.mediaServers;return p.length?c.mediaServers=p:c=e.mediaServers,(0,o.Z)((0,o.Z)({},e),{},{error:s,mediaServers:c,loading:!1});case a.zE:return(0,o.Z)((0,o.Z)({},e),{},{error:s,enrollmentGroups:p,loading:!1});case a.nZ:var d=e.enrollmentGroups;return p.enrollmentGroupID?null===(r=d.groups)||void 0===r||r.push(p):d=e.enrollmentGroups,(0,o.Z)((0,o.Z)({},e),{},{error:s,enrollmentGroups:d,loading:!1});case a.dO:return(0,o.Z)((0,o.Z)({},e),{},{error:s,transferData:p,loading:!1});case a.ag:var u=e.enrollmentGroups;return p.enrollmentGroupID?null===(n=u.groups)||void 0===n||n.find((function(e){return e.enrollmentGroupID===p.enrollmentGroupID})).courses.push(p.course):u=e.enrollmentGroups,(0,o.Z)((0,o.Z)({},e),{},{error:s,enrollmentGroups:u,loading:!1});case a.vh:return(0,o.Z)((0,o.Z)({},e),{},{usersCalled:!1});default:throw Error("Unhandled Action: ".concat(t.type))}}var p=r(46417),l=(0,i.createContext)(),c={teacherDevCourses:{},settings:{},mediaServers:{},enrollmentGroups:{},users:{},usersCalled:!1,called:"",error:{},loading:!1,licenses:[],spreadSheet:"",transferData:{}};function d(e){var t=(0,i.useReducer)(s,c),r=(0,n.Z)(t,2),a=r[0],d=r[1];return(0,p.jsx)(l.Provider,{value:(0,o.Z)((0,o.Z)({},a),{},{dispatch:d}),children:e.children})}},47292:function(e,t,r){r.d(t,{Dn:function(){return i},Et:function(){return k},I4:function(){return j},Jw:function(){return D},KC:function(){return v},QJ:function(){return o},VQ:function(){return u},Wy:function(){return n},a9:function(){return w},aE:function(){return f},ag:function(){return C},cS:function(){return b},dO:function(){return m},eQ:function(){return c},fU:function(){return a},fl:function(){return d},fo:function(){return g},gy:function(){return y},nZ:function(){return S},pV:function(){return p},sZ:function(){return l},uV:function(){return s},vh:function(){return N},x:function(){return T},zE:function(){return h},zk:function(){return x}});var o="GET_ANSWER_DATA",n="GET_CLASSES",i="GET_ALERTS",a="GET_MEDIA_SERVERS",s="GET_MONITOR_LIST",p="GET_SETTINGS",l="GET_STUDENT",c="GET_STUDENT_ENROLLMENT",d="GET_STUDENT_ENROLLMENT_COMP",u="GET_STUDENT_ENROLLMENT_ARCHIVED",h="GET_COURSE_ENROLLMENT",m="GET_TRANSFER_STUDENT",x="GET_STUDENT_GRADES",w="GET_STUDENT_STEPS_COMPLETED",f="GET_TEACHER_DEV_COURSES",g="GET_USERS",y="RESET_STUDENT_DATA",b="SET_LOADING",v="UPDATE_MEDIA_SERVERS",j="UPDATE_SETTINGS",T="UPDATE_STUDENT",k="UPDATE_COURSE_ENROLLMENT",S="ADD_ENROLLMENT_GROUP",C="ADD_COURSE_TO_ENROLLMENT",N="DELETE_STUDENTS",D="DELETE_COURSE_ENROLLMENT"},63912:function(e,t,r){r.r(t),r.d(t,{default:function(){return W}});var o,n,i=r(29439),a=r(43681),s=r(47012),p=r(47313),l=r(2984),c=r(64076),d=r(72159),u=r(68518),h=r(46959),m=r(54801),x=r(13797),w=r(90219),f=r(30168),g=r(30686),y=r(36842),b=r(96091),v=r(46417);function j(e){var t=e.name,r=e.label,o=e.options,n=e.value,a=e.onChange,s=e.error,l=e.disabled,c=e.customStyles,u=(0,p.useState)(-1),h=(0,i.Z)(u,2),m=h[0],x=h[1],w=(0,p.useState)(n||0),f=(0,i.Z)(w,2),g=f[0],y=f[1];(0,p.useEffect)((function(){return y(n||0)}),[n]);return(0,v.jsx)(d.c,{name:t,disabled:l,onChange:function(e){y(e),a(e)},labelText:r,displayText:o.find((function(e,t){var r=e.value;return g===(void 0!==r?r:t)})).header,value:o.find((function(e,t){var r=e.value;return g===(void 0!==r?r:t)})).value,specialOptions:1,setIsHover:x,error:s,children:(0,v.jsx)(N,{customStyles:c,children:o.map((function(e,t){var r=e.value,o=e.header,n=e.content;return r=void 0!==r?r:t,(0,v.jsx)(T,{value:r,active:m,selected:g===r,customStyles:c,children:function(e){var t=e.selected,i=e.active;return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(k,{children:[(0,v.jsx)(S,{active:i,selected:t,children:o}),g===r&&(0,v.jsx)(C,{active:i,selected:t})]}),(0,v.jsx)("br",{}),n]})}},"option"+t)}))})})}var T=(0,a.Z)(y.R.Option)((function(e){var t=e.selected,r=e.active;return[{cursor:"pointer",borderBottomWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(229 231 235 / var(--tw-border-opacity))","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))",padding:"2rem",fontSize:"1.4rem","--tw-text-opacity":"1",color:"rgb(107 114 128 / var(--tw-text-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"300ms",":hover":{"--tw-bg-opacity":"1",backgroundColor:"rgb(55 106 215 / var(--tw-bg-opacity))","--tw-text-opacity":"1",color:"rgb(199 215 245 / var(--tw-text-opacity))"}},t&&!r&&{"--tw-bg-opacity":"1",backgroundColor:"rgb(55 106 215 / var(--tw-bg-opacity))","--tw-text-opacity":"1",color:"rgb(199 215 245 / var(--tw-text-opacity))"},!t&&!r&&(0,g.iv)(o||(o=(0,f.Z)(["\n & > :first-of-type > :first-of-type {\n // inactive option headers\n color: #111827;\n }\n "]))),(0,g.iv)(n||(n=(0,f.Z)(["\n &:hover > :first-of-type > :first-of-type {\n // headers become white on hover\n color: white;\n }\n "])))]})),k=a.Z.div({display:"flex",flexDirection:"row",justifyContent:"space-between"}),S=a.Z.span({fontSize:"1.4rem",fontWeight:"500","--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"200ms"}),C=(0,a.Z)(b.r)((function(e){e.selected;return[{height:"2rem",width:"2rem",transitionProperty:"all",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)",transitionDuration:"100ms"},e.active&{"--tw-text-opacity":"1",color:"rgb(255 255 255 / var(--tw-text-opacity))"}]})),N=(0,a.Z)(y.R.Options)((function(e){return[{position:"absolute",zIndex:"20",marginTop:"0.5rem",maxHeight:"26rem",width:"100%",overflow:"auto",borderRadius:"0.375rem",borderWidth:"1px","--tw-border-opacity":"1",borderColor:"rgb(209 213 219 / var(--tw-border-opacity))","--tw-bg-opacity":"1",backgroundColor:"rgb(255 255 255 / var(--tw-bg-opacity))",fontSize:"1.4rem","--tw-shadow":"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)","--tw-shadow-colored":"0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",boxShadow:"var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)","@media (min-width: 640px)":{fontSize:"1.6rem"}},e.customStyles]})),D=r(82970),Z=r(58500),E=r(72363),L=r(19160),P=r(81391),R=r(69475),A=r(4243),I=r(42888),F=r(60504),O=r(24021),B=r(31239),z=r(94414);function W(){var e=["School","Grade Level","Course","Student"],t=(0,p.useState)(e[0]),r=(0,i.Z)(t,2),o=r[0],n=r[1],a=function(){return alert("You clicked the Button")},f=(0,p.useState)(!1),g=(0,i.Z)(f,2),y=(g[0],g[1]),b=(0,p.useContext)(O.Y),T=(0,p.useState)(!0),k=(0,i.Z)(T,2),S=k[0],C=k[1],N=(0,p.useState)(""),W=(0,i.Z)(N,2),_=W[0],G=W[1];return(0,v.jsxs)(B.A,{children:[(0,v.jsx)(z.ZP,{}),(0,v.jsx)(z.OT,{title:"Shared Across Teacher Interface",description:"These components are shared only on Teacher Interface."}),(0,v.jsx)(z.Lj,{title:"AccordionCard.js",author:"Wes Nelson",children:(0,v.jsxs)(z.wA,{title:"AccordionCard",description:"To be used when you need a design that is similar to the Vectored Instruction or Work Completed pages. At the very least, this file will allow us to maintain both files with ease, including their animations and other styling.",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"children",propType:"ReactNode",propDesc:"takes children of a component"}),(0,v.jsx)(z.t7,{propName:"content",propType:"jsx",propDesc:"returns jsx"}),(0,v.jsx)(z.t7,{propName:"onClick",propType:"Function",propDesc:"takes in a function that return a set state action"}),(0,v.jsx)(z.t7,{propName:"stateProp",propType:"any",propDesc:"holds the current state value of a state"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(Y,{customStyle:{"--tw-bg-opacity":"1",backgroundColor:"rgb(199 215 245 / var(--tw-bg-opacity))"},children:[1].map((function(e,t){return(0,v.jsx)(u._,{stateProp:_===t,content:(0,v.jsx)(Y,{customStyle:{borderRadius:"1.5rem","--tw-bg-opacity":"1",backgroundColor:"rgb(101 141 225 / var(--tw-bg-opacity))"},children:(0,v.jsx)("h2",{children:"This is the content prop. Can take in JSX."})}),current:_===t,onClick:function(){return G((function(e){return e===t?"":t}))},children:(0,v.jsx)("h1",{children:"Children of a Component"})},e.topic)}))})})]})}),(0,v.jsx)(z.Lj,{title:"Button.js",children:(0,v.jsxs)(z.wA,{title:"Button",description:"A reusable button component. You can pass in either onClick or path, depending on your use-case. The bg color is white by default, so both color and colorNum are optional.",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"path",propType:"string",propDesc:"takes in a string that gets passed into navigate()"}),(0,v.jsx)(z.t7,{propName:"color",propType:"string",propDesc:"passe a color name"}),(0,v.jsx)(z.t7,{propName:"colorNum",propType:"number",propDesc:"passes a color number style"}),(0,v.jsx)(z.t7,{propName:"width",propType:"TwStyle | SerializedStyles",propDesc:"takes in a width style"}),(0,v.jsx)(z.t7,{propName:"props",propType:"HTMLProps<HTMLButtonElement>",propDesc:"Anything else gets passed directly to the button DOM element (onClick, type, etc.)"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(h.Z,{color:"teacherBlue",colorNum:500,onClick:a,children:"Click me"})})]})}),(0,v.jsx)(z.Lj,{title:"CheckboxWithLabel.js",children:(0,v.jsxs)(z.wA,{title:"CheckBoxWithLabel",description:"A styled checkbox input with text above",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"onChange",propType:"Function",propDesc:"onChange event to make isChecked true"}),(0,v.jsx)(z.t7,{propName:"labelText",propType:"string",propDesc:"labels the checkbox"}),(0,v.jsx)(z.t7,{propName:"name",propType:"string",propDesc:"used in a form to label"}),(0,v.jsx)(z.t7,{propName:"isChecked",propType:"boolean",propDesc:"used to label the input within the component. necessary to have their values passed when submitting a form."}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(m.Z,{labelText:"This the label for the checkbox.",name:"what are you"})})]})}),(0,v.jsx)(z.Lj,{title:"Combobox.js",children:(0,v.jsxs)(z.wA,{title:"Combobox",description:"used to search/select content within teacher interface",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"placeholder",propType:"string",propDesc:"the placeholder text in the search bar"}),(0,v.jsx)(z.t7,{propName:"results",propType:"'course' | 'user' | { parse: ParseCallback, Elem: JSX.Element}",propDesc:"The format to use for search results"}),(0,v.jsx)(z.t7,{propName:"autocomplete",propType:"boolean",propDesc:"Whether the combobox should remember the selection in the bar or not"}),(0,v.jsx)(z.t7,{propName:"query",propType:"string",propDesc:"The search term state"}),(0,v.jsx)(z.t7,{propName:"setQuery",propType:"SetterCallback<string>",propDesc:"The state setter for the search term"}),(0,v.jsx)(z.t7,{propName:"onSearch",propType:"SearchCallback",propDesc:"The callback function called when the user searches"}),(0,v.jsx)(z.t7,{propName:"onSelection",propType:"SelectionCallback",propDesc:"The callback function called when the user selects a result"}),(0,v.jsx)(z.t7,{propName:"ComboStyle",propType:"'white' | 'gray'",propDesc:"The style of search bar"}),(0,v.jsx)(z.t7,{propName:"hideOnQuery",propType:"boolean",propDesc:"Whether or not the search bar should hide the result list when the user searches"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(x.ZP,{placeholder:"Find a Student",setQuery:function(){},onSelection:function(e,t){alert("You selected ".concat(e.text," in group ").concat(t))},comboStyle:"gray"})})]})}),(0,v.jsx)(z.Lj,{title:"CourseTag.js",children:(0,v.jsxs)(z.wA,{title:"CourseTag",description:"a tag that represent/displays a course",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"course",propType:"Object",propDesc:"course data from courseCallBack"}),(0,v.jsx)(z.t7,{propName:"remove",propType:"Function",propDesc:"function that calls for courseCallBack"}),(0,v.jsx)(z.t7,{propName:"add",propType:"Function",propDesc:"function that calls for courseCallBack"}),(0,v.jsx)(z.t7,{propName:"disabled",propType:"boolean",propDesc:"boolean thats set to false and pass grayscale"}),(0,v.jsx)(z.t7,{propName:"small",propType:"boolean",propDesc:"boolean set to false and passes width and margin"}),(0,v.jsx)(z.t7,{propName:"displayCourseID",propType:"number",propDesc:"course id"}),(0,v.jsx)(z.t7,{propName:"courseName",propType:"string",propDesc:"course name"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(w.ZP,{course:{courseName:"Example Course",active:!0,displayCourseID:1928}})})]})}),(0,v.jsx)(z.Lj,{title:"DescriptionSelect.js",author:"Wes Nelson",children:(0,v.jsxs)(z.wA,{title:"DescriptionSelect",description:"a Select input input form that contains a description",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"label",propType:"string",propDesc:"displays a label above DescriptionSelect"}),(0,v.jsx)(z.t7,{propName:"options",propType:"Option[]",propDesc:"an array of options to select from"}),(0,v.jsx)(z.t7,{propName:"value",propType:"any",propDesc:"The initial value of the select"}),(0,v.jsx)(z.t7,{propName:"onChange",propType:"(value: any) => void",propDesc:"Callback function which is called when the selection changes"}),(0,v.jsx)(z.t7,{propName:"error",propType:"string?",propDesc:"If set display an error"}),(0,v.jsx)(z.t7,{propName:"setError",propType:"Dispatch<SetStateAction<string | false>>",propDesc:"error state setter function"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(j,{options:[{header:"Header 1",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit"},{header:"Header 2",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit"},{header:"Header 3",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit"},{header:"Header 4",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit"}],label:"Administration Level",onChange:function(){},error:!1})})]})}),(0,v.jsx)(z.Lj,{title:"ErrorCard.js",children:(0,v.jsx)(z.wA,{title:"ErrorCard",description:"a card that shows an error state with error code and message",hasProps:!0,children:(0,v.jsxs)(z.Fp,{children:[(0,v.jsx)(z.t7,{propName:"error",propType:"Error",propDesc:"Typically a StatusError thrown by request"}),(0,v.jsx)(D.Z,{error:{status:123,message:"Error message"}})]})})}),(0,v.jsx)(z.Lj,{title:"FormGrid.js",children:(0,v.jsx)(z.wA,{title:"Styled Wrapper(s)",description:"a file containing a list of styled div wrappers that can be used in form elements",children:(0,v.jsx)(z.Fp,{children:(0,v.jsxs)(Z.n5,{children:[(0,v.jsx)(Z.Yk,{children:(0,v.jsx)(d.II,{labelText:"Full Wrapper",onChange:function(){}})}),(0,v.jsx)(Z.F4,{children:(0,v.jsx)(d.II,{labelText:"Half Wrapper",onChange:function(){}})}),(0,v.jsx)(Z.fY,{children:(0,v.jsx)(d.II,{labelText:"Third Wrapper",onChange:function(){}})}),(0,v.jsx)(Z.v$,{children:(0,v.jsx)(d.II,{labelText:"Fourth Wrapper",onChange:function(){}})}),(0,v.jsx)(Z.nB,{children:(0,v.jsx)(d.II,{labelText:"Sixth Wrapper",onChange:function(){}})})]})})})}),(0,v.jsx)(z.Lj,{title:"GhostButton.js",children:(0,v.jsxs)(z.wA,{title:"GhostButton",description:"A reusable button component with a border. You can set the color and colorNum props to change the color of the border. The width can also be set with the width prop.",children:[(0,v.jsx)(z.t7,{propName:"path",propType:"string",propDesc:"Will switch to a Link if path is defined"}),(0,v.jsx)(z.t7,{propName:"color",propType:"string",propDesc:"tailwind color name. if not defined teacherBlue will default"}),(0,v.jsx)(z.t7,{propName:"colorNum",propType:"number",propDesc:"tailwind color num"}),(0,v.jsx)(z.t7,{propName:"width",propType:"boolean",propDesc:"css styled string"}),(0,v.jsx)(z.t7,{propName:"props",propType:"HTMLProps<HTMLButtonElement>",propDesc:"Anything else gets passed directly to the button DOM element (onClick, type, etc.)"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(E.Z,{color:"teacherBlue",colorNum:500,width:"w-full",onClick:a,children:"Tacos"})})]})}),(0,v.jsx)(z.Lj,{title:"NotificationButton.jsx",children:(0,v.jsxs)(z.wA,{title:"NotificationButton",description:"A bell icon to represent incoming notifications",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"bellStyles",propType:"TwStyle",propDesc:"The color of the bell"}),(0,v.jsx)(z.t7,{propName:"setInternalNewNotifications",propType:"Dispatch<React.SetStateAction<boolean>>",propDesc:"React hook to set internal new notifications"}),(0,v.jsx)(z.t7,{propName:"internalNewNotifications",propType:"boolean",propDesc:"oolean value for internal notifications"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(Y,{customStyle:{position:"relative"},children:(0,v.jsx)(Y,{customStyle:{position:"absolute",top:"-1rem",zIndex:"10",display:"flex",justifyContent:"center"},children:(0,v.jsx)(s.J,{children:(0,v.jsx)(l.Z,{newNotifications:!0,setInternalNewNotifications:y,alertsState:b})})})})})]})}),(0,v.jsx)(z.Lj,{title:"NotificationPanel.jsx",children:(0,v.jsxs)(z.wA,{title:"NotificationPanel",description:"A floating panel for displaying a table of content.",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"alertsState",propType:"String",propDesc:"The state getter and setter for storing alerts"}),(0,v.jsx)(z.t7,{propName:"newNotifications",propType:"boolean",propDesc:"Whether there is a new notification or not",defaultValue:"false"}),(0,v.jsx)(z.t7,{propName:"acellusID",propType:"number",propDesc:"The student acellusID to get alerts/notifications for"}),(0,v.jsx)(z.t7,{propName:"bellStyles",propType:"string",propDesc:"The color of the bell"}),(0,v.jsx)(z.t7,{propName:"positionStyles",propType:"string",propDesc:"The styles for the position of the popver panel"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(Y,{customStyle:{position:"relative"},children:(0,v.jsx)(Y,{customStyle:{position:"absolute",top:"-1rem",zIndex:"10",display:"flex",justifyContent:"flex-end",paddingRight:"6rem"},children:(0,v.jsx)(c.ZP,{positionStyles:{position:"absolute",inset:"0px",right:"-33px",top:"-10px"},alertsState:b,children:(0,v.jsx)(l.Z,{})})})})})]})}),(0,v.jsxs)(z.Lj,{title:"Preview.js",children:[" ",(0,v.jsxs)(z.wA,{title:"Preview",description:"File will be rewritten, nothing to display.",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"displayCourseID",propType:"",propDesc:""}),(0,v.jsx)(z.t7,{propName:"syllabusStepID",propType:"",propDesc:""}),(0,v.jsx)(z.t7,{propName:"problemStepID",propType:"",propDesc:""}),(0,v.jsx)(z.t7,{propName:"videoPath",propType:"",propDesc:""}),(0,v.jsx)(z.t7,{propName:"answer",propType:"",propDesc:""}),(0,v.jsx)(z.Fp,{})]})]}),(0,v.jsx)(z.Lj,{title:"ProgressCircle.js",children:(0,v.jsxs)(z.wA,{title:"ProgressCircle",description:"",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"value",propType:"number",propDesc:"percent or hourly value passed into the text and progress bar"}),(0,v.jsx)(z.t7,{propName:"radius",propType:"number",propDesc:"radius of the circle (change to increase or decrease the size of the circle)"}),(0,v.jsx)(z.t7,{propName:"strokWidth",propType:"number",propDesc:"stroke of the circle (change to increase or decrease the width of the progress bar around the circle)"}),(0,v.jsx)(z.t7,{propName:"fillColor",propType:"string",propDesc:" fillColor changes the tailwind color inside of the circle behind the text"}),(0,v.jsx)(z.t7,{propName:"fillNum",propType:"number",propDesc:"fillNum is the tailwind number value passed in with the fillColor for the background"}),(0,v.jsx)(z.t7,{propName:"textColor",propType:"string",propDesc:"color of the text that displays the percent value or icon"}),(0,v.jsx)(z.t7,{propName:"textNum",propType:"number",propDesc:"number is the tailwind number value passed in with the textColor for the text or icon color "}),(0,v.jsx)(z.t7,{propName:"fillBar",propType:"string",propDesc:"fillBar changes the tailwind color of bar that displays the % value of the FILLED IN progress"}),(0,v.jsx)(z.t7,{propName:"fillBarNum",propType:"number",propDesc:"fillBarNum changes the tailwind color number for the FILLED IN progress"}),(0,v.jsx)(z.t7,{propName:"emptyBar",propType:"string",propDesc:"emptyBar changes the tailwind color of bottom that represents the total or MISSING progress"}),(0,v.jsx)(z.t7,{propName:"emptyBarNum",propType:"number",propDesc:"emptyBarNum changes the tailwind color number for the total or MISSING progress"}),(0,v.jsx)(z.t7,{propName:"show100",propType:"boolean",propDesc:"if true, display checkmark instead of 0, add prop like so (show0={value === 0 ? true: null})"}),(0,v.jsx)(z.t7,{propName:"show0",propType:"boolean",propDesc:"if true, display checkmark instead of 100, add prop like so (show100={value === 100 ? true: null})if true, display checkmark instead of 100, add prop like so (show100={value === 100 ? true: null})"}),(0,v.jsx)(z.t7,{propName:"isTime",propType:"boolean",propDesc:"if {true} it displays hr instead of % beside the text"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(Y,{customStyle:{display:"flex",justifyContent:"center"},children:(0,v.jsx)(L.ZP,{value:30,radius:50,strokeWidth:10,fillColor:"red",fillNum:300,textColor:"teacherBlue",textNum:300,fillBar:"red",fillBarNum:200,emptyBar:"blue",emptyBarNum:500,show100:!0})})})]})}),(0,v.jsx)(z.Lj,{title:"RadioWithLabel.js",children:(0,v.jsxs)(z.wA,{title:"RadioWithLabel",description:"name groups the radio buttons together so that if one gets selected, the others get unselected",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"label",propType:"string",propDesc:"label for radio input"}),(0,v.jsx)(z.t7,{propName:"name",propType:"string",propDesc:"name of th input"}),(0,v.jsx)(z.t7,{propName:"checked",propType:"boolean",propDesc:"it is the string value within the array that is selected"}),(0,v.jsx)(z.t7,{propName:"onChange",propType:"Function",propDesc:"takes in a funtion to change the value of the label"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(Y,{customStyle:{display:"flex",flexDirection:"row"},children:e.map((function(e,t){return(0,v.jsx)(P.Z,{onChange:function(){return n(e)},label:e,name:"filter",checked:o===e},t)}))})})]})}),(0,v.jsxs)(z.Lj,{title:"Table.js",author:"David Billings",children:[(0,v.jsx)(z.wA,{hasProps:!0,title:"TableWrapper",description:"This is the wrapper div that surrounds the table. For the table header to be sticky, this whole div also needs to be sticky.",children:(0,v.jsx)(z.t7,{propName:"stickyPosition",propType:"TwStyle",propDesc:'(optional) this makes the header sticky, and sets the "top" position. eg: stickyPosition={tw`xl:top-44 2xl:top-52`}. NOTE: it is top:0 by default'})}),(0,v.jsx)(z.wA,{hasProps:!0,title:"Table",description:"The actual <table> element.",children:(0,v.jsx)(z.t7,{propName:"yDividers",propType:"boolean",propDesc:"(optional) if yDivider is true, there will be gray dividing lines between each table row"})}),(0,v.jsx)(z.wA,{title:"TableHeader",description:"The <th> element."}),(0,v.jsx)(z.wA,{title:"TableHeadRow",description:"The <tr> element."}),(0,v.jsxs)(z.wA,{hasProps:!0,title:"TableHeadCell",description:"The <th> element.",children:[(0,v.jsx)(z.t7,{propName:"text",propType:"string",propDesc:'(optional) pass in a string of "left", "right", or "center" to align the content of that cell (NOTE: default is text-center)'}),(0,v.jsx)(z.t7,{propName:"sticky",propType:"boolean",propDesc:"(optional) makes the cell sticky. note: not sure how this is different from the sticky prop on table wrapper. can we remove this one?"}),(0,v.jsx)(z.t7,{propName:"leftSticky",propType:"boolean",propDesc:"(optional) adding leftSticky to TableHeadCell makes that cell sticky on x scroll"})]}),(0,v.jsx)(z.wA,{title:"TableBody",description:"The <tbody> element."}),(0,v.jsx)(z.wA,{hasProps:!0,title:"TableHeadCell",description:"The <th> element.",children:(0,v.jsx)(z.t7,{propName:"clickable",propType:"boolean",propDesc:"(optional) if clickable is true, there will be a hover on that row and it will be cursor-pointer, showing it's clickable"})}),(0,v.jsx)(z.wA,{hasProps:!0,title:"TableCell",description:"The <td> element.",children:(0,v.jsx)(z.t7,{propName:"text",propType:"string",propDesc:"(optional) pass in a string of 'left', 'right', or 'center' to align the content of that cell (NOTE: default is text-center)"})}),(0,v.jsx)(A.y6,{stickyPosition:{"@media (min-width: 1280px)":{top:"7.5rem"}},children:(0,v.jsxs)(A.iA,{yDividers:!0,children:[(0,v.jsx)(A.xD,{children:(0,v.jsxs)(A.U8,{children:[(0,v.jsx)(A.bi,{children:"Tacos?"}),(0,v.jsx)(A.bi,{children:"Tacos?"}),(0,v.jsx)(A.bi,{children:"Tacos?"})]})}),(0,v.jsxs)(A.RM,{children:[(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yes"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Bet"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Absolutely"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yuh"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yeah"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yep"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Affirmitive"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Totally"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yessir"})})]}),(0,v.jsxs)(A.SC,{clickable:!0,children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yes"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Bet"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Ya"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yuh"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yeah"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yep"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Affirmitive"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Totally"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yessir"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yeah"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Bet"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Correct"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yes please"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yeah"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yes"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yeah"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yessir"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Ya"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Absolutely"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Correct"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"For Sure"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Affirmitive"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Totally"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yessir"})})]}),(0,v.jsxs)(A.SC,{children:[(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yes please"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"You gotcha!"})}),(0,v.jsx)(A.pj,{children:(0,v.jsx)("p",{children:"Yes, like right now"})})]})]})]})})]}),(0,v.jsx)(z.Lj,{title:"TeacherModal.js",author:"David Billings",children:(0,v.jsxs)(z.wA,{title:"TeacherModal",description:"Uses globally shared ModalBase, then adds additional customizations for the teacher modal.",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"bgColor",propType:"TWStyle",propDesc:"For passing in the bg color. Since it's a tw string, you can pass in gradients when needed"}),(0,v.jsx)(z.t7,{propName:"bgImg",propType:"string",propDesc:"File path to a background image"}),(0,v.jsx)(z.t7,{propName:"onClose",propType:"function",propDesc:"If passed takes in a callback function for when the modal closes"}),(0,v.jsx)(z.t7,{propName:"small",propType:"boolean",propDesc:"if passed in, the modal will be smaller"}),(0,v.jsx)(z.t7,{propName:"getConfirmation",propType:"boolean",propDesc:"If provided this function will be called before allowing the modal to close"}),(0,v.jsx)(z.t7,{propName:"headerStyles",propType:"TwStyle",propDesc:"custom styles for the header (optional)"}),(0,v.jsx)(z.t7,{propName:"noPaddingX",propType:"boolean",propDesc:"If true, it won't add the default padding-x"}),(0,v.jsx)(z.t7,{propName:"children",propType:"JSX.Element",propDesc:"Children of the component"})]})}),(0,v.jsx)(z.Lj,{title:"Toggle.js",children:(0,v.jsxs)(z.wA,{title:"Toggle",description:"",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"enabled",propType:"Function",propDesc:"takes in a state variable setter function"}),(0,v.jsx)(z.t7,{propName:"setEnabled",propType:"Function",propDesc:"changes the state of the variable"}),(0,v.jsx)(z.t7,{propName:"lessonID",propType:"number",propDesc:"lesson id number"}),(0,v.jsx)(z.t7,{propName:"courseID",propType:"number",propDesc:" course id number"}),(0,v.jsx)(z.t7,{propName:"shrink",propType:"boolean",propDesc:"if passed, adds shrink-0"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(I.Z,{enabled:S,setEnabled:C,name:"toggle"})})]})}),(0,v.jsx)(z.Lj,{title:"ViewMore.js",children:(0,v.jsxs)(z.wA,{title:"ViewMore",description:"a button to display the more if not full context of a content",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"to",propType:"string",propDesc:"used to navigate within a specific path"}),(0,v.jsx)(z.t7,{propName:"onClick",propType:"Function",propDesc:"Takes in an onclick function"}),(0,v.jsx)(z.t7,{propName:"text",propType:"string",propDesc:"label for the view more button"}),(0,v.jsx)(z.t7,{propName:"addCourse",propType:"boolean",propDesc:"prop used to pass styles if true"}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(F.Z,{text:"View More",onClick:function(){}})})]})}),(0,v.jsx)(z.Lj,{title:"ReturnArrow.js",author:"Wes Nelson",children:(0,v.jsxs)(z.wA,{title:"ReturnArrow",description:"A sticky back arrow that has flexible style props.",hasProps:!0,children:[(0,v.jsx)(z.t7,{propName:"color",propType:"string",propDesc:"TW color"}),(0,v.jsx)(z.t7,{propName:"colorNum",propType:"number",propDesc:"TW color number"}),(0,v.jsx)(z.t7,{propName:"isScrolling",propType:"boolean",propDesc:"if true, the page is scrolling. Hook up useScroll() to this prop."}),(0,v.jsx)(z.t7,{propName:"returnText",propType:"string",propDesc:"Label text for the return arrow."}),(0,v.jsx)(z.t7,{propName:"ariaLabel",propType:"string",propDesc:"Label for the element."}),(0,v.jsx)(z.t7,{propName:"customStyle",propType:"TwStyle",propDesc:"Custom styles, anything goes."}),(0,v.jsx)(z.t7,{propName:"onClick",propType:"e: MouseEvent => void",propDesc:"Function to run onclick."}),(0,v.jsx)(z.t7,{propName:"fade",propType:"boolean",propDesc:"Will make the opacity go from 0-100, giving a fade effect"}),(0,v.jsx)(z.t7,{propName:"scrollStyles",propType:"boolean",propDesc:"Adds custom styling, but only when the page is scrolling."}),(0,v.jsx)(z.Fp,{children:(0,v.jsx)(R.Z,{customStyles:{position:"static"},onClick:function(){},color:"gray",colorNum:900,ariaLabel:"Return"})})]})})]})}var Y=a.Z.div((function(e){return[{height:"auto",width:"100%",paddingLeft:"2.5rem",paddingRight:"2.5rem",paddingTop:"1.25rem",paddingBottom:"1.25rem"},e.customStyle]}))}}]);