@up42/up-components 0.2.5 → 0.3.0

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),o=require("@mui/material/Button"),n=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),i=require("@mui/material/IconButton"),l=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined"),d=require("@mui/icons-material/InfoOutlined"),f=require("@mui/material/Table"),u=require("@mui/material/TableBody"),s=require("@mui/material/TableCell"),m=require("@mui/material/TableContainer"),p=require("@mui/material/TableHead"),g=require("@mui/material/TableRow"),h=require("@mui/material/TablePagination"),b=require("@mui/material/TableSortLabel"),x=require("@mui/material/TableFooter");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var z=y(t),E=v(t),k=y(o),T=y(n),S=y(a),w=y(i),C=y(l),O=y(c),F=y(d),M=y(f),P=y(u),L=y(s),B=y(m),W=y(p),I=y(g),j=y(h),q=y(b),H=y(x),R={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},A=function(){return A=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},A.apply(this,arguments)};function $(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}var N={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:R.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:R.size.spacing.scale8}},colorDefault:{backgroundColor:R.color.gray10,color:R.color.gray60},colorPrimary:{backgroundColor:R.color.indigo10,color:R.color.indigo80},colorSecondary:{backgroundColor:R.color.pink10,color:R.color.pink80},colorError:{backgroundColor:R.color.red10,color:R.color.error},colorInfo:{backgroundColor:R.color.indigo10,color:R.color.indigo80},colorSuccess:{backgroundColor:R.color.green10,color:R.color.green80}}},G={h1:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.default,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.xlarge},h2:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.small,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.xlarge},h3:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.xsmall,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.large},body1:{fontFamily:R.font.family.text,fontSize:R.size.font.body.default,fontWeight:R.font.weight.normal,lineHeight:R.font.lineHeight.large},body2:{fontFamily:R.font.family.text,fontSize:R.size.font.body.default,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.large},caption:{fontFamily:R.font.family.text,fontSize:R.size.font.caption.default,fontWeight:R.font.weight.normal,lineHeight:R.font.lineHeight.medium},overline:{fontFamily:R.font.family.heading,fontSize:R.size.font.overline.default,letterSpacing:"initial",fontWeight:R.font.weight.bold,color:R.color.gray60}},D={small:"".concat(R.size.spacing.scale4," ").concat(R.size.spacing.scale8),medium:"".concat(R.size.spacing.scale8," ").concat(R.size.spacing.scale16),large:"".concat(R.size.spacing.scale16," ").concat(R.size.spacing.scale32)},V={styleOverrides:{root:{textTransform:"none",lineHeight:R.size.spacing.scale16,fontWeight:R.font.weight.bold,fontFamily:R.font.family.text},contained:{padding:D.medium},containedSizeSmall:{padding:D.small},containedSizeLarge:{padding:D.large},text:{padding:D.medium},textSizeSmall:{padding:D.small},textSizeLarge:{padding:D.large},outlined:{padding:"7px ".concat(R.size.spacing.scale16)},outlinedSizeSmall:{padding:D.small},outlinedSizeLarge:{padding:D.large},sizeSmall:{fontSize:R.size.font.label.default},sizeLarge:{fontSize:R.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},_={styleOverrides:{root:{color:R.color.gray60,backgroundColor:R.color.background.dark},sizeSmall:{padding:"3px"}}},X={styleOverrides:{root:{fontFamily:R.font.family.text,fontSize:R.size.font.label.default,fontWeight:R.font.weight.bold,width:R.size.spacing.scale24,height:R.size.spacing.scale24,"& .MuiSvgIcon-root":{width:R.size.spacing.scale16}},colorDefault:{backgroundColor:R.color.background.dark,"& .MuiSvgIcon-root":{color:R.color.gray60}}}},U={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:R.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:R.color.primary},"&$disabled":{opacity:.5}}}},J={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:R.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},K={styleOverrides:{root:{marginRight:16},colorSecondary:{color:R.color.gray0,"&$checked":{color:R.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:R.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:R.color.background.light,border:"2px solid ".concat(R.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:R.color.primary,border:"2px solid ".concat(R.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},Q={styleOverrides:{outlined:{position:"relative",padding:R.size.spacing.scale8,fontSize:R.size.font.label.default,borderRadius:R.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:R.color.background.dark,color:R.color.text.light}}}},Y={styleOverrides:{root:{input:{padding:R.size.spacing.scale8,fontSize:R.size.font.label.default,height:R.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(R.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:R.size.spacing.scale16,height:R.size.spacing.scale16}}}}},Z={styleOverrides:{outlined:{notchedOutline:{borderColor:R.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ee={styleOverrides:{root:{borderBottom:"1px solid ".concat(R.color.gray20)},indicator:{backgroundColor:R.color.primary}}},te={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(R.size.spacing.scale16),fontFamily:R.font.family.text,color:R.color.gray60,padding:"0 0 ".concat(R.size.spacing.scale16," 0"),"&:hover":{color:R.color.primary,opacity:1},"&$selected":{color:R.color.primary},"&:focus":{color:R.color.primary}}},defaultProps:{disableRipple:!0}},re={styleOverrides:{root:{fontWeight:R.font.weight.normal}}},oe={styleOverrides:{root:{fontWeight:R.font.weight.normal},head:{fontWeight:R.font.weight.bold}}},ne={styleOverrides:{root:{borderTop:"1px solid ".concat(R.color.border.default)}}},ae={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:R.font.weight.normal,fontSize:R.size.font.caption.default},displayedRows:{fontWeight:R.font.weight.normal,fontSize:R.size.font.caption.default}}};R.size.font.body.default,R.font.family.text,R.color.gray100,R.size.font.caption.default;var ie,le,ce,de,fe={styleOverrides:{root:{fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.medium,fontFamily:R.font.family.text,fontSize:R.size.font.caption.default,color:R.color.text.base,marginBottom:R.size.spacing.scale8}}},ue=e.createTheme({typography:A({},G),palette:{background:{default:"#ffffff"},primary:{main:R.color.primary},secondary:{main:R.color.secondary},error:{main:R.color.error},info:{main:R.color.info},success:{main:R.color.success}},components:{MuiButton:V,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:_,MuiChip:N,MuiInput:Z,MuiTextField:Y,MuiFormLabel:fe,MuiTabs:ee,MuiTab:te,MuiAvatar:X,MuiCheckbox:U,MuiRadio:J,MuiSwitch:K,MuiSelect:Q,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:re,MuiTableCell:oe,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:ne,MuiTablePagination:ae,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),se=r.styled(e.CircularProgress)(ce||(ie=["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],le=["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],Object.defineProperty?Object.defineProperty(ie,"raw",{value:le}):ie.raw=le,ce=ie)),me=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(T.default,A({},r),t)},pe={small:6,medium:8,large:12,fluid:12},ge=function(t){var r=t.children,o=$(t,["children"]);return z.default.createElement(e.Box,A({},o),r)},he=function(t){var r=$(t,[]);return z.default.createElement(e.Checkbox,A({},r))},be=function(t){return z.default.createElement(e.Radio,A({},t))},xe=function(t){return z.default.createElement(e.Switch,A({},t))},ye=function(t){return z.default.createElement(e.Select,A({variant:"outlined"},t))},ve=function(r){var o=r.type,n=$(r,["type"]),a=t.useState(!1),i=a[0],l=a[1],c=A(A({},n.InputProps),"password"===o&&{endAdornment:z.default.createElement(S.default,{position:"end"},z.default.createElement(w.default,{"aria-label":"toggle password visibility",onClick:function(){return l(!i)},edge:"end"},i?z.default.createElement(C.default,null):z.default.createElement(O.default,null)))});return z.default.createElement(e.TextField,A({},n,{type:i?"text":o,InputProps:c}))};function ze(){return ze=Object.assign||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},ze.apply(this,arguments)}var Ee=function(e){return E.createElement("svg",ze({viewBox:"0 0 24 24"},e),de||(de=E.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))},ke=function(t){var r=t.children,o=$(t,["children"]);return z.default.createElement(e.Tabs,A({},o),r)},Te=function(t){var r=t.children,o=$(t,["children"]);return z.default.createElement(e.Tab,A({},o),r)},Se=function(e){var t=e.children,r=e.value,o=void 0===r?0:r,n=e.index,a=e.id;return z.default.createElement(ge,{role:"tabpanel",hidden:o!==n,id:a},t)};exports.Avatar=function(t){var r=t.icon,o=t.firstName,n=void 0===o?"":o,a=t.lastName,i=void 0===a?"":a,l=$(t,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(i.substring(0,1)).toLocaleUpperCase(),d=c?R.color.secondary:R.color.background.dark;return z.default.createElement(e.Avatar,A({sx:A({backgroundColor:d},l.sx)},l),c||r)},exports.Box=ge,exports.Button=function(e){var t=e.color,r=void 0===t?"primary":t,o=e.variant,n=void 0===o?"contained":o,a=e.size,i=void 0===a?"medium":a,l=e.loading,c=e.children,d=$(e,["color","variant","size","loading","children"]);return z.default.createElement(k.default,A({size:i,variant:n,color:r,disabled:l},d),z.default.createElement("span",{style:{opacity:l?0:1}},c),l&&z.default.createElement(se,{size:20,color:"inherit"}))},exports.Checkbox=he,exports.Chip=function(t){var r=t.label,o=$(t,["label"]);return z.default.createElement(e.Chip,A({size:"small",label:r},o))},exports.Container=function(t){var r=t.component,o=void 0===r?"div":r,n=t.size,a=void 0===n?"large":n,i=t.children,l=$(t,["component","size","children"]),c="fluid"===a;return z.default.createElement(e.Container,A({component:o,disableGutters:c,maxWidth:!c&&"lg",sx:A({display:"flex",justifyContent:"center"},l.sx)},l),z.default.createElement(e.Grid,{container:!0,justifyContent:"center"},z.default.createElement(e.Grid,{item:!0,md:pe[a]},i)))},exports.EmptyState=function(t){var r=t.icon,o=t.title,n=t.subTitle,a=t.action,i=$(t,["icon","title","subTitle","action"]);return z.default.createElement(e.Box,A({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),z.default.createElement(e.SvgIcon,{component:null!=r?r:F.default,sx:{marginBottom:R.size.spacing.scale24,fontSize:R.size.spacing.scale104,color:R.color.gray20}}),z.default.createElement(me,{variant:"h1",component:"span",mb:2},o),z.default.createElement(me,{variant:"body1",color:R.color.gray60,mb:3},n),a)},exports.FormCheckbox=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.data,i=t.label,l=t.error,c=t.helperText;return z.default.createElement(e.FormControl,null,z.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":z.default.createElement(e.Box,{component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)")),z.default.createElement(e.FormGroup,null,a.map((function(t,o){var n=t.value,a=t.label;return z.default.createElement(e.FormControlLabel,{key:o,value:n,label:a||"",sx:{fontSize:R.size.font.base,color:R.color.text.base},control:z.default.createElement(he,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),l&&z.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},c))},exports.FormInput=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.label,i=t.error,l=t.helperText,c=$(t,["id","required","label","error","helperText"]);return z.default.createElement(e.FormControl,null,z.default.createElement(e.FormLabel,{component:"label",error:i},a," ",!n&&z.default.createElement(e.Box,{component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)")),z.default.createElement(ve,A({},c,{id:r,error:i,inputProps:{"data-testid":r}})),i&&z.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:i},l))},exports.FormRadio=function(t){var r=t.id,o=t.helperText,n=t.label,a=t.error,i=t.required,l=void 0===i||i,c=t.name,d=t.data;return z.default.createElement(e.FormControl,{component:"fieldset",error:a},z.default.createElement(e.FormLabel,{component:"legend"},n," ",l?"":z.default.createElement(e.Box,{component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)")),z.default.createElement(e.RadioGroup,{"aria-label":c,name:c},d.map((function(t,o){var n=t.value,a=t.label;return z.default.createElement(e.FormControlLabel,{value:n,key:n,label:a||"",sx:{fontSize:R.size.font.base,color:R.color.text.base},control:z.default.createElement(be,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),a&&z.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0}},o))},exports.FormSelect=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.options,i=t.label,l=t.error,c=t.placeholder,d=t.helperText,f=t.value;return z.default.createElement(e.FormControl,null,z.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":z.default.createElement(e.Box,{component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)")),z.default.createElement(ye,{id:r,placeholder:c,error:l,value:f},a.map((function(t){return z.default.createElement(e.MenuItem,{key:t.value,value:t.value},t.text)}))),l&&z.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},d))},exports.FormSwitch=function(t){var r=t.id,o=t.label,n=t.checked;return z.default.createElement(e.FormControl,null,z.default.createElement(e.FormLabel,{component:"label"},o),z.default.createElement(e.FormControlLabel,{control:z.default.createElement(xe,{id:r}),label:"".concat(n?"Active":"Inactive")}))},exports.Input=ve,exports.Link=function(t){var r,o=t.children,n=t.underline,a=void 0===n?"hover":n,i=t.toParentNavigation,l=$(t,["children","underline","toParentNavigation"]),c=null===(r=l.href)||void 0===r?void 0:r.startsWith("https"),d={underline:a};return i?z.default.createElement(e.Link,A({},d,l,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):z.default.createElement(e.Link,A({},d,c&&{target:"_blank",rel:"noopener noreferrer"},l),o,c&&z.default.createElement(e.SvgIcon,{component:Ee,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Radio=be,exports.Select=ye,exports.Switch=xe,exports.Tab=Te,exports.TabGroup=function(e){var r=e.tabs,o=e.nameSpace,n=e.tabContentProps,a=e.tabsProps,i=t.useState(0),l=i[0],c=i[1],d=o?"".concat(o,"-"):"";return z.default.createElement(z.default.Fragment,null,z.default.createElement(ke,A({},a,{value:l,onChange:function(e,t){c(t)}}),r.map((function(e,t){return z.default.createElement(Te,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),z.default.createElement(ge,A({},n),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return z.default.createElement(Se,{key:r,value:l,index:t,id:r,"aria-labelledby":"".concat(d,"tab-").concat(t)},e.content)}))))},exports.Table=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(M.default,A({},r),t)},exports.TableBody=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(P.default,A({},r),t)},exports.TableCell=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(L.default,A({},r),t)},exports.TableContainer=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(B.default,A({},r),t)},exports.TableFooter=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(H.default,A({},r),t)},exports.TableHead=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(W.default,A({},r),t)},exports.TablePagination=function(e){var t=$(e,[]);return z.default.createElement(j.default,A({},t))},exports.TableRow=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(I.default,A({},r),t)},exports.TableSortLabel=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(q.default,A({},r),t)},exports.Tabs=ke,exports.Typography=me,exports.UpComponentsProvider=function(t){return z.default.createElement(z.default.Fragment,null,z.default.createElement(e.CssBaseline,null),z.default.createElement(r.ThemeProvider,{theme:ue},t.children))},exports.theme=ue,exports.tokens=R,Object.keys(e).forEach((function(t){"default"===t||exports.hasOwnProperty(t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),r=require("react"),t=require("@mui/material/styles"),o=require("@mui/material/Button"),n=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),i=require("@mui/material/IconButton"),l=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined"),d=require("@mui/icons-material/InfoOutlined"),u=require("@mui/material/Table"),s=require("@mui/material/TableBody"),f=require("@mui/material/TableCell"),m=require("@mui/material/TableContainer"),p=require("@mui/material/TableHead"),g=require("@mui/material/TableRow"),b=require("@mui/material/TablePagination"),h=require("@mui/material/TableSortLabel"),x=require("@mui/material/TableFooter");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var E=y(r),z=v(r),k=y(o),T=y(n),S=y(a),C=y(i),w=y(l),O=y(c),F=y(d),M=y(u),P=y(s),q=y(f),L=y(m),B=y(p),I=y(g),j=y(b),W=y(h),H=y(x),R={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},$=function(){return $=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},$.apply(this,arguments)};function A(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}var N={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:R.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:R.size.spacing.scale8}},colorDefault:{backgroundColor:R.color.gray10,color:R.color.gray60},colorPrimary:{backgroundColor:R.color.indigo10,color:R.color.indigo80},colorSecondary:{backgroundColor:R.color.pink10,color:R.color.pink80},colorError:{backgroundColor:R.color.red10,color:R.color.error},colorInfo:{backgroundColor:R.color.indigo10,color:R.color.indigo80},colorSuccess:{backgroundColor:R.color.green10,color:R.color.green80}}},G={h1:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.default,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.xlarge},h2:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.small,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.xlarge},h3:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.xsmall,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.large},body1:{fontFamily:R.font.family.text,fontSize:R.size.font.body.default,fontWeight:R.font.weight.normal,lineHeight:R.font.lineHeight.large},body2:{fontFamily:R.font.family.text,fontSize:R.size.font.body.default,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.large},caption:{fontFamily:R.font.family.text,fontSize:R.size.font.caption.default,fontWeight:R.font.weight.normal,lineHeight:R.font.lineHeight.medium},overline:{fontFamily:R.font.family.heading,fontSize:R.size.font.overline.default,letterSpacing:"initial",fontWeight:R.font.weight.bold,color:R.color.gray60}},D={small:"".concat(R.size.spacing.scale4," ").concat(R.size.spacing.scale8),medium:"".concat(R.size.spacing.scale8," ").concat(R.size.spacing.scale16),large:"".concat(R.size.spacing.scale16," ").concat(R.size.spacing.scale32)},V={styleOverrides:{root:{textTransform:"none",lineHeight:R.size.spacing.scale16,fontWeight:R.font.weight.bold,fontFamily:R.font.family.text},contained:{padding:D.medium,color:R.color.gray0},containedSuccess:{backgroundColor:R.color.green60},containedSizeSmall:{padding:D.small},containedSizeLarge:{padding:D.large},text:{padding:D.medium},textSizeSmall:{padding:D.small},textSizeLarge:{padding:D.large},outlined:{padding:"7px ".concat(R.size.spacing.scale16)},outlinedSizeSmall:{padding:D.small},outlinedSizeLarge:{padding:D.large},sizeSmall:{fontSize:R.size.font.label.default},sizeLarge:{fontSize:R.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},_={styleOverrides:{root:{color:R.color.gray60,backgroundColor:R.color.background.dark},sizeSmall:{padding:"3px"}}},X={styleOverrides:{root:{fontFamily:R.font.family.text,fontSize:R.size.font.label.default,fontWeight:R.font.weight.bold,width:R.size.spacing.scale24,height:R.size.spacing.scale24,"& .MuiSvgIcon-root":{width:R.size.spacing.scale16}},colorDefault:{backgroundColor:R.color.background.dark,"& .MuiSvgIcon-root":{color:R.color.gray60}}}},U={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:R.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:R.color.primary},"&$disabled":{opacity:.5}}}},J={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:R.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},K={styleOverrides:{root:{marginRight:16},colorSecondary:{color:R.color.gray0,"&$checked":{color:R.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:R.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:R.color.background.light,border:"2px solid ".concat(R.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:R.color.primary,border:"2px solid ".concat(R.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},Q={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(R.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:R.size.spacing.scale16,height:R.size.spacing.scale16}}}}},Y={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:R.color.background.dark,color:R.color.text.light}}},defaultProps:{size:"small"}},Z={styleOverrides:{outlined:{notchedOutline:{borderColor:R.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ee={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:R.size.spacing.scale8,marginLeft:0}}}},re={styleOverrides:{root:{fontSize:R.size.font.base,color:R.color.text.base}}},te={styleOverrides:{root:{borderBottom:"1px solid ".concat(R.color.gray20)},indicator:{backgroundColor:R.color.primary}}},oe={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(R.size.spacing.scale16),fontFamily:R.font.family.text,color:R.color.gray60,padding:"0 0 ".concat(R.size.spacing.scale16," 0"),"&:hover":{color:R.color.primary,opacity:1},"&$selected":{color:R.color.primary},"&:focus":{color:R.color.primary}}},defaultProps:{disableRipple:!0}},ne={styleOverrides:{root:{fontWeight:R.font.weight.normal}}},ae={styleOverrides:{root:{fontWeight:R.font.weight.normal},head:{fontWeight:R.font.weight.bold}}},ie={styleOverrides:{root:{borderTop:"1px solid ".concat(R.color.border.default)}}},le={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:R.font.weight.normal,fontSize:R.size.font.caption.default},displayedRows:{fontWeight:R.font.weight.normal,fontSize:R.size.font.caption.default}}};R.size.font.body.default,R.font.family.text,R.color.gray100,R.size.font.caption.default;var ce,de,ue,se,fe={styleOverrides:{root:{fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.medium,fontFamily:R.font.family.text,fontSize:R.size.font.caption.default,color:R.color.text.base,marginBottom:R.size.spacing.scale8}}},me=e.createTheme({typography:$({},G),palette:{background:{default:"#ffffff"},primary:{main:R.color.primary},secondary:{main:R.color.secondary},error:{main:R.color.error},info:{main:R.color.info},success:{main:R.color.success}},components:{MuiButton:V,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:_,MuiChip:N,MuiInput:Z,MuiInputBase:Y,MuiFormControl:ee,MuiFormControlLabel:re,MuiTextField:Q,MuiFormLabel:fe,MuiTabs:te,MuiTab:oe,MuiAvatar:X,MuiCheckbox:U,MuiRadio:J,MuiSwitch:K,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:ne,MuiTableCell:ae,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:ie,MuiTablePagination:le,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),pe=t.styled(e.CircularProgress)(ue||(ce=["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],de=["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"],Object.defineProperty?Object.defineProperty(ce,"raw",{value:de}):ce.raw=de,ue=ce)),ge=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(T.default,$({},t),r)},be={small:6,medium:8,large:12,fluid:12},he=function(r){var t=r.children,o=A(r,["children"]);return E.default.createElement(e.Box,$({},o),t)},xe=function(r){var t=A(r,[]);return E.default.createElement(e.Checkbox,$({},t))},ye=function(r){var t=r.label,o=r.htmlFor,n=r.required,a=void 0===n||n;return E.default.createElement(e.FormLabel,{component:"label",htmlFor:o},t,!a&&E.default.createElement(e.Box,{ml:1,component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)"))},ve=function(r){return E.default.createElement(e.Radio,$({},r))},Ee=function(r){return E.default.createElement(e.Switch,$({},r))},ze=function(r){return E.default.createElement(e.Select,$({variant:"outlined"},r))},ke=function(t){var o=t.type,n=A(t,["type"]),a=r.useState(!1),i=a[0],l=a[1],c=$($({},n.InputProps),"password"===o&&{endAdornment:E.default.createElement(S.default,{position:"end"},E.default.createElement(C.default,{"aria-label":"toggle password visibility",onClick:function(){return l(!i)},edge:"end"},i?E.default.createElement(w.default,null):E.default.createElement(O.default,null)))});return E.default.createElement(e.TextField,$({},n,{type:i?"text":o,InputProps:c}))};function Te(){return Te=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},Te.apply(this,arguments)}var Se=function(e){return z.createElement("svg",Te({viewBox:"0 0 24 24"},e),se||(se=z.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))},Ce=function(r){var t=r.children,o=A(r,["children"]);return E.default.createElement(e.Tabs,$({},o),t)},we=function(r){var t=r.children,o=A(r,["children"]);return E.default.createElement(e.Tab,$({},o),t)},Oe=function(e){var r=e.children,t=e.value,o=void 0===t?0:t,n=e.index,a=e.id;return E.default.createElement(he,{role:"tabpanel",hidden:o!==n,id:a},r)};exports.Avatar=function(r){var t=r.icon,o=r.firstName,n=void 0===o?"":o,a=r.lastName,i=void 0===a?"":a,l=A(r,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(i.substring(0,1)).toLocaleUpperCase(),d=c?R.color.secondary:R.color.background.dark;return E.default.createElement(e.Avatar,$({sx:$({backgroundColor:d},l.sx)},l),c||t)},exports.Box=he,exports.Button=function(e){var r=e.color,t=void 0===r?"primary":r,o=e.variant,n=void 0===o?"contained":o,a=e.size,i=void 0===a?"medium":a,l=e.loading,c=e.children,d=A(e,["color","variant","size","loading","children"]);return E.default.createElement(k.default,$({size:i,variant:n,color:t,disabled:l},d),E.default.createElement("span",{style:{opacity:l?0:1}},c),l&&E.default.createElement(pe,{size:20,color:"inherit"}))},exports.Checkbox=xe,exports.Chip=function(r){var t=r.label,o=A(r,["label"]);return E.default.createElement(e.Chip,$({size:"small",label:t},o))},exports.Container=function(r){var t=r.component,o=void 0===t?"div":t,n=r.size,a=void 0===n?"large":n,i=r.children,l=A(r,["component","size","children"]),c="fluid"===a;return E.default.createElement(e.Container,$({component:o,disableGutters:c,maxWidth:!c&&"lg",sx:$({display:"flex",justifyContent:"center"},l.sx)},l),E.default.createElement(e.Grid,{container:!0,justifyContent:"center"},E.default.createElement(e.Grid,{item:!0,md:be[a]},i)))},exports.EmptyState=function(r){var t=r.icon,o=r.title,n=r.subTitle,a=r.action,i=A(r,["icon","title","subTitle","action"]);return E.default.createElement(e.Box,$({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),E.default.createElement(e.SvgIcon,{component:null!=t?t:F.default,sx:{marginBottom:R.size.spacing.scale24,fontSize:R.size.spacing.scale104,color:R.color.gray20}}),E.default.createElement(ge,{variant:"h1",component:"span",mb:2},o),E.default.createElement(ge,{variant:"body1",color:R.color.gray60,mb:3},n),a)},exports.FormCheckbox=function(r){var t=r.id,o=r.label,n=r.required,a=r.component,i=void 0===a?"div":a,l=r.disabled,c=r.data,d=r.error,u=r.helperText,s=r.sx,f=A(r,["id","label","required","component","disabled","data","error","helperText","sx"]);return E.default.createElement(e.FormControl,{component:i,error:d,disabled:l,sx:s},E.default.createElement(ye,{label:o,required:n,htmlFor:t}),E.default.createElement(e.FormGroup,null,c.map((function(r,o){var n=r.value,a=r.label;return E.default.createElement(e.FormControlLabel,{key:o,value:n,label:a||"",control:E.default.createElement(xe,$({color:"primary",inputProps:{"data-testid":"".concat(t,"-").concat(o)}},f))})}))),d&&E.default.createElement(e.FormHelperText,{error:d},u))},exports.FormInput=function(r){var t=r.id,o=r.component,n=void 0===o?"div":o,a=r.required,i=r.disabled,l=r.label,c=r.error,d=r.helperText,u=r.sx,s=A(r,["id","component","required","disabled","label","error","helperText","sx"]);return E.default.createElement(e.FormControl,{component:n,error:c,disabled:i,sx:u},E.default.createElement(ye,{label:l,required:a,htmlFor:t}),E.default.createElement(ke,$({},s,{id:t,error:c,inputProps:{"data-testid":t},disabled:i,helperText:d})))},exports.FormRadio=function(r){var t=r.id,o=r.required,n=r.component,a=void 0===n?"div":n,i=r.disabled,l=r.data,c=r.label,d=r.error,u=r.helperText,s=r.sx,f=A(r,["id","required","component","disabled","data","label","error","helperText","sx"]);return E.default.createElement(e.FormControl,{component:a,error:d,disabled:i,sx:s},E.default.createElement(ye,{label:c,required:o,htmlFor:t}),E.default.createElement(e.RadioGroup,$({},f),l.map((function(r,o){var n=r.value,a=r.label,i=r.message;return E.default.createElement(E.default.Fragment,null,E.default.createElement(e.FormControlLabel,{value:n,key:n,label:a||"",control:E.default.createElement(ve,{color:"primary",inputProps:{"data-testid":"".concat(t,"-").concat(o)}})}),i&&E.default.createElement(ge,{variant:"caption",marginLeft:R.size.spacing.scale24,color:R.color.text.light,mb:1},i))}))),d&&u&&E.default.createElement(e.FormHelperText,{error:d},u))},exports.FormSelect=function(r){var t=r.id,o=r.required,n=r.component,a=void 0===n?"div":n,i=r.disabled,l=r.label,c=r.error,d=r.helperText,u=r.sx,s=r.options,f=A(r,["id","required","component","disabled","label","error","helperText","sx","options"]);return E.default.createElement(e.FormControl,{component:a,error:c,disabled:i,sx:u},E.default.createElement(ye,{label:l,required:o,htmlFor:t}),E.default.createElement(ze,$({},f,{error:c,inputProps:{id:t,"data-testid":t}}),s.map((function(r){return E.default.createElement(e.MenuItem,{key:r.value,value:r.value},r.text)}))),c&&d&&E.default.createElement(e.FormHelperText,{error:c},d))},exports.FormSwitch=function(r){var t=r.component,o=void 0===t?"div":t,n=r.disabled,a=r.label,i=r.error,l=r.sx,c=A(r,["component","disabled","label","error","sx"]);return E.default.createElement(e.FormControl,{component:o,error:i,disabled:n,sx:$({mb:2},l)},E.default.createElement(e.FormLabel,{component:"label"},a),E.default.createElement(Ee,$({},c)))},exports.Input=ke,exports.Link=function(r){var t,o=r.children,n=r.underline,a=void 0===n?"hover":n,i=r.toParentNavigation,l=A(r,["children","underline","toParentNavigation"]),c=null===(t=l.href)||void 0===t?void 0:t.startsWith("https"),d={underline:a};return i?E.default.createElement(e.Link,$({},d,l,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):E.default.createElement(e.Link,$({},d,c&&{target:"_blank",rel:"noopener noreferrer"},l),o,c&&E.default.createElement(e.SvgIcon,{component:Se,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Radio=ve,exports.Select=ze,exports.Switch=Ee,exports.Tab=we,exports.TabGroup=function(e){var t=e.tabs,o=e.nameSpace,n=e.tabContentProps,a=e.tabsProps,i=r.useState(0),l=i[0],c=i[1],d=o?"".concat(o,"-"):"";return E.default.createElement(E.default.Fragment,null,E.default.createElement(Ce,$({},a,{value:l,onChange:function(e,r){c(r)}}),t.map((function(e,r){return E.default.createElement(we,{key:"".concat(d,"tab-").concat(r),label:e.label,"aria-controls":"".concat(d,"panel-").concat(r)})}))),E.default.createElement(he,$({},n),t.map((function(e,r){var t="".concat(d,"panel-").concat(r);return E.default.createElement(Oe,{key:t,value:l,index:r,id:t,"aria-labelledby":"".concat(d,"tab-").concat(r)},e.content)}))))},exports.Table=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(M.default,$({},t),r)},exports.TableBody=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(P.default,$({},t),r)},exports.TableCell=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(q.default,$({},t),r)},exports.TableContainer=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(L.default,$({},t),r)},exports.TableFooter=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(H.default,$({},t),r)},exports.TableHead=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(B.default,$({},t),r)},exports.TablePagination=function(e){var r=A(e,[]);return E.default.createElement(j.default,$({},r))},exports.TableRow=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(I.default,$({},t),r)},exports.TableSortLabel=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(W.default,$({},t),r)},exports.Tabs=Ce,exports.Typography=ge,exports.UpComponentsProvider=function(r){return E.default.createElement(E.default.Fragment,null,E.default.createElement(e.CssBaseline,null),E.default.createElement(t.ThemeProvider,{theme:me},r.children))},exports.theme=me,exports.tokens=R,Object.keys(e).forEach((function(r){"default"===r||exports.hasOwnProperty(r)||Object.defineProperty(exports,r,{enumerable:!0,get:function(){return e[r]}})}));

