@junyiacademy/ui-test 1.6.5 → 1.6.7

package/dist/index.js.umd.js

@@ -0,0 +1,2 @@
+(function(a,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("@mui/material/styles"),require("react/jsx-runtime"),require("react"),require("@mui/material"),require("@mui/icons-material/ArrowRightRounded"),require("@mui/material/MenuItem"),require("@mui/material/FormHelperText"),require("@mui/material/InputBase"),require("@mui/material/InputLabel"),require("@mui/material/OutlinedInput"),require("@mui/material/Input"),require("@mui/material/Button"),require("@mui/material/ButtonGroup"),require("@mui/material/FormControlLabel"),require("@mui/material/Radio"),require("@mui/material/TextField"),require("@mui/material/useMediaQuery"),require("@mui/icons-material/Close"),require("@mui/material/Chip")):typeof define=="function"&&define.amd?define(["exports","@mui/material/styles","react/jsx-runtime","react","@mui/material","@mui/icons-material/ArrowRightRounded","@mui/material/MenuItem","@mui/material/FormHelperText","@mui/material/InputBase","@mui/material/InputLabel","@mui/material/OutlinedInput","@mui/material/Input","@mui/material/Button","@mui/material/ButtonGroup","@mui/material/FormControlLabel","@mui/material/Radio","@mui/material/TextField","@mui/material/useMediaQuery","@mui/icons-material/Close","@mui/material/Chip"],h):(a=typeof globalThis<"u"?globalThis:a||self,h(a.JunyiJUI={},a.styles,a.jsxRuntime,a.React,a.MaterialUI,a.ArrowRightRoundedIcon,a.MenuItem,a.FormHelperText,a.InputBase,a.InputLabel,a.OutlinedInput,a.Input,a.Button$1,a.ButtonGroup$1,a.FormControlLabel,a.Radio$1,a.TextField$1,a.useMediaQuery,a.Close,a.Chip$1))})(this,function(a,h,t,k,r,Z,R,U,V,F,$,b,B,H,E,ee,te,oe,re,Q){"use strict";const w={yellow:{200:"#FFFF99"},blue:{600:"#4990E2"},lightGreen:{400:"#99CC66"}},ne=e=>({components:{MuiLocalizationProvider:{defaultProps:{localeText:{...e}}}}}),_={hours:"小時",minutes:"分鐘",seconds:"秒",meridiem:"子午線"},ae=ne({previousMonth:"上個月",nextMonth:"下個月",openPreviousView:"上一個視圖",openNextView:"下一個視圖",calendarViewSwitchingButtonAriaLabel:e=>e==="year"?"年視圖已打開，切換為日曆視圖":"日曆視圖已打開，切換為年視圖",start:"開始",end:"結束",cancelButtonLabel:"取消",clearButtonLabel:"清除",okButtonLabel:"確認",todayButtonLabel:"今天",nextStepButtonLabel:"下一步",datePickerToolbarTitle:"選擇日期",dateTimePickerToolbarTitle:"選擇日期和時間",timePickerToolbarTitle:"選擇時間",dateRangePickerToolbarTitle:"選擇時間範圍",clockLabelText:(e,o)=>`選擇 ${_[e]}. ${o===null?"未選擇時間":`已選擇${o}`}`,hoursClockNumberText:e=>`${e}小時`,minutesClockNumberText:e=>`${e}分鐘`,secondsClockNumberText:e=>`${e}秒`,selectViewText:e=>`選擇 ${_[e]}`,calendarWeekNumberHeaderLabel:"週數",calendarWeekNumberHeaderText:"#",calendarWeekNumberAriaLabelText:e=>`第${e}週`,calendarWeekNumberText:e=>`${e}`,openDatePickerDialogue:e=>e?`選擇日期，已選擇${e}`:"選擇日期",openTimePickerDialogue:e=>e?`選擇時間，已選擇${e}`:"選擇時間",timeTableLabel:"選擇時間",dateTableLabel:"選擇日期",fieldYearPlaceholder:e=>"Y".repeat(e.digitAmount),fieldMonthPlaceholder:e=>e.contentType==="letter"?"MMMM":"MM",fieldDayPlaceholder:()=>"DD",fieldWeekDayPlaceholder:e=>e.contentType==="letter"?"EEEE":"EE",fieldHoursPlaceholder:()=>"hh",fieldMinutesPlaceholder:()=>"mm",fieldSecondsPlaceholder:()=>"ss",fieldMeridiemPlaceholder:()=>"aa"}),J=h.createTheme(),C=['"Noto Sans TC"',"PingFang",'"Microsoft JhengHei"',"Arial","sans-serif"].join(","),ie=h.createTheme({typography:{fontFamily:C,h1:{fontFamily:C,fontSize:96,lineHeight:"112px"},h2:{fontFamily:C,fontSize:60,lineHeight:1.2},h3:{fontFamily:C,fontSize:48,lineHeight:1.167},h4:{fontFamily:C,fontSize:34,lineHeight:1.235},h5:{fontFamily:C,fontSize:24,lineHeight:1.334},h6:{fontFamily:C,fontSize:20,lineHeight:1.6},subtitle1:{fontFamily:C,fontSize:16,lineHeight:1.75},subtitle2:{fontFamily:C,fontSize:14,lineHeight:1.57},body1:{fontFamily:C,fontSize:16,lineHeight:1.5},body2:{fontFamily:C,fontSize:14,lineHeight:1.43},button:{fontFamily:C},caption:{fontFamily:C,fontSize:12,lineHeight:1.66},overline:{fontFamily:C,fontSize:12,lineHeight:2.66}},palette:{primary:{light:"#82C0FF",main:w.blue[600],dark:"#0063B0"},secondary:{light:"#FFD759",main:"#F5A623",dark:"#BD7700",contrastText:"#FFFFFF"},cancel:{main:"#C4C4C4",contrastText:"#FFFFFF"},primaryGreen:{light:"#9DD49E",main:"#5CB85D",dark:"#218838",contrastText:"#FFFFFF"},blueGreen:{main:"#19A696",contrastText:"#FFFFFF"},grassGreen:J.palette.augmentColor({color:{main:"#80BB5A",contrastText:"#FFFFFF"}}),darkOrange:J.palette.augmentColor({color:{main:"#D55704",contrastText:"#FFFFFF"}}),progressPrimary:{main:w.blue[600],dark:w.blue[600],light:"#FFFFFF",contrastText:"#FFFFFF"},progressUpgraded:{main:"#EEEEEE",light:"#FFF",dark:"#D4D4D4",contrastText:"#000000DE"},progressUnstarted:{main:"#EEEEEE",light:"#FFF",dark:"#D4D4D4",contrastText:"#000000DE"},progressStart:{main:"#BEDEFF",light:"#FFFFFF",dark:"#ABC8E5",contrastText:"#000000DE"},progressLevel1:{main:"#82C0FF",light:"#FFFFFF",dark:"#75ADE5",contrastText:"#000000DE"},progressLevel2:{main:w.blue[600],light:"#FFFFFF",dark:"#4180C9",contrastText:"#FFFFFF"},progressLevel3:{main:"#0063B0",light:"#FFFFFF",dark:"#005596",contrastText:"#FFFFFF"},progressFinished:{main:"#05396B",light:"#FFFFFF",dark:"#042B52",contrastText:"#FFFFFF"},progressStruggle:{main:"#C62828",light:"#FFFFFF",dark:"#AD2323",contrastText:"#FFFFFF"},text:{secondary:"rgba(0, 0, 0, 0.54)",disabled:"rgba(0, 0, 0, 0.38)"}},components:{MuiCssBaseline:{styleOverrides:{body:{color:"rgba(0, 0, 0, 0.6)",lineHeight:"1.2",WebkitFontSmoothing:"auto","& .swal2-container":{zIndex:1350},button:{fontFamily:C}},"ol, ul":{listStyle:"none"},"h1, h2, h3, h4, h5, h6, p":{color:"rgba(0, 0, 0, 0.87)",margin:0,padding:0,border:0},a:{color:w.blue[600],textDecoration:"none",cursor:"pointer"},"a:hover, a:focus":{color:"#0063b0"}}},MuiButton:{styleOverrides:{sizeSmall:{fontSize:12,fontWeight:500,lineHeight:"22px"},sizeMedium:{fontSize:14,fontWeight:500,lineHeight:"24px"},sizeLarge:{fontSize:15,fontWeight:500,lineHeight:"26px"}}}}},ae),z=k.forwardRef((e,o)=>{const{children:n,value:s="",...f}=e,{sx:i,...p}=f;return t.jsx(r.MenuItem,{ref:o,sx:[u=>({whiteSpace:"unset",color:u.palette.text.primary,[`&.${R.menuItemClasses.selected}`]:{backgroundColor:u.palette.grey[300],"&:hover":{backgroundColor:u.palette.grey[200]}}}),...Array.isArray(i)?i:[i]],value:s,...p,children:n})});z.displayName="SelectMenuItem";const se=h.styled(r.InputLabel,{shouldForwardProp:e=>e!=="color"})(({color:e="primary",theme:o})=>({color:o.palette.text.secondary,[`&.${F.inputLabelClasses.outlined}`]:{[`&:not(.${F.inputLabelClasses.disabled}) .${F.inputLabelClasses.focused}`]:{color:o.palette.action.active},[`&.${F.inputLabelClasses.sizeSmall}:not(.${F.inputLabelClasses.shrink})`]:{transform:"translate(12px, 12px) scale(1)"}},[`&.${F.inputLabelClasses.shrink}:not(.${F.inputLabelClasses.error}):not(.${F.inputLabelClasses.disabled}).${F.inputLabelClasses.focused}`]:{color:o.palette[e].main},[`&.${F.inputLabelClasses.shrink}`]:{backgroundColor:"#ffffff",padding:"0 2px"}})),le=h.styled(r.OutlinedInput)(({theme:e})=>({[`&.${$.outlinedInputClasses.root}`]:{[`&.${$.outlinedInputClasses.error}.${$.outlinedInputClasses.focused} .${$.outlinedInputClasses.notchedOutline}`]:{borderColor:`${e.palette.error.main}`},[`&.${V.inputBaseClasses.sizeSmall} > .${V.inputBaseClasses.input}`]:{padding:"12.5px 15px 12.5px 12px"}},[`& .${$.outlinedInputClasses.input}`]:{color:e.palette.text.primary,"&:focus":{background:"rgba(0,0,0,0)"}}})),de=({label:e,helperText:o,FormControlProps:n={},InputLabelProps:s={},InputProps:f={},SelectProps:i={},MenuProps:p={},FormHelperTextProps:u={},className:x,children:l,color:g="primary",size:c="small",paperMaxHeight:m="auto",error:d=!1,hasLabel:y=!0,hasShrink:S=!1,value:M="",disabled:P=!1})=>{const q=!!o,{sx:A=[],...O}=n,{sx:T=[],...j}=u;return t.jsxs(r.FormControl,{sx:[G=>({backgroundColor:"white","&:hover":{[`& :not(.${$.outlinedInputClasses.disabled}):not(.${$.outlinedInputClasses.error}) .${$.outlinedInputClasses.notchedOutline}`]:{borderColor:G.palette[g].main}}}),...Array.isArray(A)?A:[A]],size:c,disabled:P,error:d,color:g,className:x,...O,children:[y&&t.jsx(se,{color:g,shrink:S?!0:void 0,...s,children:e}),t.jsx(r.Select,{value:M,label:y?e:void 0,MenuProps:{PaperProps:{sx:{maxHeight:m}},disableAutoFocusItem:!0,anchorOrigin:{vertical:2,horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},...p},input:t.jsx(le,{color:g,label:y?e:void 0,disabled:P,...f}),...i,children:l}),q&&t.jsx(r.FormHelperText,{sx:[{[`&.${U.formHelperTextClasses.root}`]:{marginLeft:0}},...Array.isArray(T)?T:[T]],...j,children:o})]})},pe=h.styled(r.InputLabel,{shouldForwardProp:e=>e!=="color"})(({color:e="primary",theme:o})=>({[`&.${F.inputLabelClasses.root}`]:{color:o.palette.text.disabled},[`&.${F.inputLabelClasses.focused}`]:{color:o.palette[e].main},[`&.${F.inputLabelClasses.error}`]:{color:o.palette.error.main}})),ce=h.styled(r.Input,{shouldForwardProp:e=>e!=="color"})(({color:e="primary",theme:o})=>({color:o.palette.text.primary,[`& .${b.inputClasses.input}`]:{"&:focus":{background:"rgba(0,0,0,0)"}},[`&.${b.inputClasses.underline}:not(.${b.inputClasses.disabled}):not(.${b.inputClasses.error})`]:{"&:after,&:hover:before":{borderBottomColor:o.palette[e].main}},[`&.${b.inputClasses.underline}.${b.inputClasses.error}:not(.${b.inputClasses.disabled})`]:{"&:after,&:hover:before":{borderBottomColor:o.palette.error.main}}})),ue=({label:e,helperText:o,FormControlProps:n={},InputLabelProps:s={},InputProps:f={},SelectProps:i={},FormHelperTextProps:p={},className:u,children:x,color:l="primary",size:g="small",paperMaxHeight:c="auto",error:m=!1,hasLabel:d=!0,hasShrink:y=!1,value:S="",disabled:M=!1})=>{const P=!!o;return t.jsxs(r.FormControl,{variant:"standard",color:l,size:g,disabled:M,error:m,className:u,...n,children:[t.jsx(pe,{color:l,shrink:y?!0:void 0,...s,children:d?e:void 0}),t.jsx(r.Select,{value:S,MenuProps:{PaperProps:{sx:{maxHeight:c}},anchorOrigin:{vertical:2,horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"}},input:t.jsx(ce,{color:l,...f}),...i,children:x}),P&&t.jsx(r.FormHelperText,{...p,children:o})]})},D=({variant:e,...o})=>e==="outlined"?t.jsx(de,{...o}):t.jsx(ue,{...o}),N="請選擇",W="option-for-reset",he="",xe=(e,o,n)=>{const s=n&&e===0?W:he;return o?.[e+1]||s},ge=({topicList:e,onTopicSelected:o,hasArrow:n,selectedTopicIds:s,onResetClick:f=()=>{},hasResetOption:i=!1})=>{const p=r.useMediaQuery(g=>g.breakpoints.up("md")),[u,x]=k.useState([]),l=(g,c)=>{if(g.target.value===W){f();return}o(g.target.value,{layerNumber:c}),x(m=>[...m.slice(0,c+1),!1])};return t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap"},children:e.map((g,c)=>{const m=u[c]||!s[c+1];return g.isError?null:t.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",width:p?void 0:"100%"},children:[n&&c!==0&&t.jsx(Z,{sx:d=>({margin:d.spacing(-1,-1.5),fontSize:d.spacing(7),color:"#444"}),fontSize:"large","data-testid":"topic-filter-arrow"}),g.isLoading?t.jsx(D,{variant:"outlined",size:"small",label:"載入資料中...",disabled:!0,FormControlProps:{sx:d=>({width:p?220:"100%",margin:d.spacing(1)})}}):t.jsxs(D,{variant:"outlined",size:"small",label:N,paperMaxHeight:412,hasLabel:m,value:xe(c,s,i),SelectProps:{"data-testid":`layered-topic-${c}`},InputProps:{inputProps:{"aria-label":`layered-topic-${c}`},onChange:d=>{l(d,c)},onFocus:()=>{x(d=>{const y=[...d];return y[c]=!0,y})},onBlur:()=>{x(d=>{const y=[...d];return y[c]=!1,y})}},FormControlProps:{sx:d=>({width:p?220:"100%",margin:d.spacing(1)})},children:[t.jsx(z,{disabled:!0,value:"",children:N}),i&&c===0&&t.jsx(z,{value:W,children:"所有科目"}),g.data.children.map(d=>t.jsx(z,{value:d.id,"data-testid":`layered-menuitem-${c}`,"data-is-content-topic":d.hasContentChild,children:d.title},d.id))]})]},c)})})};function v(e){return`${e.charAt(0).toUpperCase()}${e.slice(1)}`}const L=k.forwardRef((e,o)=>{const{children:n,...s}=e;return t.jsx(r.Button,{ref:o,...s,children:n})});L.displayName="Button";const fe=h.styled(L,{shouldForwardProp:e=>e!=="active"})(({theme:e,active:o,color:n="primary"})=>({[`&.${B.buttonClasses.outlined}${v(n)}`]:{backgroundColor:o?e.palette[n].main:e.palette.common.white,color:o?e.palette.common.white:e.palette[n].main,borderColor:e.palette[n].main,"&:hover":{backgroundColor:o?e.palette[n].main:h.alpha(e.palette[n].main,.1)},[`&.${B.buttonClasses.disabled}`]:{backgroundColor:e.palette.common.white,borderColor:e.palette.action.disabledBackground,color:e.palette.action.disabled}},[`&.${B.buttonClasses.text}${v(n)}`]:{"&:hover":{backgroundColor:h.alpha(e.palette[n].main,.1)}}})),Fe=h.styled(r.Button)(({theme:e,color:o="primary",loading:n})=>({[`&.${B.buttonClasses.outlined}${v(o)}`]:{borderColor:!n&&e.palette[o].main,"&:hover":{backgroundColor:h.alpha(e.palette[o].main,.1)},[`&.${B.buttonClasses.disabled}`]:{backgroundColor:!n&&e.palette.common.white,borderColor:!n&&e.palette.action.disabledBackground,color:!n&&e.palette.action.disabled}},[`&.${B.buttonClasses.text}${v(o)}`]:{"&:hover":{backgroundColor:h.alpha(e.palette[o].main,.1)}}})),me=({children:e,...o})=>t.jsx(Fe,{...o,children:t.jsx("span",{children:e})}),Y=k.forwardRef((e,o)=>{const{children:n,...s}=e;return t.jsx(r.ButtonGroup,{ref:o,...s,children:n})});Y.displayName="ButtonGroup";const be=h.styled(Y)(({color:e="primary",theme:o})=>({[`&.${H.buttonGroupClasses.outlined} > .${H.buttonGroupClasses.grouped}${v(e)}.${H.buttonGroupClasses.grouped}.${H.buttonGroupClasses.disabled}`]:{borderColor:h.alpha(o.palette[e].main,.5),color:h.alpha(o.palette[e].main,.5)}})),Ce=h.styled(r.FormControlLabel)(({theme:e})=>({[`& .${E.formControlLabelClasses.label}`]:{color:e.palette.text.secondary,[`&.${E.formControlLabelClasses.disabled}`]:{color:e.palette.text.disabled}},[`& .${ee.radioClasses.checked} + .${E.formControlLabelClasses.label}`]:{color:e.palette.text.primary}})),ye=({checked:e,disabled:o,label:n,labelPlacement:s,value:f,FormControlLabelProps:i={},RadioProps:p={},TypographyProps:u={},color:x="secondary",size:l="medium",caption:g=""})=>{const{sx:c=[],...m}=p,{sx:d=[],...y}=u;return t.jsxs(t.Fragment,{children:[t.jsx(Ce,{control:t.jsx(r.Radio,{sx:[S=>({color:S.palette.text.primary}),...Array.isArray(c)?c:[c]],color:x,size:l,...m}),checked:e,disabled:o,label:n,labelPlacement:s,value:f,...i}),g&&t.jsx(r.Typography,{sx:[S=>({color:S.palette.text.disabled,margin:"0 0 0 30px"}),...Array.isArray(d)?d:[d]],variant:"body2",...y,children:g})]})},$e=h.styled(r.TextField)(({label:e,color:o="primary",theme:n})=>({[`& .${F.inputLabelClasses.error}`]:{[`&:not(.${F.inputLabelClasses.shrink})`]:{color:n.palette.text.secondary},[`&.${F.inputLabelClasses.disabled}`]:{color:n.palette.text.disabled}},[`& .${F.inputLabelClasses.error}.${F.inputLabelClasses.focused}`]:{color:n.palette.error.main},[`& .${b.inputClasses.underline}:not(.${b.inputClasses.disabled})`]:{[`&.MuiInputBase-color${v(o)}:hover:before`]:{borderColor:n.palette[o].main}},[`& .${b.inputClasses.disabled} .${$.outlinedInputClasses.notchedOutline}`]:{borderStyle:"dotted"},[`& .${b.inputClasses.error}.${b.inputClasses.focused} .${$.outlinedInputClasses.notchedOutline}`]:{borderColor:n.palette.error.main},[`&.${te.textFieldClasses.root} :not(.${b.inputClasses.disabled}):not(.${b.inputClasses.error})`]:{[`&.MuiInputBase-color${v(o)}:hover .${$.outlinedInputClasses.notchedOutline}`]:{borderColor:n.palette[o].main}},[`& .${$.outlinedInputClasses.notchedOutline}`]:{"& > legend":{maxWidth:e===""&&0}}})),Te=e=>{const{slotProps:o={},...n}=e,{inputLabel:s={},input:f={},formHelperText:i={},...p}=o,u=!!("endAdornment"in f&&f?.endAdornment);return t.jsx($e,{slotProps:{inputLabel:{shrink:u?!0:void 0,...s},input:f,formHelperText:{...i,sx:[x=>({[`&.${U.formHelperTextClasses.root}`]:{marginLeft:0,[`&.${b.inputClasses.error}`]:{color:x.palette.error.main}}})]},...p},...n})},K=k.forwardRef((e,o)=>{const{title:n,content:s,imageUrl:f,confirmButtonProps:i,cancelButtonProps:p,closeButtonProps:u,context:x}=e;return t.jsxs(r.Card,{ref:o,sx:l=>({zIndex:"10000",backgroundColor:"white",borderRadius:"10px",boxShadow:"4px 6px 20px 0px #00000040",padding:0,width:"400px",[l.breakpoints.up(1024)]:{position:"fixed",left:"64px",bottom:"50px"},[l.breakpoints.down(451)]:{width:"80%"}}),children:[t.jsx(r.CardHeader,{sx:l=>({padding:l.spacing(u?1:2,2,0)}),action:u&&t.jsx(r.IconButton,{onClick:()=>{u instanceof Object&&u?.onClick?u.onClick(x):x.close()},children:t.jsx(re,{})})}),f&&t.jsx(r.CardMedia,{sx:l=>({padding:l.spacing(1,2)}),children:t.jsxs(r.Box,{sx:l=>({display:"flex",flexDirection:"column",gap:l.spacing(1)}),children:[t.jsx(r.Box,{component:"img",sx:{textAlign:"center",width:"100%",height:"100%",border:"0.5px solid #D2D2D2",borderRadius:"8px"},src:f}),t.jsx(r.Divider,{})]})}),t.jsxs(r.CardContent,{sx:l=>({padding:l.spacing(0,2),gap:l.spacing(1),display:"flex",flexDirection:"column"}),children:[t.jsxs(r.Box,{sx:l=>({gap:l.spacing(1),display:"flex"}),children:[t.jsx(r.Box,{component:"img",alt:"title icon",src:"https://www.junyiacademy.org/images/exam/title_icon.svg"}),t.jsx(r.Box,{children:t.jsx(r.Typography,{sx:{fontSize:"21px"},children:n})})]}),t.jsx(r.Typography,{sx:{color:"#b5b5b5",fontSize:"18px"},children:s})]}),t.jsxs(r.CardActions,{sx:l=>({padding:l.spacing(1,1,3,1),display:"flex",justifyContent:"center",gap:l.spacing(2)}),children:[p&&t.jsx(L,{color:"cancel",variant:p?.variant??"contained",size:p?.size??"large",onClick:()=>{p?.onClick&&p.onClick(x)},children:p.title||"取消"}),i&&t.jsx(L,{variant:i?.variant??"contained",size:i?.size??"large",onClick:()=>{i?.onClick&&i.onClick(x)},children:i.title||"確定"})]})]})});K.displayName="TutorialStep";const Se=({steps:e=[],initialStep:o=0,onClose:n})=>{const[s,f]=k.useState(o),i=oe(m=>m.breakpoints.up(1024)),[p,u]=k.useState(!0),x=e[s],g={...x,context:{close:()=>{u(!1),n&&n()},goToStep:m=>{f(m)},currentStep:s,currentStepProps:x}};return(m=>i?t.jsx(r.Slide,{in:p,direction:"up",mountOnEnter:!0,unmountOnExit:!0,children:m}):t.jsx(r.Modal,{open:p,sx:{display:"flex",alignItems:"center",justifyContent:"center",outline:0},children:t.jsx(r.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",outline:0},children:m})}))(t.jsx(K,{...g}))},X=({color:e="progressUpgraded",checked:o=!1,...n})=>{const{sx:s=[],...f}=n;return t.jsx(r.Chip,{variant:"outlined",sx:[i=>({...o?{backgroundColor:i.palette[e].main,color:i.palette[e].contrastText,".MuiChip-icon":{color:i.palette[e].contrastText}}:{backgroundColor:i.palette[e].light,color:i.palette.text.primary},[`&.${Q.chipClasses.clickable}:hover`]:{backgroundColor:i.palette[e].dark,color:i.palette[e].contrastText},[`&.${Q.chipClasses.clickable}:hover > .MuiChip-icon`]:{color:i.palette[e].contrastText}}),...Array.isArray(s)?s:[s]],...f})},ke=h.styled(r.Popper)(({theme:e})=>({zIndex:1e3,"& > div":{position:"relative"},'&[data-popper-placement*="bottom"]':{"& > div":{marginTop:6},"& .MuiPopper-arrow":{top:0,left:0,marginTop:"-0.9em",width:"3em",height:"1em","&::after":{borderWidth:"0 1em 1em 1em",borderColor:`transparent transparent ${e.palette.common.white} transparent`,top:1},"&::before":{borderWidth:"0 1em 1em 1em",borderColor:"transparent transparent rgba(0, 0, 0, 0.4) transparent",top:6}}},'&[data-popper-placement*="top"]':{"& > div":{marginBottom:6},"& .MuiPopper-arrow":{bottom:0,left:0,marginBottom:"-0.9em",width:"3em",height:"1em","&::after":{borderWidth:"6px 6px 0 6px",borderColor:`${e.palette.common.white} transparent transparent transparent`,bottom:14},"&::before":{borderWidth:"7px 7px 0 7px",borderColor:"rgba(0, 0, 0, 0.4) transparent transparent transparent",bottom:6}}},'&[data-popper-placement*="right"]':{"& > div":{marginLeft:6},"& .MuiPopper-arrow":{left:6,marginLeft:"-0.9em",height:"3em",width:"1em","&::after":{borderWidth:"6px 6px 6px 0",borderColor:`transparent ${e.palette.common.white} transparent transparent`,top:-13,left:1},"&::before":{borderWidth:"7px 7px 7px 0",borderColor:"transparent rgba(0, 0, 0, 0.4) transparent transparent"}}},'&[data-popper-placement*="left"]':{"& > div":{marginRight:6},"& .MuiPopper-arrow":{right:6,marginRight:"-0.9em",height:"3em",width:"1em","&::after":{borderWidth:"6px 0 6px 6px",borderColor:`transparent transparent transparent ${e.palette.common.white}`,top:-13,right:1},"&::before":{borderWidth:"7px 0 7px 7px",borderColor:"transparent transparent transparent rgba(0, 0, 0, 0.4)"}}}})),ve=h.styled("div")(({hasBorder:e})=>({position:"absolute",fontSize:7,width:"3em",height:"3em",zIndex:1,"&::after":{position:"relative",content:'""',margin:"auto",display:"block",width:0,height:0,borderStyle:"solid",zIndex:2},"&::before":{position:"relative",content:'""',margin:"auto",display:"block",visibility:e?"visible":"hidden",width:0,height:0,borderStyle:"solid"}})),I=h.styled(L)({minWidth:"49px"}),Be=({anchorEl:e,arrow:o,placement:n="right",hasBorder:s=!0,content:f="",helperText:i,chipLabel:p,TopLeftButtonProps:u,TopRightButtonProps:x,BottomRightButtonProps:l,ChipProps:g,PopperProps:c={}})=>{const[m,d]=k.useState(null),{title:y,...S}=u||{},{title:M,...P}=x||{},{title:q,...A}=l||{},O=!!e;return t.jsxs(ke,{"data-testid":"info-popover",open:O,anchorEl:e,placement:n,disablePortal:!0,modifiers:[{name:"flip",enabled:!0,options:{altBoundary:!0,rootBoundary:"document",padding:8}},{name:"preventOverflow",enabled:!0,options:{altAxis:!1,altBoundary:!0,tether:!0,rootBoundary:"document",padding:8}},{name:"arrow",enabled:o,options:{element:m,padding:10}}],sx:{maxWidth:194,width:"100%"},...c,children:[o?t.jsx(ve,{"data-testid":"info-popover-arrow",ref:d,className:"MuiPopper-arrow",hasBorder:s}):null,t.jsx(r.Box,{"data-testid":"info-popover-paper",sx:T=>({padding:2,backgroundColor:T.palette.background.paper,borderRadius:"4px",border:s?"1px solid rgba(0, 0, 0, 0.4)":null,overflow:"auto",boxShadow:T.shadows[2]}),children:t.jsxs(r.Box,{sx:{maxWidth:194},children:[t.jsx(r.Typography,{variant:"body1",sx:{width:"100%","&:not(:last-child)":{marginBottom:1}},children:f}),p&&g&&t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"center","&:not(:last-child)":{marginBottom:1}},children:[t.jsx(r.Typography,{variant:"body2",children:p}),t.jsx(X,{...g,sx:{border:0}})]}),i&&t.jsx(r.Box,{sx:T=>({width:"100%",padding:T.spacing(1,0),"&:not(:last-child)":{marginBottom:1}}),children:i.split(`
+`).map((T,j)=>t.jsx(r.Typography,{variant:"body2",sx:G=>({color:G.palette.text.secondary,textAlign:"right"}),children:T},`helper-text-${j}`))}),(x||u)&&t.jsxs(r.Box,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"center","&:not(:last-child)":{marginBottom:1}},children:[u&&t.jsx(r.Box,{sx:{display:"flex"},children:t.jsx(I,{"data-testid":"info-popover-top-left-button",variant:"contained",size:"medium",color:"primary",...S,children:y})}),x&&t.jsx(r.Box,{sx:{display:"flex",marginLeft:1},children:t.jsx(I,{"data-testid":"info-popover-top-right-button",variant:"contained",size:"medium",color:"primary",...P,children:M})})]}),l&&t.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-end",alignItems:"center","&:not(:last-child)":{marginBottom:1}},children:t.jsx(I,{"data-testid":"info-popover-bottom-left-button",variant:"contained",size:"medium",color:"primary",...A,children:q})})]})})]})};a.Button=fe,a.ButtonGroup=be,a.Chip=X,a.InfoPopover=Be,a.LoadingButton=me,a.Radio=ye,a.Select=D,a.SelectMenuItem=z,a.TextField=Te,a.TopicFilter=ge,a.Tutorial=Se,a.colors=w,a.theme=ie,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});

package/dist/shared-utils/src/hooks/topic-filter/useGetTopicList.d.ts

@@ -0,0 +1,14 @@
+import { SubTree } from '../../models/topic-tree/SubTree';
+export declare const getTopicKey = "getTopicData";
+interface GetTopicListArgument {
+    topicIds: string[];
+    selectFunc: (topic: SubTree) => SubTree;
+}
+export declare const useGetTopicList: ({ topicIds, selectFunc, }: GetTopicListArgument) => {
+    data: any;
+    isLoading: boolean;
+    isSuccess: boolean;
+    isError: boolean;
+}[];
+export default useGetTopicList;
+export type QueryTopicInfo = ReturnType<typeof useGetTopicList>;

package/dist/shared-utils/src/models/index.d.ts

@@ -0,0 +1,2 @@
+export type { SubTree } from './topic-tree/SubTree';
+export type { UserProfile } from './user/UserProfile';

package/dist/shared-utils/src/models/topic-tree/SubTree.d.ts

@@ -0,0 +1,5 @@
+import { TopicBase } from './Topic';
+export interface SubTree extends TopicBase {
+    children: SubTree[];
+}
+export declare function formatRespSubTree(json: SubTree): SubTree | null;

package/dist/shared-utils/src/models/topic-tree/Topic.d.ts

@@ -0,0 +1,10 @@
+export declare enum TopicType {
+    Section = "topic"
+}
+export interface TopicBase {
+    id: string;
+    title: string;
+    href: string;
+    hasContentChild: boolean;
+    tags: string[];
+}

package/dist/shared-utils/src/models/user/UserProfile.d.ts

@@ -0,0 +1,92 @@
+import { type InferOutput } from 'valibot';
+export declare enum UserRole {
+    Student = "student",
+    Teacher = "teacher",
+    Parent = "parent",
+    Others = "others",
+    Unknown = ""
+}
+export declare const userRoleMap: {
+    student: string;
+    teacher: string;
+    parent: string;
+    others: string;
+    "": string;
+};
+declare const AuthDataSchema: import("valibot").ObjectSchema<{
+    readonly isLogin: import("valibot").BooleanSchema<undefined>;
+    readonly isPhantom: import("valibot").BooleanSchema<undefined>;
+}, undefined>;
+declare const IdentityDataSchema: import("valibot").ObjectSchema<{
+    readonly nickname: import("valibot").StringSchema<undefined>;
+    readonly username: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly schoolName: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly email: import("valibot").StringSchema<undefined>;
+    readonly contactEmail: import("valibot").OptionalSchema<import("valibot").NullableSchema<import("valibot").StringSchema<undefined>, undefined>, undefined>;
+    readonly backupEmails: import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly profileRoot: import("valibot").StringSchema<undefined>;
+    readonly userId: import("valibot").StringSchema<undefined>;
+    readonly userKey: import("valibot").StringSchema<undefined>;
+    readonly hasCredential: import("valibot").BooleanSchema<undefined>;
+    readonly hashedId: import("valibot").StringSchema<undefined>;
+}, undefined>;
+declare const KindDataSchema: import("valibot").ObjectSchema<{
+    readonly userRole: import("valibot").EnumSchema<typeof UserRole, undefined>;
+    readonly isChildAccount: import("valibot").BooleanSchema<undefined>;
+    readonly isCoach: import("valibot").BooleanSchema<undefined>;
+    readonly isLecturer: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
+}, undefined>;
+declare const AchievementDataSchema: import("valibot").ObjectSchema<{
+    readonly avatar: import("valibot").ObjectSchema<{
+        readonly avatarType: import("valibot").StringSchema<undefined>;
+        readonly displayName: import("valibot").StringSchema<undefined>;
+        readonly imageSrc: import("valibot").StringSchema<undefined>;
+        readonly minRate: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
+        readonly minPoints: import("valibot").OptionalSchema<import("valibot").SchemaWithPipe<readonly [import("valibot").NumberSchema<undefined>, import("valibot").IntegerAction<number, undefined>]>, undefined>;
+        readonly name: import("valibot").StringSchema<undefined>;
+    }, undefined>;
+    readonly points: import("valibot").SchemaWithPipe<readonly [import("valibot").NumberSchema<undefined>, import("valibot").IntegerAction<number, undefined>]>;
+    readonly proficientExercises: import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly totalProblemsCorrect: import("valibot").NumberSchema<undefined>;
+    readonly lastActivity: import("valibot").NullableSchema<import("valibot").StringSchema<undefined>, undefined>;
+}, undefined>;
+declare const UserProfileDataSchema: import("valibot").ObjectSchema<{
+    readonly avatar: import("valibot").ObjectSchema<{
+        readonly avatarType: import("valibot").StringSchema<undefined>;
+        readonly displayName: import("valibot").StringSchema<undefined>;
+        readonly imageSrc: import("valibot").StringSchema<undefined>;
+        readonly minRate: import("valibot").OptionalSchema<import("valibot").NumberSchema<undefined>, undefined>;
+        readonly minPoints: import("valibot").OptionalSchema<import("valibot").SchemaWithPipe<readonly [import("valibot").NumberSchema<undefined>, import("valibot").IntegerAction<number, undefined>]>, undefined>;
+        readonly name: import("valibot").StringSchema<undefined>;
+    }, undefined>;
+    readonly points: import("valibot").SchemaWithPipe<readonly [import("valibot").NumberSchema<undefined>, import("valibot").IntegerAction<number, undefined>]>;
+    readonly proficientExercises: import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly totalProblemsCorrect: import("valibot").NumberSchema<undefined>;
+    readonly lastActivity: import("valibot").NullableSchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly userRole: import("valibot").EnumSchema<typeof UserRole, undefined>;
+    readonly isChildAccount: import("valibot").BooleanSchema<undefined>;
+    readonly isCoach: import("valibot").BooleanSchema<undefined>;
+    readonly isLecturer: import("valibot").OptionalSchema<import("valibot").BooleanSchema<undefined>, undefined>;
+    readonly nickname: import("valibot").StringSchema<undefined>;
+    readonly username: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly schoolName: import("valibot").OptionalSchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly email: import("valibot").StringSchema<undefined>;
+    readonly contactEmail: import("valibot").OptionalSchema<import("valibot").NullableSchema<import("valibot").StringSchema<undefined>, undefined>, undefined>;
+    readonly backupEmails: import("valibot").ArraySchema<import("valibot").StringSchema<undefined>, undefined>;
+    readonly profileRoot: import("valibot").StringSchema<undefined>;
+    readonly userId: import("valibot").StringSchema<undefined>;
+    readonly userKey: import("valibot").StringSchema<undefined>;
+    readonly hasCredential: import("valibot").BooleanSchema<undefined>;
+    readonly hashedId: import("valibot").StringSchema<undefined>;
+    readonly isLogin: import("valibot").BooleanSchema<undefined>;
+    readonly isPhantom: import("valibot").BooleanSchema<undefined>;
+}, undefined>;
+export type UserProfileData = InferOutput<typeof UserProfileDataSchema>;
+export interface UserProfile {
+    auth: InferOutput<typeof AuthDataSchema>;
+    identity: InferOutput<typeof IdentityDataSchema>;
+    kind: InferOutput<typeof KindDataSchema>;
+    achievement: InferOutput<typeof AchievementDataSchema>;
+}
+export declare function formatRespUserProfile(json: unknown): UserProfile | null;
+export {};

package/dist/shared-utils/src/utils/axios.d.ts

@@ -0,0 +1,2 @@
+import axios from 'axios';
+export default axios;

package/dist/shared-utils/src/utils/getCsrfToken.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns a value for the X-KA-FKey header used in CSRF protection.
+ *
+ * Note: The backend only checks for the presence of this header,
+ * not its value. Any non-empty string is valid.
+ */
+export declare function getCsrfToken(): string;

package/dist/{index.d.ts → ui/src/index.d.ts}

@@ -1,7 +1,14 @@
+export { default as theme } from './styles/theme';
+export { colors } from './styles/colors';
+export type { ProgressColor } from './styles/theme';
 export { default as TopicFilter } from './lib/topic-filter/TopicFilter';
 export { default as SelectMenuItem } from './lib/menu-item/SelectMenuItem';
 export { default as Button } from './lib/button/Button';
+export { default as LoadingButton } from './lib/button/LoadingButton';
 export { default as ButtonGroup } from './lib/button-group/ButtonGroup';
 export { default as Radio } from './lib/radio/Radio';
 export { default as TextField } from './lib/text-field/TextField';
 export { default as Select } from './lib/select/Select';
+export { default as Tutorial } from './lib/tutorial/Tutorial';
+export { default as Chip } from './lib/chip/Chip';
+export { default as InfoPopover } from './lib/Info-Popover/InfoPopover';

package/dist/{interfaces → ui/src/interfaces}/index.d.ts

@@ -1,13 +1,5 @@
 import { ChangeEvent } from 'react';
-import { SelectProps as MuiSelectProp, InputProps as MuiInputProps, FormControlProps as MuiFormControlProps, InputLabelProps as MuiInputLabelProps, OutlinedInputProps, FormHelperTextProps as MuiFormHelperTextProps } from '@mui/material';
-export interface ITopicTreeNode {
-    childTopics: ITopicTreeNode[];
-    id: string;
-    isContentTopic: boolean;
-    key: string;
-    tags: string[];
-    title: string;
-}
+import { FormControlProps as MuiFormControlProps, FormHelperTextProps as MuiFormHelperTextProps, InputLabelProps as MuiInputLabelProps, InputProps as MuiInputProps, BaseSelectProps as MuiSelectProp, OutlinedInputProps } from '@mui/material';
 export interface SelectProps extends MuiSelectProp {
     helperText?: string;
     FormControlProps?: Partial<MuiFormControlProps>;

package/dist/ui/src/lib/Info-Popover/InfoPopover.d.ts

@@ -0,0 +1,20 @@
+import { PopperProps as MuiPopperProps } from '@mui/material';
+import { ButtonProps } from '../button/Button';
+import { ChipProps } from '../chip/Chip';
+export interface PopperButtonProps extends ButtonProps {
+    title?: string;
+}
+export interface InfoPopoverProps extends Pick<MuiPopperProps, 'anchorEl' | 'placement'> {
+    arrow?: boolean;
+    hasBorder?: boolean;
+    content?: string;
+    helperText?: string;
+    chipLabel?: string;
+    ChipProps?: ChipProps;
+    TopRightButtonProps?: PopperButtonProps;
+    TopLeftButtonProps?: PopperButtonProps;
+    BottomRightButtonProps?: PopperButtonProps;
+    PopperProps?: Partial<MuiPopperProps>;
+}
+export declare const InfoPopover: ({ anchorEl, arrow, placement, hasBorder, content, helperText, chipLabel, TopLeftButtonProps, TopRightButtonProps, BottomRightButtonProps, ChipProps, PopperProps, }: InfoPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export default InfoPopover;

package/dist/ui/src/lib/MUI/Alert/Alert.d.ts

@@ -0,0 +1,3 @@
+import { AlertProps as MuiAlertProps } from '@mui/material';
+export type AlertProps = Pick<MuiAlertProps, 'children' | 'color' | 'severity' | 'variant'>;
+export declare const Alert: ({ ...props }: AlertProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Avatar/Avatar.d.ts

@@ -0,0 +1,3 @@
+import { AvatarProps as MuiAvatarProps } from '@mui/material';
+export type AvatarProps = Pick<MuiAvatarProps, 'src' | 'variant' | 'sx'>;
+export declare const Avatar: ({ ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import { BadgeProps as MuiBadgeProps } from '@mui/material';
+export type BadgeProps = Pick<MuiBadgeProps, 'children' | 'anchorOrigin' | 'badgeContent' | 'color' | 'invisible' | 'max' | 'overlap' | 'showZero' | 'variant'>;
+export declare const Badge: ({ ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxProps as MuiCheckboxProps } from '@mui/material';
+export type CheckboxProps = Pick<MuiCheckboxProps, 'color' | 'disabled' | 'disableRipple' | 'size'>;
+export declare const Checkbox: ({ ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Chip/Chip.d.ts

@@ -0,0 +1,3 @@
+import { ChipProps as MuiChipProps } from '@mui/material';
+export type ChipProps = Pick<MuiChipProps, 'avatar' | 'clickable' | 'color' | 'disabled' | 'icon' | 'label' | 'onDelete' | 'size' | 'variant'>;
+export declare const Chip: ({ ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,3 @@
+import { CircularProgressProps as MuiCircularProgressProps } from '@mui/material';
+export type CircularProgressProps = Pick<MuiCircularProgressProps, 'color' | 'disableShrink' | 'size' | 'thickness' | 'value' | 'variant'>;
+export declare const CircularProgress: ({ ...props }: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import { DividerProps as MuiDividerProps } from '@mui/material';
+export type DividerProps = Pick<MuiDividerProps, 'flexItem' | 'light' | 'orientation' | 'textAlign' | 'variant'>;
+export declare const Divider: ({ ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Fab/Fab.d.ts

@@ -0,0 +1,3 @@
+import { FabProps as MuiFabProps } from '@mui/material';
+export type FabProps = Pick<MuiFabProps, 'color' | 'disabled' | 'disableFocusRipple' | 'disableRipple' | 'size' | 'variant'>;
+export declare const Fab: ({ ...props }: FabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/LinearProgress/LinearProgress.d.ts

@@ -0,0 +1,3 @@
+import { LinearProgressProps as MuiLinearProgressProps } from '@mui/material';
+export type LinearProgressProps = Pick<MuiLinearProgressProps, 'color' | 'value' | 'valueBuffer' | 'variant'>;
+export declare const LinearProgress: ({ ...props }: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Link/Link.d.ts

@@ -0,0 +1,3 @@
+import { LinkProps as MuiLinkProps } from '@mui/material';
+export type LinkProps = Pick<MuiLinkProps, 'underline' | 'variant'>;
+export declare const Link: ({ ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Menu/Menu.d.ts

@@ -0,0 +1,3 @@
+import { MenuProps as MuiMenuProps } from '@mui/material';
+export type MenuProps = Pick<MuiMenuProps, 'children' | 'anchorEl' | 'open' | 'onClose' | 'transitionDuration'>;
+export declare const Menu: ({ children, ...props }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Menu/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps as MuiButtonProps, MenuItemProps as MuiMenuItemProps } from '@mui/material';
+export type MenuItemProps = MuiMenuItemProps & MuiButtonProps;
+export declare const MenuItem: import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>;

package/dist/ui/src/lib/MUI/Paper/Paper.d.ts

@@ -0,0 +1,3 @@
+import { PaperProps as MuiPaperProps } from '@mui/material';
+export type PaperProps = Pick<MuiPaperProps, 'elevation' | 'square' | 'variant'>;
+export declare const Paper: ({ ...props }: PaperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Rating/Rating.d.ts

@@ -0,0 +1,3 @@
+import { RatingProps as MuiRatingProps } from '@mui/material';
+export type RatingProps = Pick<MuiRatingProps, 'disabled' | 'highlightSelectedOnly' | 'max' | 'readOnly' | 'size'>;
+export declare const Rating: ({ ...props }: RatingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Skeleton/Skeleton.d.ts

@@ -0,0 +1,3 @@
+import { SkeletonProps as MuiSkeletonProps } from '@mui/material';
+export type SkeletonProps = Pick<MuiSkeletonProps, 'animation' | 'variant' | 'height' | 'width'>;
+export declare const Skeleton: ({ ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Slider/Slider.d.ts

@@ -0,0 +1,3 @@
+import { SliderProps as MuiSliderProps } from '@mui/material';
+export type SliderProps = Pick<MuiSliderProps, 'color' | 'disabled' | 'disableSwap' | 'marks' | 'max' | 'min' | 'size' | 'step' | 'track' | 'valueLabelDisplay'>;
+export declare const Slider: ({ ...props }: SliderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Snackbar/Snackbar.d.ts

@@ -0,0 +1,3 @@
+import { SnackbarProps as MuiSnackbarProps } from '@mui/material';
+export type SnackbarProps = Pick<MuiSnackbarProps, 'action' | 'anchorOrigin' | 'autoHideDuration' | 'message' | 'onClose' | 'open' | 'resumeHideDuration'>;
+export declare const Snackbar: ({ ...props }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Switch/Switch.d.ts

@@ -0,0 +1,3 @@
+import { SwitchProps as MuiSwitchProps } from '@mui/material';
+export type SwitchProps = Pick<MuiSwitchProps, 'color' | 'disabled' | 'edge' | 'size'>;
+export declare const Switch: ({ ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Tooltip/Tooltip.d.ts

@@ -0,0 +1,3 @@
+import { TooltipProps as MuiTooltipProps } from '@mui/material';
+export type TooltipProps = Pick<MuiTooltipProps, 'children' | 'arrow' | 'enterDelay' | 'enterNextDelay' | 'followCursor' | 'leaveDelay' | 'leaveTouchDelay' | 'placement' | 'title'>;
+export declare const Tooltip: ({ children, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/MUI/Typography/Typography.d.ts

@@ -0,0 +1,5 @@
+import { TypographyProps as MuiTypographyProps } from '@mui/material';
+export type TypographyProps = Pick<MuiTypographyProps & {
+    children: React.ReactNode;
+}, 'children' | 'align' | 'gutterBottom' | 'noWrap' | 'paragraph' | 'variant'>;
+export declare const Typography: ({ ...props }: TypographyProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/src/lib/button/Button.d.ts

@@ -0,0 +1,10 @@
+import { StyledComponent } from '@emotion/styled';
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+import { Color } from '../../styles/theme';
+export interface ButtonProps extends Partial<MuiButtonProps> {
+    active?: boolean;
+    color?: Color;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+declare const StyledButton: StyledComponent<ButtonProps>;
+export default StyledButton;

package/dist/ui/src/lib/button/LoadingButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps as MuiButtonProps } from '@mui/material';
+import { Color } from '../../styles/theme';
+export interface LoadingButtonProps extends Partial<MuiButtonProps> {
+    color?: Color;
+}
+declare const LoadingButton: React.FC<LoadingButtonProps>;
+export default LoadingButton;

package/dist/ui/src/lib/button-group/ButtonGroup.d.ts

@@ -0,0 +1,15 @@
+import { StyledComponent } from '@emotion/styled';
+import { ButtonGroupProps as MuiButtonGroupProps } from '@mui/material';
+import { Color } from '../../styles/theme';
+interface StyledButtonGroupProps extends Partial<MuiButtonGroupProps> {
+    color?: Color;
+}
+export interface ButtonGroupProps extends MuiButtonGroupProps {
+    color?: Color;
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'contained' | 'outlined' | 'text';
+    disabled?: boolean;
+}
+export declare const ButtonGroup: import("react").ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const StyledButtonGroup: StyledComponent<StyledButtonGroupProps>;
+export default StyledButtonGroup;

package/dist/ui/src/lib/chip/Chip.d.ts

@@ -0,0 +1,9 @@
+import { ChipProps as MuiChipProps } from '@mui/material';
+import type { Color, ProgressColor } from '../../styles/theme';
+export type ChipColor = ProgressColor | Color;
+export interface ChipProps extends Pick<MuiChipProps, 'icon' | 'label' | 'clickable' | 'sx' | 'onClick' | 'disabled'> {
+    color?: ChipColor;
+    checked?: boolean;
+}
+export declare const Chip: ({ color, checked, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/dist/ui/src/lib/icon/Icon.d.ts

@@ -0,0 +1,5 @@
+import { IconProps as MuiIconProps } from '@mui/material';
+export type IconProps = Pick<MuiIconProps, 'color' | 'children' | 'fontSize'>;
+export declare const Icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").IconTypeMap<{}, "span">> & {
+    muiName: string;
+};

package/dist/{lib → ui/src/lib}/menu-item/SelectMenuItem.d.ts

@@ -2,5 +2,5 @@ import { MenuItemProps } from '@mui/material';
 export interface SelectMenuItemProps extends MenuItemProps {
     value?: any;
 }
-declare const SelectMenuItem: ({ children, value, ...otherProps }: SelectMenuItemProps) => JSX.Element;
+declare const SelectMenuItem: import("react").ForwardRefExoticComponent<Omit<SelectMenuItemProps, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
 export default SelectMenuItem;

package/dist/ui/src/lib/radio/Radio.d.ts

@@ -0,0 +1,13 @@
+import { FormControlLabelProps as MuiFormControlLabelProps, RadioProps as MuiRadioProps, TypographyProps as MuiTypographyProps } from '@mui/material';
+export interface RadioProps extends Omit<MuiFormControlLabelProps, 'control'> {
+    color?: 'primary' | 'secondary' | 'default';
+    size?: 'medium' | 'small';
+    caption?: string;
+    FormControlLabelProps?: Partial<MuiFormControlLabelProps>;
+    RadioProps?: Partial<MuiRadioProps> & {
+        'data-testid'?: string;
+    };
+    TypographyProps?: Partial<MuiTypographyProps>;
+}
+export declare const Radio: React.FC<RadioProps>;
+export default Radio;

package/dist/ui/src/lib/select/OutlinedSelect.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps as ISelectProps } from '../../interfaces';
+export declare const OutlinedSelect: React.FC<ISelectProps>;
+export default OutlinedSelect;

package/dist/ui/src/lib/select/Select.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from '../../interfaces';
+export declare const Select: React.FC<SelectProps>;
+export default Select;

package/dist/ui/src/lib/select/StandardSelect.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps as ISelectProps } from '../../interfaces';
+export declare const StandardSelect: React.FC<ISelectProps>;
+export default StandardSelect;

package/dist/{lib → ui/src/lib}/text-field/TextField.d.ts

@@ -1,3 +1,3 @@
 import { TextFieldProps as MuiTextFieldProps } from '@mui/material';
-export declare const TextField: (props: MuiTextFieldProps) => JSX.Element;
+export declare const TextField: React.FC<MuiTextFieldProps>;
 export default TextField;

package/dist/ui/src/lib/topic-filter/TopicFilter.d.ts

@@ -0,0 +1,13 @@
+import type { QueryTopicInfo } from '@shared-utils/hooks/topic-filter/useGetTopicList';
+export interface TopicFilterProps {
+    topicList: QueryTopicInfo;
+    onTopicSelected: (selectedTopicId: string, selectedInfo: {
+        layerNumber: number;
+    }) => void;
+    hasArrow: boolean;
+    selectedTopicIds: string[];
+    onResetClick?: () => void;
+    hasResetOption?: boolean;
+}
+declare const TopicFilter: ({ topicList, onTopicSelected, hasArrow, selectedTopicIds, onResetClick, hasResetOption, }: TopicFilterProps) => import("react/jsx-runtime").JSX.Element;
+export default TopicFilter;

package/dist/ui/src/lib/tutorial/Tutorial.d.ts

@@ -0,0 +1,8 @@
+import { TutorialStepProps } from './TutorialStep';
+export interface TutorialProps {
+    steps?: TutorialStepProps[];
+    initialStep?: number;
+    onClose: () => void;
+}
+export declare const Tutorial: ({ steps, initialStep, onClose, }: TutorialProps) => import("react/jsx-runtime").JSX.Element;
+export default Tutorial;

package/dist/ui/src/lib/tutorial/TutorialStep.d.ts

@@ -0,0 +1,27 @@
+export interface TutorialContext {
+    close: () => void;
+    goToStep: (step: number) => void;
+    currentStep: number;
+    currentStepProps: TutorialStepProps;
+}
+export interface TutorialButtonProps {
+    title?: string;
+    variant?: 'text' | 'outlined' | 'contained';
+    size?: 'small' | 'medium' | 'large';
+    onClick?: (context?: TutorialContext) => void;
+}
+export interface TutorialStepProps {
+    title: string;
+    content: string;
+    imageUrl?: string;
+    confirmButtonProps?: TutorialButtonProps;
+    cancelButtonProps?: TutorialButtonProps;
+    closeButtonProps?: TutorialButtonProps | boolean;
+    context?: TutorialContext;
+}
+export declare const TutorialStep: import("react").ForwardRefExoticComponent<TutorialStepProps & import("react").RefAttributes<unknown>>;
+export interface TutorialProps {
+    steps?: TutorialStepProps[];
+    initialStep?: number;
+    close: () => void;
+}

package/dist/ui/src/styles/colors.d.ts

@@ -0,0 +1,11 @@
+export declare const colors: {
+    readonly yellow: {
+        readonly 200: "#FFFF99";
+    };
+    readonly blue: {
+        readonly 600: "#4990E2";
+    };
+    readonly lightGreen: {
+        readonly 400: "#99CC66";
+    };
+};