package/dist/cjs/types/components/Box/Box.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story, Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<Omit<import("@mui/material").BoxProps<"div", {}>, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
-export declare const Padding: Story<Omit<import("@mui/material").BoxProps<"div", {}>, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const Default: Story<Omit<import("@mui/material").BoxProps<"div", {}>, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;
+export declare const Padding: Story<Omit<import("@mui/material").BoxProps<"div", {}>, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;

package/dist/cjs/types/components/Button/Button.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Color: Story;
 export declare const Variant: Story;
 export declare const Size: Story;
 export declare const Loading: Story<ButtonProps>;
+export declare const Disabled: Story<ButtonProps>;

package/dist/cjs/types/components/Checkbox/Checkbox.stories.d.ts

@@ -1,4 +1,4 @@
 import { Story, Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<Omit<import("@mui/material").CheckboxProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const Default: Story<Omit<import("@mui/material").CheckboxProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;

package/dist/cjs/types/components/Chip/Chip.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, Story } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<Omit<Omit<import("@mui/material").ChipProps<"div", {}>, "size">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const Default: Story<Omit<Omit<import("@mui/material").ChipProps<"div", {}>, "size">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;
 export declare const ColorVariants: Story;

package/dist/cjs/types/components/EmptyState/EmptyState.d.ts

@@ -1,6 +1,6 @@
-import { ElementType, ReactNode } from 'react';
+import React, { ElementType, ReactNode } from 'react';
 import { BaseProps } from '@global/utils/types';
-export declare type EmptyStateProps = BaseProps<{
+export declare type EmptyStateProps<C extends React.ElementType = 'div'> = BaseProps<C, {
     /**
      * Helpful message that conveys the purpose of the screen and the next action to populate the space
      */
@@ -18,4 +18,4 @@ export declare type EmptyStateProps = BaseProps<{
      */
     action?: ReactNode;
 }>;
-export declare const EmptyState: ({ icon: Icon, title, subTitle, action, ...props }: EmptyStateProps & Omit<JSX.IntrinsicElements['div'], keyof EmptyStateProps>) => JSX.Element;
+export declare const EmptyState: <C extends React.ElementType<any>>({ icon: Icon, title, subTitle, action, ...props }: EmptyStateProps<C>) => JSX.Element;

package/dist/cjs/types/components/EmptyState/EmptyState.stories.d.ts

@@ -2,6 +2,6 @@ import { Story, Meta } from '@storybook/react';
 import { EmptyStateProps } from './EmptyState';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<EmptyStateProps>;
-export declare const CustomIcon: Story<EmptyStateProps>;
-export declare const WithAction: Story<EmptyStateProps>;
+export declare const Default: Story<EmptyStateProps<"div">>;
+export declare const CustomIcon: Story<EmptyStateProps<"div">>;
+export declare const WithAction: Story<EmptyStateProps<"div">>;

package/dist/cjs/types/components/Form/Form.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Example: () => JSX.Element;

package/dist/cjs/types/components/FormCheckbox/FormCheckbox.d.ts

@@ -1,13 +1,10 @@
-/// <reference types="react" />
-import { MUIGlobalOmit } from '@global/utils/types';
+import React from 'react';
+import { FormBaseProps } from '@global/utils/types';
 import { CheckboxProps } from '../Checkbox/Checkbox';
-export declare type FormCheckboxProps = MUIGlobalOmit<CheckboxProps, {
+export declare type FormCheckboxProps<C extends React.ElementType = 'div'> = CheckboxProps & FormBaseProps<C> & {
     data: {
         value: string | number;
         label?: string;
     }[];
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-}>;
-export declare const FormCheckbox: ({ id, required, data, label, error, helperText }: FormCheckboxProps) => JSX.Element;
+};
+export declare const FormCheckbox: <C extends React.ElementType<any>>({ id, label, required, component, disabled, data, error, helperText, sx, ...props }: FormCheckboxProps<C>) => JSX.Element;

package/dist/cjs/types/components/FormCheckbox/FormCheckbox.stories.d.ts

@@ -3,6 +3,6 @@ import { Meta, Story } from '@storybook/react';
 import { FormCheckboxProps } from './FormCheckbox';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<React.PropsWithChildren<FormCheckboxProps>>;
-export declare const Required: Story<React.PropsWithChildren<FormCheckboxProps>>;
-export declare const withError: Story<React.PropsWithChildren<FormCheckboxProps>>;
+export declare const Primary: Story<React.PropsWithChildren<FormCheckboxProps<"div">>>;
+export declare const Required: Story<React.PropsWithChildren<FormCheckboxProps<"div">>>;
+export declare const withError: Story<React.PropsWithChildren<FormCheckboxProps<"div">>>;

package/dist/cjs/types/components/FormControl/FormControl.overrides.d.ts

@@ -0,0 +1,3 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+export declare const MuiFormControl: OverridesStyleRules;
+export declare const MuiFormControlLabel: OverridesStyleRules;

package/dist/cjs/types/components/FormInput/FormInput.d.ts

@@ -1,9 +1,5 @@
-/// <reference types="react" />
-import { MUIGlobalOmit } from '@global/utils/types';
+import React from 'react';
+import { FormBaseProps } from '@global/utils/types';
 import { InputProps } from '../Input/Input';
-export declare type FormInputProps = MUIGlobalOmit<InputProps, {
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-}>;
-export declare const FormInput: ({ id, required, label, error, helperText, ...props }: FormInputProps) => JSX.Element;
+export declare type FormInputProps<C extends React.ElementType = 'div'> = InputProps & FormBaseProps<C>;
+export declare const FormInput: <C extends React.ElementType<any>>({ id, component, required, disabled, label, error, helperText, sx, ...props }: FormInputProps<C>) => JSX.Element;

package/dist/cjs/types/components/FormInput/FormInput.stories.d.ts

@@ -2,6 +2,9 @@ import { Meta, Story } from '@storybook/react';
 import { FormInputProps } from './FormInput';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<FormInputProps>;
-export declare const Required: Story<FormInputProps>;
-export declare const withError: Story<FormInputProps>;
+export declare const Primary: Story<FormInputProps<"div">>;
+export declare const Required: Story<FormInputProps<"div">>;
+export declare const Disabled: Story<FormInputProps<"div">>;
+export declare const withError: Story<FormInputProps<"div">>;
+export declare const Password: Story<FormInputProps<"div">>;
+export declare const withComponents: Story<FormInputProps<"div">>;

package/dist/cjs/types/components/FormLabel/FormLabel.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TextFieldProps, FormLabelBaseProps } from '@mui/material';
+export declare type FormLabelProps = {
+    label: TextFieldProps['label'];
+    required?: TextFieldProps['required'];
+    htmlFor: FormLabelBaseProps['htmlFor'];
+};
+export declare const FormLabel: ({ label, htmlFor, required }: FormLabelProps) => JSX.Element;

package/dist/cjs/types/components/FormLabel/FormLabel.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/types/components/FormRadio/FormRadio.d.ts

@@ -1,14 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { RadioGroupProps } from '@mui/material';
-import { MUIGlobalOmit } from '@global/utils/types';
-export declare type FormRadioProps = MUIGlobalOmit<RadioGroupProps, {
+import { FormBaseProps } from '@global/utils/types';
+export declare type FormRadioProps<C extends React.ElementType = 'div'> = RadioGroupProps & FormBaseProps<C> & {
     data: {
         value: string | number;
         label?: string;
+        message?: string;
     }[];
-    helperText?: string;
-    label?: string;
-    error?: boolean;
-    required?: boolean;
-}>;
-export declare const FormRadio: ({ id, helperText, label, error, required, name, data }: FormRadioProps) => JSX.Element;
+};
+export declare const FormRadio: ({ id, required, component, disabled, data, label, error, helperText, sx, ...props }: FormRadioProps) => JSX.Element;

package/dist/cjs/types/components/FormRadio/FormRadio.stories.d.ts

@@ -3,6 +3,7 @@ import { Meta, Story } from '@storybook/react';
 import { FormRadioProps } from './FormRadio';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<React.PropsWithChildren<FormRadioProps>>;
-export declare const Required: Story<React.PropsWithChildren<FormRadioProps>>;
-export declare const withError: Story<React.PropsWithChildren<FormRadioProps>>;
+export declare const Primary: Story<React.PropsWithChildren<FormRadioProps<"div">>>;
+export declare const Required: Story<React.PropsWithChildren<FormRadioProps<"div">>>;
+export declare const withError: Story<React.PropsWithChildren<FormRadioProps<"div">>>;
+export declare const withMessage: Story<React.PropsWithChildren<FormRadioProps<"div">>>;

package/dist/cjs/types/components/FormSelect/FormSelect.d.ts

@@ -1,13 +1,10 @@
-/// <reference types="react" />
-import { MUIGlobalOmit } from '@global/utils/types';
+import React from 'react';
+import { FormBaseProps } from '@global/utils/types';
 import { SelectProps } from '../Select/Select';
-export declare type FormSelectProps = MUIGlobalOmit<SelectProps, {
+export declare type FormSelectProps<C extends React.ElementType = 'div'> = SelectProps & FormBaseProps<C> & {
     options: {
         value: string | number;
         text: string;
     }[];
-    label?: string;
-    error?: boolean;
-    helperText?: string;
-}>;
-export declare const FormSelect: ({ id, required, options, label, error, placeholder, helperText, value, }: FormSelectProps) => JSX.Element;
+};
+export declare const FormSelect: ({ id, required, component, disabled, label, error, helperText, sx, options, ...props }: FormSelectProps) => JSX.Element;

package/dist/cjs/types/components/FormSelect/FormSelect.stories.d.ts

@@ -2,6 +2,7 @@ import { Meta, Story } from '@storybook/react';
 import { FormSelectProps } from './FormSelect';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<FormSelectProps>;
-export declare const Required: Story<FormSelectProps>;
-export declare const withError: Story<FormSelectProps>;
+export declare const Primary: Story<FormSelectProps<"div">>;
+export declare const Required: Story<FormSelectProps<"div">>;
+export declare const withError: Story<FormSelectProps<"div">>;
+export declare const disabled: Story<FormSelectProps<"div">>;

package/dist/cjs/types/components/FormSwitch/FormSwitch.d.ts

@@ -1,8 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
+import { FormBaseProps } from '@global/utils/types';
 import { SwitchProps } from '../Switch/Switch';
-export interface FormSwitchProps extends SwitchProps {
-    label?: string;
-    id?: string;
-    checked?: boolean;
-}
-export declare const FormSwitch: ({ id, label, checked }: FormSwitchProps) => JSX.Element;
+export declare type FormSwitchProps<C extends React.ElementType = 'div'> = SwitchProps & FormBaseProps<C>;
+export declare const FormSwitch: <C extends React.ElementType<any>>({ component, disabled, label, error, sx, ...props }: FormSwitchProps<C>) => JSX.Element;

package/dist/cjs/types/components/FormSwitch/FormSwitch.stories.d.ts

@@ -3,4 +3,4 @@ import { Meta, Story } from '@storybook/react';
 import { FormSwitchProps } from './FormSwitch';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Primary: Story<React.PropsWithChildren<FormSwitchProps>>;
+export declare const Primary: Story<React.PropsWithChildren<FormSwitchProps<"div">>>;

package/dist/cjs/types/components/Input/Input.d.ts

@@ -1,7 +1,4 @@
-import { HTMLInputTypeAttribute } from 'react';
+/// <reference types="react" />
 import { TextFieldProps } from '@mui/material';
-import { MUIGlobalOmit } from '@global/utils/types';
-export declare type InputProps = MUIGlobalOmit<TextFieldProps> & {
-    type?: HTMLInputTypeAttribute;
-};
-export declare const Input: ({ type, ...otherProps }: InputProps) => JSX.Element;
+export declare type InputProps = Omit<TextFieldProps, 'maxRows' | 'minRows' | 'multiline' | 'rows' | 'size' | 'variant'>;
+export declare const Input: ({ type, ...props }: InputProps) => JSX.Element;

package/dist/cjs/types/components/Input/Input.overrides.d.ts

@@ -1,3 +1,4 @@
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 export declare const MuiTextField: OverridesStyleRules;
+export declare const MuiInputBase: OverridesStyleRules;
 export declare const MuiInput: OverridesStyleRules;

package/dist/cjs/types/components/Radio/Radio.stories.d.ts

@@ -1,4 +1,4 @@
 import { Story, Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<Omit<import("@mui/material").RadioProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const Default: Story<Omit<import("@mui/material").RadioProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;

package/dist/cjs/types/components/Select/Select.stories.d.ts

@@ -1,6 +1,6 @@
 import { Story, Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
-export declare const Disabled: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
-export declare const Error: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const Default: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;
+export declare const Disabled: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;
+export declare const Error: Story<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;

package/dist/cjs/types/components/Switch/Switch.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
 import { SwitchProps as MUISwitchProps } from '@mui/material';
 import { MUIGlobalOmit } from '@global/utils/types';
-export declare type SwitchProps = MUIGlobalOmit<MUISwitchProps, {
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-}>;
+export declare type SwitchProps = MUIGlobalOmit<MUISwitchProps>;
 export declare const Switch: (props: SwitchProps) => JSX.Element;

package/dist/cjs/types/components/Switch/Switch.stories.d.ts

@@ -1,5 +1,4 @@
 import { Story, Meta } from '@storybook/react';
-import { SwitchProps } from './Switch';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<SwitchProps>;
+export declare const Default: Story<Omit<import("@mui/material").SwitchProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;

package/dist/cjs/types/components/Tabs/Tabs.stories.d.ts

@@ -1,4 +1,4 @@
 import { Story, Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<Omit<import("@mui/material").TabsProps<import("@library").ExtendButtonBase<import("@library").ButtonBaseTypeMap<{}, "button">>, {}>, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation">>;
+export declare const Default: Story<Omit<import("@mui/material").TabsProps<import("@library").ExtendButtonBase<import("@library").ButtonBaseTypeMap<{}, "button">>, {}>, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">>;

package/dist/cjs/types/components/Typography/Typography.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { TypographyProps as MUITypographyProps } from '@mui/material/Typography';
-import { MUIGlobalOmit } from '@global/utils/types';
-export declare type TypographyProps = MUIGlobalOmit<MUITypographyProps, {
-    component?: React.ElementType;
+export declare type TypographyProps<C extends React.ElementType = 'p'> = MUITypographyProps<C, {
+    component?: C;
 }>;
-export declare const Typography: ({ children, ...props }: TypographyProps) => JSX.Element;
+export declare const Typography: <C extends React.ElementType<any>>({ children, ...props }: TypographyProps<C>) => JSX.Element;

package/dist/cjs/types/components/Typography/Typography.stories.d.ts

@@ -2,5 +2,5 @@ import { Story, Meta } from '@storybook/react';
 import { TypographyProps } from './Typography';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export declare const Default: Story<TypographyProps>;
+export declare const Default: Story<TypographyProps<"p">>;
 export declare const AllVariants: Story;

package/dist/cjs/types/global/utils/types.d.ts

@@ -1,7 +1,5 @@
+import { BoxProps, TextFieldProps } from '@mui/material';
 import React from 'react';
-import { SxProps, Theme } from '@mui/material';
-export declare type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps & Omit<MuiProps, 'classes' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'focusRipple' | 'tabIndex' | 'action' | 'centerRipple' | 'disableTouchRipple' | 'focusVisibleClassName' | 'LinkComponent' | 'TouchRippleProps'>;
-export declare type BaseProps<ComponentProps = unknown> = ComponentProps & {
-    sx?: SxProps<Theme>;
-    ref?: React.Ref<unknown>;
-};
+export declare type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps & Omit<MuiProps, 'classes' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'focusRipple' | 'tabIndex' | 'action' | 'centerRipple' | 'disableTouchRipple' | 'focusVisibleClassName' | 'LinkComponent' | 'TouchRippleProps' | 'touchRippleRef'>;
+export declare type BaseProps<D extends React.ElementType = 'div', P = Record<string, unknown>> = BoxProps<D, P>;
+export declare type FormBaseProps<C extends React.ElementType> = BaseProps<C, Pick<TextFieldProps, 'id' | 'label' | 'required' | 'error' | 'disabled' | 'focused' | 'helperText'>>;