@up42/up-components 0.3.0 → 0.3.1

package/dist/cjs/index.js

@@ -1 +1 @@
-"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]}})}));
+"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"),f=require("@mui/material/TableBody"),s=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),w=y(i),C=y(l),O=y(c),F=y(d),M=y(u),P=y(f),q=y(s),R=y(m),L=y(p),B=y(g),I=y(b),j=y(h),W=y(x),H={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:H.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:H.size.spacing.scale8}},colorDefault:{backgroundColor:H.color.gray10,color:H.color.gray60},colorPrimary:{backgroundColor:H.color.indigo10,color:H.color.indigo80},colorSecondary:{backgroundColor:H.color.pink10,color:H.color.pink80},colorError:{backgroundColor:H.color.red10,color:H.color.error},colorInfo:{backgroundColor:H.color.indigo10,color:H.color.indigo80},colorSuccess:{backgroundColor:H.color.green10,color:H.color.green80}}},G={h1:{fontFamily:H.font.family.heading,fontSize:H.size.font.heading.default,fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.xlarge},h2:{fontFamily:H.font.family.heading,fontSize:H.size.font.heading.small,fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.xlarge},h3:{fontFamily:H.font.family.heading,fontSize:H.size.font.heading.xsmall,fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.large},body1:{fontFamily:H.font.family.text,fontSize:H.size.font.body.default,fontWeight:H.font.weight.normal,lineHeight:H.font.lineHeight.large},body2:{fontFamily:H.font.family.text,fontSize:H.size.font.body.default,fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.large},caption:{fontFamily:H.font.family.text,fontSize:H.size.font.caption.default,fontWeight:H.font.weight.normal,lineHeight:H.font.lineHeight.medium},overline:{fontFamily:H.font.family.heading,fontSize:H.size.font.overline.default,letterSpacing:"initial",fontWeight:H.font.weight.bold,color:H.color.gray60}},D={small:"".concat(H.size.spacing.scale4," ").concat(H.size.spacing.scale8),medium:"".concat(H.size.spacing.scale8," ").concat(H.size.spacing.scale16),large:"".concat(H.size.spacing.scale16," ").concat(H.size.spacing.scale32)},V={styleOverrides:{root:{textTransform:"none",lineHeight:H.size.spacing.scale16,fontWeight:H.font.weight.bold,fontFamily:H.font.family.text},contained:{padding:D.medium,color:H.color.gray0},containedSuccess:{backgroundColor:H.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(H.size.spacing.scale16)},outlinedSizeSmall:{padding:D.small},outlinedSizeLarge:{padding:D.large},sizeSmall:{fontSize:H.size.font.label.default},sizeLarge:{fontSize:H.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:H.color.gray60,backgroundColor:H.color.background.dark},sizeSmall:{padding:"3px"}}},X={styleOverrides:{root:{fontFamily:H.font.family.text,fontSize:H.size.font.label.default,fontWeight:H.font.weight.bold,width:H.size.spacing.scale24,height:H.size.spacing.scale24,"& .MuiSvgIcon-root":{width:H.size.spacing.scale16}},colorDefault:{backgroundColor:H.color.background.dark,"& .MuiSvgIcon-root":{color:H.color.gray60}}}},U={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:H.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:H.color.primary},"&$disabled":{opacity:.5}}}},J={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:H.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},K={styleOverrides:{root:{marginRight:16},colorSecondary:{color:H.color.gray0,"&$checked":{color:H.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:H.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:H.color.background.light,border:"2px solid ".concat(H.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:H.color.primary,border:"2px solid ".concat(H.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},Q={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(H.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:H.size.spacing.scale16,height:H.size.spacing.scale16}}}}},Y={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:H.color.background.dark,color:H.color.text.light}}},defaultProps:{size:"small"}},Z={styleOverrides:{outlined:{notchedOutline:{borderColor:H.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:H.size.spacing.scale8,marginLeft:0}}}},re={styleOverrides:{root:{fontSize:H.size.font.base,color:H.color.text.base}}},te={styleOverrides:{root:{borderBottom:"1px solid ".concat(H.color.gray20)},indicator:{backgroundColor:H.color.primary}}},oe={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(H.size.spacing.scale16),fontFamily:H.font.family.text,color:H.color.gray60,padding:"0 0 ".concat(H.size.spacing.scale16," 0"),"&:hover":{color:H.color.primary,opacity:1},"&$selected":{color:H.color.primary},"&:focus":{color:H.color.primary}}},defaultProps:{disableRipple:!0}},ne={styleOverrides:{root:{fontWeight:H.font.weight.normal}}},ae={styleOverrides:{root:{fontWeight:H.font.weight.normal},head:{fontWeight:H.font.weight.bold}}},ie={styleOverrides:{root:{borderTop:"1px solid ".concat(H.color.border.default)}}},le={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:H.font.weight.normal,fontSize:H.size.font.caption.default},displayedRows:{fontWeight:H.font.weight.normal,fontSize:H.size.font.caption.default}}};H.size.font.body.default,H.font.family.text,H.color.gray100,H.size.font.caption.default;var ce,de,ue,fe,se={styleOverrides:{root:{fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.medium,fontFamily:H.font.family.text,fontSize:H.size.font.caption.default,color:H.color.text.base,marginBottom:H.size.spacing.scale8}}},me=e.createTheme({typography:$({},G),palette:{background:{default:"#ffffff"},primary:{main:H.color.primary},secondary:{main:H.color.secondary},error:{main:H.color.error},info:{main:H.color.info},success:{main:H.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:se,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:H.font.weight.normal,color:H.color.text.light}},"(optional)"))},ve=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,f=r.sx,s=A(r,["id","label","required","component","disabled","data","error","helperText","sx"]);return E.default.createElement(e.FormControl,{component:i,error:d,disabled:l,sx:f},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)}},s))})}))),d&&E.default.createElement(e.FormHelperText,{error:d},u))},Ee=E.default.forwardRef((function(e,r){return E.default.createElement(ve,$({inputRef:r},e))})),ze=function(r){return E.default.createElement(e.Radio,$({},r))},ke=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.sx,f=r.helperText,s=r.inputRef,m=A(r,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return E.default.createElement(e.FormControl,{component:a,error:d,disabled:i,sx:u},E.default.createElement(ye,{label:c,required:o,htmlFor:t}),E.default.createElement(e.RadioGroup,$({},m),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(ze,{color:"primary",inputProps:{"data-testid":"".concat(t,"-").concat(o)},inputRef:s})}),i&&E.default.createElement(ge,{variant:"caption",marginLeft:H.size.spacing.scale24,color:H.color.text.light,mb:1},i))}))),d&&f&&E.default.createElement(e.FormHelperText,{error:d},f))},Te=E.default.forwardRef((function(e,r){return E.default.createElement(ke,$({inputRef:r},e))})),Se=function(r){return E.default.createElement(e.Switch,$({},r))},we=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(Se,$({},c)))},Ce=E.default.forwardRef((function(e,r){return E.default.createElement(we,$({inputRef:r},e))})),Oe=function(r){return E.default.createElement(e.Select,$({variant:"outlined"},r))},Fe=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,f=r.options,s=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(Oe,$({},s,{error:c,inputProps:{id:t,"data-testid":t}}),f.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))},Me=E.default.forwardRef((function(e,r){return E.default.createElement(Fe,$({inputRef:r},e))})),Pe=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(w.default,{"aria-label":"toggle password visibility",onClick:function(){return l(!i)},edge:"end"},i?E.default.createElement(C.default,null):E.default.createElement(O.default,null)))});return E.default.createElement(e.TextField,$({},n,{type:i?"text":o,InputProps:c}))},qe=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,f=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(Pe,$({},f,{id:t,error:c,inputProps:{"data-testid":t},disabled:i,helperText:d})))},Re=E.default.forwardRef((function(e,r){return E.default.createElement(qe,$({inputRef:r},e))}));function Le(){return Le=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},Le.apply(this,arguments)}var Be=function(e){return z.createElement("svg",Le({viewBox:"0 0 24 24"},e),fe||(fe=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"})))},Ie=function(r){var t=r.children,o=A(r,["children"]);return E.default.createElement(e.Tabs,$({},o),t)},je=function(r){var t=r.children,o=A(r,["children"]);return E.default.createElement(e.Tab,$({},o),t)},We=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?H.color.secondary:H.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:H.size.spacing.scale24,fontSize:H.size.spacing.scale104,color:H.color.gray20}}),E.default.createElement(ge,{variant:"h1",component:"span",mb:2},o),E.default.createElement(ge,{variant:"body1",color:H.color.gray60,mb:3},n),a)},exports.FormCheckbox=Ee,exports.FormInput=Re,exports.FormRadio=Te,exports.FormSelect=Me,exports.FormSwitch=Ce,exports.Input=Pe,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:Be,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Radio=ze,exports.Select=Oe,exports.Switch=Se,exports.Tab=je,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(Ie,$({},a,{value:l,onChange:function(e,r){c(r)}}),t.map((function(e,r){return E.default.createElement(je,{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(We,{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(R.default,$({},t),r)},exports.TableFooter=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(W.default,$({},t),r)},exports.TableHead=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(L.default,$({},t),r)},exports.TablePagination=function(e){var r=A(e,[]);return E.default.createElement(I.default,$({},r))},exports.TableRow=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(B.default,$({},t),r)},exports.TableSortLabel=function(e){var r=e.children,t=A(e,["children"]);return E.default.createElement(j.default,$({},t),r)},exports.Tabs=Ie,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=H,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/FormCheckbox/FormCheckbox.d.ts

@@ -7,4 +7,19 @@ export declare type FormCheckboxProps<C extends React.ElementType = 'div'> = Che
         label?: string;
     }[];
 };
-export declare const FormCheckbox: <C extends React.ElementType<any>>({ id, label, required, component, disabled, data, error, helperText, sx, ...props }: FormCheckboxProps<C>) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormCheckbox: React.ForwardRefExoticComponent<Pick<Omit<import("@mui/material").CheckboxProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+}, "translate" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "data" | "form" | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "onFocusVisible" | "sx" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "inputProps" | "inputRef" | "checked" | "readOnly" | "icon" | "checkedIcon" | "edge" | "indeterminate" | "indeterminateIcon"> & React.RefAttributes<unknown>>;

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

@@ -2,4 +2,14 @@ import React from 'react';
 import { FormBaseProps } from '@global/utils/types';
 import { InputProps } from '../Input/Input';
 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;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormInput: React.ForwardRefExoticComponent<Pick<InputProps & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText">, "translate" | "fullWidth" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "slot" | "select" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "autoFocus" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "hiddenLabel" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "InputLabelProps" | "inputProps" | "inputRef" | "SelectProps"> & React.RefAttributes<unknown>>;

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

@@ -1,11 +1,30 @@
 import React from 'react';
 import { RadioGroupProps } from '@mui/material';
 import { FormBaseProps } from '@global/utils/types';
+import { RadioProps } from '../Radio/Radio';
 export declare type FormRadioProps<C extends React.ElementType = 'div'> = RadioGroupProps & FormBaseProps<C> & {
+    inputRef?: RadioProps['inputRef'];
     data: {
         value: string | number;
         label?: string;
         message?: string;
     }[];
 };
-export declare const FormRadio: ({ id, required, component, disabled, data, label, error, helperText, sx, ...props }: FormRadioProps) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormRadio: React.ForwardRefExoticComponent<Pick<RadioGroupProps & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    inputRef?: RadioProps['inputRef'];
+    data: {
+        value: string | number;
+        label?: string;
+        message?: string;
+    }[];
+}, "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "className" | "style" | "classes" | "data" | "label" | "p" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "name" | "value" | "row" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "component" | "required" | "error" | "focused" | "helperText" | "inputRef"> & React.RefAttributes<unknown>>;

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

@@ -7,4 +7,19 @@ export declare type FormSelectProps<C extends React.ElementType = 'div'> = Selec
         text: string;
     }[];
 };
-export declare const FormSelect: ({ id, required, component, disabled, label, error, helperText, sx, options, ...props }: FormSelectProps) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormSelect: React.ForwardRefExoticComponent<Pick<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    options: {
+        value: string | number;
+        text: string;
+    }[];
+}, "translate" | "input" | "size" | "components" | "fullWidth" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "autoFocus" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "autoComplete" | "inputProps" | "inputRef" | "multiline" | "rows" | "maxRows" | "minRows" | "multiple" | "readOnly" | "open" | "componentsProps" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "renderSuffix" | "startAdornment" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "onClose" | "onOpen" | "renderValue" | "SelectDisplayProps" | "options"> & React.RefAttributes<unknown>>;

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

@@ -2,4 +2,15 @@ import React from 'react';
 import { FormBaseProps } from '@global/utils/types';
 import { SwitchProps } from '../Switch/Switch';
 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;
+export declare const BaseFormSwitch: <C extends React.ElementType<any>>({ component, disabled, label, error, sx, ...props }: FormSwitchProps<C>) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormSwitch: React.ForwardRefExoticComponent<Pick<Omit<import("@mui/material").SwitchProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText">, "translate" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "form" | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "onFocusVisible" | "sx" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "inputProps" | "inputRef" | "checked" | "readOnly" | "icon" | "checkedIcon" | "edge"> & React.RefAttributes<unknown>>;

package/dist/esm/index.js

@@ -1 +1 @@
-import{createTheme as e,CssBaseline as r,CircularProgress as o,Chip as t,Avatar as n,Container as i,Grid as a,Box as l,Checkbox as c,FormLabel as d,FormControl as s,FormGroup as m,FormControlLabel as f,FormHelperText as u,Radio as p,RadioGroup as g,Switch as h,Select as b,MenuItem as y,TextField as x,Link as v,SvgIcon as E,Tabs as z,Tab as k}from"@mui/material";export*from"@mui/material";import*as T from"react";import S,{useState as w}from"react";import{ThemeProvider as C,styled as O}from"@mui/material/styles";import M from"@mui/material/Button";import F from"@mui/material/Typography";import P from"@mui/material/InputAdornment";import W from"@mui/material/IconButton";import L from"@mui/icons-material/VisibilityOutlined";import B from"@mui/icons-material/VisibilityOffOutlined";import I from"@mui/icons-material/InfoOutlined";import H from"@mui/material/Table";import j from"@mui/material/TableBody";import q from"@mui/material/TableCell";import R from"@mui/material/TableContainer";import $ from"@mui/material/TableHead";import A from"@mui/material/TableRow";import N from"@mui/material/TablePagination";import V from"@mui/material/TableSortLabel";import D from"@mui/material/TableFooter";var X={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"}}},G=function(){return G=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},G.apply(this,arguments)};function U(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}var _={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:X.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:X.size.spacing.scale8}},colorDefault:{backgroundColor:X.color.gray10,color:X.color.gray60},colorPrimary:{backgroundColor:X.color.indigo10,color:X.color.indigo80},colorSecondary:{backgroundColor:X.color.pink10,color:X.color.pink80},colorError:{backgroundColor:X.color.red10,color:X.color.error},colorInfo:{backgroundColor:X.color.indigo10,color:X.color.indigo80},colorSuccess:{backgroundColor:X.color.green10,color:X.color.green80}}},J={h1:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.default,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.xlarge},h2:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.small,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.xlarge},h3:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.xsmall,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.large},body1:{fontFamily:X.font.family.text,fontSize:X.size.font.body.default,fontWeight:X.font.weight.normal,lineHeight:X.font.lineHeight.large},body2:{fontFamily:X.font.family.text,fontSize:X.size.font.body.default,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.large},caption:{fontFamily:X.font.family.text,fontSize:X.size.font.caption.default,fontWeight:X.font.weight.normal,lineHeight:X.font.lineHeight.medium},overline:{fontFamily:X.font.family.heading,fontSize:X.size.font.overline.default,letterSpacing:"initial",fontWeight:X.font.weight.bold,color:X.color.gray60}},K={small:"".concat(X.size.spacing.scale4," ").concat(X.size.spacing.scale8),medium:"".concat(X.size.spacing.scale8," ").concat(X.size.spacing.scale16),large:"".concat(X.size.spacing.scale16," ").concat(X.size.spacing.scale32)},Q={styleOverrides:{root:{textTransform:"none",lineHeight:X.size.spacing.scale16,fontWeight:X.font.weight.bold,fontFamily:X.font.family.text},contained:{padding:K.medium,color:X.color.gray0},containedSuccess:{backgroundColor:X.color.green60},containedSizeSmall:{padding:K.small},containedSizeLarge:{padding:K.large},text:{padding:K.medium},textSizeSmall:{padding:K.small},textSizeLarge:{padding:K.large},outlined:{padding:"7px ".concat(X.size.spacing.scale16)},outlinedSizeSmall:{padding:K.small},outlinedSizeLarge:{padding:K.large},sizeSmall:{fontSize:X.size.font.label.default},sizeLarge:{fontSize:X.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"}}}},Y={styleOverrides:{root:{color:X.color.gray60,backgroundColor:X.color.background.dark},sizeSmall:{padding:"3px"}}},Z={styleOverrides:{root:{fontFamily:X.font.family.text,fontSize:X.size.font.label.default,fontWeight:X.font.weight.bold,width:X.size.spacing.scale24,height:X.size.spacing.scale24,"& .MuiSvgIcon-root":{width:X.size.spacing.scale16}},colorDefault:{backgroundColor:X.color.background.dark,"& .MuiSvgIcon-root":{color:X.color.gray60}}}},ee={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:X.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:X.color.primary},"&$disabled":{opacity:.5}}}},re={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:X.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},oe={styleOverrides:{root:{marginRight:16},colorSecondary:{color:X.color.gray0,"&$checked":{color:X.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:X.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:X.color.background.light,border:"2px solid ".concat(X.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:X.color.primary,border:"2px solid ".concat(X.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},te={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(X.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:X.size.spacing.scale16,height:X.size.spacing.scale16}}}}},ne={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:X.color.background.dark,color:X.color.text.light}}},defaultProps:{size:"small"}},ie={styleOverrides:{outlined:{notchedOutline:{borderColor:X.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ae={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:X.size.spacing.scale8,marginLeft:0}}}},le={styleOverrides:{root:{fontSize:X.size.font.base,color:X.color.text.base}}},ce={styleOverrides:{root:{borderBottom:"1px solid ".concat(X.color.gray20)},indicator:{backgroundColor:X.color.primary}}},de={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(X.size.spacing.scale16),fontFamily:X.font.family.text,color:X.color.gray60,padding:"0 0 ".concat(X.size.spacing.scale16," 0"),"&:hover":{color:X.color.primary,opacity:1},"&$selected":{color:X.color.primary},"&:focus":{color:X.color.primary}}},defaultProps:{disableRipple:!0}},se={styleOverrides:{root:{fontWeight:X.font.weight.normal}}},me={styleOverrides:{root:{fontWeight:X.font.weight.normal},head:{fontWeight:X.font.weight.bold}}},fe={styleOverrides:{root:{borderTop:"1px solid ".concat(X.color.border.default)}}},ue={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:X.font.weight.normal,fontSize:X.size.font.caption.default},displayedRows:{fontWeight:X.font.weight.normal,fontSize:X.size.font.caption.default}}};X.size.font.body.default,X.font.family.text,X.color.gray100,X.size.font.caption.default;var pe,ge,he,be,ye={styleOverrides:{root:{fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.medium,fontFamily:X.font.family.text,fontSize:X.size.font.caption.default,color:X.color.text.base,marginBottom:X.size.spacing.scale8}}},xe=e({typography:G({},J),palette:{background:{default:"#ffffff"},primary:{main:X.color.primary},secondary:{main:X.color.secondary},error:{main:X.color.error},info:{main:X.color.info},success:{main:X.color.success}},components:{MuiButton:Q,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:Y,MuiChip:_,MuiInput:ie,MuiInputBase:ne,MuiFormControl:ae,MuiFormControlLabel:le,MuiTextField:te,MuiFormLabel:ye,MuiTabs:ce,MuiTab:de,MuiAvatar:Z,MuiCheckbox:ee,MuiRadio:re,MuiSwitch:oe,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:se,MuiTableCell:me,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:fe,MuiTablePagination:ue,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),ve=function(e){return S.createElement(S.Fragment,null,S.createElement(r,null),S.createElement(C,{theme:xe},e.children))},Ee=O(o)(he||(pe=["\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"],ge=["\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(pe,"raw",{value:ge}):pe.raw=ge,he=pe)),ze=function(e){var r=e.color,o=void 0===r?"primary":r,t=e.variant,n=void 0===t?"contained":t,i=e.size,a=void 0===i?"medium":i,l=e.loading,c=e.children,d=U(e,["color","variant","size","loading","children"]);return S.createElement(M,G({size:a,variant:n,color:o,disabled:l},d),S.createElement("span",{style:{opacity:l?0:1}},c),l&&S.createElement(Ee,{size:20,color:"inherit"}))},ke=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(F,G({},o),r)},Te=function(e){var r=e.label,o=U(e,["label"]);return S.createElement(t,G({size:"small",label:r},o))},Se=function(e){var r=e.icon,o=e.firstName,t=void 0===o?"":o,i=e.lastName,a=void 0===i?"":i,l=U(e,["icon","firstName","lastName"]),c="".concat(t.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),d=c?X.color.secondary:X.color.background.dark;return S.createElement(n,G({sx:G({backgroundColor:d},l.sx)},l),c||r)},we={small:6,medium:8,large:12,fluid:12},Ce=function(e){var r=e.component,o=void 0===r?"div":r,t=e.size,n=void 0===t?"large":t,l=e.children,c=U(e,["component","size","children"]),d="fluid"===n;return S.createElement(i,G({component:o,disableGutters:d,maxWidth:!d&&"lg",sx:G({display:"flex",justifyContent:"center"},c.sx)},c),S.createElement(a,{container:!0,justifyContent:"center"},S.createElement(a,{item:!0,md:we[n]},l)))},Oe=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(l,G({},o),r)},Me=function(e){var r=U(e,[]);return S.createElement(c,G({},r))},Fe=function(e){var r=e.label,o=e.htmlFor,t=e.required,n=void 0===t||t;return S.createElement(d,{component:"label",htmlFor:o},r,!n&&S.createElement(l,{ml:1,component:"span",sx:{fontWeight:X.font.weight.normal,color:X.color.text.light}},"(optional)"))},Pe=function(e){var r=e.id,o=e.label,t=e.required,n=e.component,i=void 0===n?"div":n,a=e.disabled,l=e.data,c=e.error,d=e.helperText,p=e.sx,g=U(e,["id","label","required","component","disabled","data","error","helperText","sx"]);return S.createElement(s,{component:i,error:c,disabled:a,sx:p},S.createElement(Fe,{label:o,required:t,htmlFor:r}),S.createElement(m,null,l.map((function(e,o){var t=e.value,n=e.label;return S.createElement(f,{key:o,value:t,label:n||"",control:S.createElement(Me,G({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}},g))})}))),c&&S.createElement(u,{error:c},d))},We=function(e){return S.createElement(p,G({},e))},Le=function(e){var r=e.id,o=e.required,t=e.component,n=void 0===t?"div":t,i=e.disabled,a=e.data,l=e.label,c=e.error,d=e.helperText,m=e.sx,p=U(e,["id","required","component","disabled","data","label","error","helperText","sx"]);return S.createElement(s,{component:n,error:c,disabled:i,sx:m},S.createElement(Fe,{label:l,required:o,htmlFor:r}),S.createElement(g,G({},p),a.map((function(e,o){var t=e.value,n=e.label,i=e.message;return S.createElement(S.Fragment,null,S.createElement(f,{value:t,key:t,label:n||"",control:S.createElement(We,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})}),i&&S.createElement(ke,{variant:"caption",marginLeft:X.size.spacing.scale24,color:X.color.text.light,mb:1},i))}))),c&&d&&S.createElement(u,{error:c},d))},Be=function(e){return S.createElement(h,G({},e))},Ie=function(e){var r=e.component,o=void 0===r?"div":r,t=e.disabled,n=e.label,i=e.error,a=e.sx,l=U(e,["component","disabled","label","error","sx"]);return S.createElement(s,{component:o,error:i,disabled:t,sx:G({mb:2},a)},S.createElement(d,{component:"label"},n),S.createElement(Be,G({},l)))},He=function(e){return S.createElement(b,G({variant:"outlined"},e))},je=function(e){var r=e.id,o=e.required,t=e.component,n=void 0===t?"div":t,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=e.options,f=U(e,["id","required","component","disabled","label","error","helperText","sx","options"]);return S.createElement(s,{component:n,error:l,disabled:i,sx:d},S.createElement(Fe,{label:a,required:o,htmlFor:r}),S.createElement(He,G({},f,{error:l,inputProps:{id:r,"data-testid":r}}),m.map((function(e){return S.createElement(y,{key:e.value,value:e.value},e.text)}))),l&&c&&S.createElement(u,{error:l},c))},qe=function(e){var r=e.type,o=U(e,["type"]),t=w(!1),n=t[0],i=t[1],a=G(G({},o.InputProps),"password"===r&&{endAdornment:S.createElement(P,{position:"end"},S.createElement(W,{"aria-label":"toggle password visibility",onClick:function(){return i(!n)},edge:"end"},n?S.createElement(L,null):S.createElement(B,null)))});return S.createElement(x,G({},o,{type:n?"text":r,InputProps:a}))},Re=function(e){var r=e.id,o=e.component,t=void 0===o?"div":o,n=e.required,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=U(e,["id","component","required","disabled","label","error","helperText","sx"]);return S.createElement(s,{component:t,error:l,disabled:i,sx:d},S.createElement(Fe,{label:a,required:n,htmlFor:r}),S.createElement(qe,G({},m,{id:r,error:l,inputProps:{"data-testid":r},disabled:i,helperText:c})))};function $e(){return $e=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},$e.apply(this,arguments)}var Ae=function(e){return T.createElement("svg",$e({viewBox:"0 0 24 24"},e),be||(be=T.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"})))},Ne=function(e){var r,o=e.children,t=e.underline,n=void 0===t?"hover":t,i=e.toParentNavigation,a=U(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:n};return i?S.createElement(v,G({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):S.createElement(v,G({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),o,l&&S.createElement(E,{component:Ae,fontSize:"inherit",sx:{marginLeft:".25em"}}))},Ve=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(z,G({},o),r)},De=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(k,G({},o),r)},Xe=function(e){var r=e.children,o=e.value,t=void 0===o?0:o,n=e.index,i=e.id;return S.createElement(Oe,{role:"tabpanel",hidden:t!==n,id:i},r)},Ge=function(e){var r=e.tabs,o=e.nameSpace,t=e.tabContentProps,n=e.tabsProps,i=w(0),a=i[0],l=i[1],c=o?"".concat(o,"-"):"";return S.createElement(S.Fragment,null,S.createElement(Ve,G({},n,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return S.createElement(De,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),S.createElement(Oe,G({},t),r.map((function(e,r){var o="".concat(c,"panel-").concat(r);return S.createElement(Xe,{key:o,value:a,index:r,id:o,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},Ue=function(e){var r=e.icon,o=e.title,t=e.subTitle,n=e.action,i=U(e,["icon","title","subTitle","action"]);return S.createElement(l,G({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),S.createElement(E,{component:null!=r?r:I,sx:{marginBottom:X.size.spacing.scale24,fontSize:X.size.spacing.scale104,color:X.color.gray20}}),S.createElement(ke,{variant:"h1",component:"span",mb:2},o),S.createElement(ke,{variant:"body1",color:X.color.gray60,mb:3},t),n)},_e=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(H,G({},o),r)},Je=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(j,G({},o),r)},Ke=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(q,G({},o),r)},Qe=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(R,G({},o),r)},Ye=function(e){var r=e.children,o=U(e,["children"]);return S.createElement($,G({},o),r)},Ze=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(A,G({},o),r)},er=function(e){var r=U(e,[]);return S.createElement(N,G({},r))},rr=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(V,G({},o),r)},or=function(e){var r=e.children,o=U(e,["children"]);return S.createElement(D,G({},o),r)};export{Se as Avatar,Oe as Box,ze as Button,Me as Checkbox,Te as Chip,Ce as Container,Ue as EmptyState,Pe as FormCheckbox,Re as FormInput,Le as FormRadio,je as FormSelect,Ie as FormSwitch,qe as Input,Ne as Link,We as Radio,He as Select,Be as Switch,De as Tab,Ge as TabGroup,_e as Table,Je as TableBody,Ke as TableCell,Qe as TableContainer,or as TableFooter,Ye as TableHead,er as TablePagination,Ze as TableRow,rr as TableSortLabel,Ve as Tabs,ke as Typography,ve as UpComponentsProvider,xe as theme,X as tokens};
+import{createTheme as e,CssBaseline as r,CircularProgress as o,Chip as t,Avatar as n,Container as i,Grid as a,Box as l,Checkbox as c,FormLabel as d,FormControl as s,FormGroup as m,FormControlLabel as f,FormHelperText as u,Radio as p,RadioGroup as g,Switch as h,Select as b,MenuItem as y,TextField as x,Link as v,SvgIcon as E,Tabs as z,Tab as k}from"@mui/material";export*from"@mui/material";import*as w from"react";import T,{useState as S}from"react";import{ThemeProvider as C,styled as O}from"@mui/material/styles";import M from"@mui/material/Button";import F from"@mui/material/Typography";import P from"@mui/material/InputAdornment";import R from"@mui/material/IconButton";import W from"@mui/icons-material/VisibilityOutlined";import L from"@mui/icons-material/VisibilityOffOutlined";import B from"@mui/icons-material/InfoOutlined";import I from"@mui/material/Table";import H from"@mui/material/TableBody";import j from"@mui/material/TableCell";import q from"@mui/material/TableContainer";import $ from"@mui/material/TableHead";import A from"@mui/material/TableRow";import N from"@mui/material/TablePagination";import V from"@mui/material/TableSortLabel";import D from"@mui/material/TableFooter";var X={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"}}},G=function(){return G=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},G.apply(this,arguments)};function U(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}var _={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:X.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:X.size.spacing.scale8}},colorDefault:{backgroundColor:X.color.gray10,color:X.color.gray60},colorPrimary:{backgroundColor:X.color.indigo10,color:X.color.indigo80},colorSecondary:{backgroundColor:X.color.pink10,color:X.color.pink80},colorError:{backgroundColor:X.color.red10,color:X.color.error},colorInfo:{backgroundColor:X.color.indigo10,color:X.color.indigo80},colorSuccess:{backgroundColor:X.color.green10,color:X.color.green80}}},J={h1:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.default,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.xlarge},h2:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.small,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.xlarge},h3:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.xsmall,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.large},body1:{fontFamily:X.font.family.text,fontSize:X.size.font.body.default,fontWeight:X.font.weight.normal,lineHeight:X.font.lineHeight.large},body2:{fontFamily:X.font.family.text,fontSize:X.size.font.body.default,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.large},caption:{fontFamily:X.font.family.text,fontSize:X.size.font.caption.default,fontWeight:X.font.weight.normal,lineHeight:X.font.lineHeight.medium},overline:{fontFamily:X.font.family.heading,fontSize:X.size.font.overline.default,letterSpacing:"initial",fontWeight:X.font.weight.bold,color:X.color.gray60}},K={small:"".concat(X.size.spacing.scale4," ").concat(X.size.spacing.scale8),medium:"".concat(X.size.spacing.scale8," ").concat(X.size.spacing.scale16),large:"".concat(X.size.spacing.scale16," ").concat(X.size.spacing.scale32)},Q={styleOverrides:{root:{textTransform:"none",lineHeight:X.size.spacing.scale16,fontWeight:X.font.weight.bold,fontFamily:X.font.family.text},contained:{padding:K.medium,color:X.color.gray0},containedSuccess:{backgroundColor:X.color.green60},containedSizeSmall:{padding:K.small},containedSizeLarge:{padding:K.large},text:{padding:K.medium},textSizeSmall:{padding:K.small},textSizeLarge:{padding:K.large},outlined:{padding:"7px ".concat(X.size.spacing.scale16)},outlinedSizeSmall:{padding:K.small},outlinedSizeLarge:{padding:K.large},sizeSmall:{fontSize:X.size.font.label.default},sizeLarge:{fontSize:X.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"}}}},Y={styleOverrides:{root:{color:X.color.gray60,backgroundColor:X.color.background.dark},sizeSmall:{padding:"3px"}}},Z={styleOverrides:{root:{fontFamily:X.font.family.text,fontSize:X.size.font.label.default,fontWeight:X.font.weight.bold,width:X.size.spacing.scale24,height:X.size.spacing.scale24,"& .MuiSvgIcon-root":{width:X.size.spacing.scale16}},colorDefault:{backgroundColor:X.color.background.dark,"& .MuiSvgIcon-root":{color:X.color.gray60}}}},ee={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:X.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:X.color.primary},"&$disabled":{opacity:.5}}}},re={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:X.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},oe={styleOverrides:{root:{marginRight:16},colorSecondary:{color:X.color.gray0,"&$checked":{color:X.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:X.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:X.color.background.light,border:"2px solid ".concat(X.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:X.color.primary,border:"2px solid ".concat(X.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},te={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(X.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:X.size.spacing.scale16,height:X.size.spacing.scale16}}}}},ne={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:X.color.background.dark,color:X.color.text.light}}},defaultProps:{size:"small"}},ie={styleOverrides:{outlined:{notchedOutline:{borderColor:X.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ae={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:X.size.spacing.scale8,marginLeft:0}}}},le={styleOverrides:{root:{fontSize:X.size.font.base,color:X.color.text.base}}},ce={styleOverrides:{root:{borderBottom:"1px solid ".concat(X.color.gray20)},indicator:{backgroundColor:X.color.primary}}},de={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(X.size.spacing.scale16),fontFamily:X.font.family.text,color:X.color.gray60,padding:"0 0 ".concat(X.size.spacing.scale16," 0"),"&:hover":{color:X.color.primary,opacity:1},"&$selected":{color:X.color.primary},"&:focus":{color:X.color.primary}}},defaultProps:{disableRipple:!0}},se={styleOverrides:{root:{fontWeight:X.font.weight.normal}}},me={styleOverrides:{root:{fontWeight:X.font.weight.normal},head:{fontWeight:X.font.weight.bold}}},fe={styleOverrides:{root:{borderTop:"1px solid ".concat(X.color.border.default)}}},ue={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:X.font.weight.normal,fontSize:X.size.font.caption.default},displayedRows:{fontWeight:X.font.weight.normal,fontSize:X.size.font.caption.default}}};X.size.font.body.default,X.font.family.text,X.color.gray100,X.size.font.caption.default;var pe,ge,he,be,ye={styleOverrides:{root:{fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.medium,fontFamily:X.font.family.text,fontSize:X.size.font.caption.default,color:X.color.text.base,marginBottom:X.size.spacing.scale8}}},xe=e({typography:G({},J),palette:{background:{default:"#ffffff"},primary:{main:X.color.primary},secondary:{main:X.color.secondary},error:{main:X.color.error},info:{main:X.color.info},success:{main:X.color.success}},components:{MuiButton:Q,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:Y,MuiChip:_,MuiInput:ie,MuiInputBase:ne,MuiFormControl:ae,MuiFormControlLabel:le,MuiTextField:te,MuiFormLabel:ye,MuiTabs:ce,MuiTab:de,MuiAvatar:Z,MuiCheckbox:ee,MuiRadio:re,MuiSwitch:oe,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:se,MuiTableCell:me,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:fe,MuiTablePagination:ue,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),ve=function(e){return T.createElement(T.Fragment,null,T.createElement(r,null),T.createElement(C,{theme:xe},e.children))},Ee=O(o)(he||(pe=["\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"],ge=["\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(pe,"raw",{value:ge}):pe.raw=ge,he=pe)),ze=function(e){var r=e.color,o=void 0===r?"primary":r,t=e.variant,n=void 0===t?"contained":t,i=e.size,a=void 0===i?"medium":i,l=e.loading,c=e.children,d=U(e,["color","variant","size","loading","children"]);return T.createElement(M,G({size:a,variant:n,color:o,disabled:l},d),T.createElement("span",{style:{opacity:l?0:1}},c),l&&T.createElement(Ee,{size:20,color:"inherit"}))},ke=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(F,G({},o),r)},we=function(e){var r=e.label,o=U(e,["label"]);return T.createElement(t,G({size:"small",label:r},o))},Te=function(e){var r=e.icon,o=e.firstName,t=void 0===o?"":o,i=e.lastName,a=void 0===i?"":i,l=U(e,["icon","firstName","lastName"]),c="".concat(t.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),d=c?X.color.secondary:X.color.background.dark;return T.createElement(n,G({sx:G({backgroundColor:d},l.sx)},l),c||r)},Se={small:6,medium:8,large:12,fluid:12},Ce=function(e){var r=e.component,o=void 0===r?"div":r,t=e.size,n=void 0===t?"large":t,l=e.children,c=U(e,["component","size","children"]),d="fluid"===n;return T.createElement(i,G({component:o,disableGutters:d,maxWidth:!d&&"lg",sx:G({display:"flex",justifyContent:"center"},c.sx)},c),T.createElement(a,{container:!0,justifyContent:"center"},T.createElement(a,{item:!0,md:Se[n]},l)))},Oe=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(l,G({},o),r)},Me=function(e){var r=U(e,[]);return T.createElement(c,G({},r))},Fe=function(e){var r=e.label,o=e.htmlFor,t=e.required,n=void 0===t||t;return T.createElement(d,{component:"label",htmlFor:o},r,!n&&T.createElement(l,{ml:1,component:"span",sx:{fontWeight:X.font.weight.normal,color:X.color.text.light}},"(optional)"))},Pe=function(e){var r=e.id,o=e.label,t=e.required,n=e.component,i=void 0===n?"div":n,a=e.disabled,l=e.data,c=e.error,d=e.helperText,p=e.sx,g=U(e,["id","label","required","component","disabled","data","error","helperText","sx"]);return T.createElement(s,{component:i,error:c,disabled:a,sx:p},T.createElement(Fe,{label:o,required:t,htmlFor:r}),T.createElement(m,null,l.map((function(e,o){var t=e.value,n=e.label;return T.createElement(f,{key:o,value:t,label:n||"",control:T.createElement(Me,G({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}},g))})}))),c&&T.createElement(u,{error:c},d))},Re=T.forwardRef((function(e,r){return T.createElement(Pe,G({inputRef:r},e))})),We=function(e){return T.createElement(p,G({},e))},Le=function(e){var r=e.id,o=e.required,t=e.component,n=void 0===t?"div":t,i=e.disabled,a=e.data,l=e.label,c=e.error,d=e.sx,m=e.helperText,p=e.inputRef,h=U(e,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return T.createElement(s,{component:n,error:c,disabled:i,sx:d},T.createElement(Fe,{label:l,required:o,htmlFor:r}),T.createElement(g,G({},h),a.map((function(e,o){var t=e.value,n=e.label,i=e.message;return T.createElement(T.Fragment,null,T.createElement(f,{value:t,key:t,label:n||"",control:T.createElement(We,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)},inputRef:p})}),i&&T.createElement(ke,{variant:"caption",marginLeft:X.size.spacing.scale24,color:X.color.text.light,mb:1},i))}))),c&&m&&T.createElement(u,{error:c},m))},Be=T.forwardRef((function(e,r){return T.createElement(Le,G({inputRef:r},e))})),Ie=function(e){return T.createElement(h,G({},e))},He=function(e){var r=e.component,o=void 0===r?"div":r,t=e.disabled,n=e.label,i=e.error,a=e.sx,l=U(e,["component","disabled","label","error","sx"]);return T.createElement(s,{component:o,error:i,disabled:t,sx:G({mb:2},a)},T.createElement(d,{component:"label"},n),T.createElement(Ie,G({},l)))},je=T.forwardRef((function(e,r){return T.createElement(He,G({inputRef:r},e))})),qe=function(e){return T.createElement(b,G({variant:"outlined"},e))},$e=function(e){var r=e.id,o=e.required,t=e.component,n=void 0===t?"div":t,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=e.options,f=U(e,["id","required","component","disabled","label","error","helperText","sx","options"]);return T.createElement(s,{component:n,error:l,disabled:i,sx:d},T.createElement(Fe,{label:a,required:o,htmlFor:r}),T.createElement(qe,G({},f,{error:l,inputProps:{id:r,"data-testid":r}}),m.map((function(e){return T.createElement(y,{key:e.value,value:e.value},e.text)}))),l&&c&&T.createElement(u,{error:l},c))},Ae=T.forwardRef((function(e,r){return T.createElement($e,G({inputRef:r},e))})),Ne=function(e){var r=e.type,o=U(e,["type"]),t=S(!1),n=t[0],i=t[1],a=G(G({},o.InputProps),"password"===r&&{endAdornment:T.createElement(P,{position:"end"},T.createElement(R,{"aria-label":"toggle password visibility",onClick:function(){return i(!n)},edge:"end"},n?T.createElement(W,null):T.createElement(L,null)))});return T.createElement(x,G({},o,{type:n?"text":r,InputProps:a}))},Ve=function(e){var r=e.id,o=e.component,t=void 0===o?"div":o,n=e.required,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=U(e,["id","component","required","disabled","label","error","helperText","sx"]);return T.createElement(s,{component:t,error:l,disabled:i,sx:d},T.createElement(Fe,{label:a,required:n,htmlFor:r}),T.createElement(Ne,G({},m,{id:r,error:l,inputProps:{"data-testid":r},disabled:i,helperText:c})))},De=T.forwardRef((function(e,r){return T.createElement(Ve,G({inputRef:r},e))}));function Xe(){return Xe=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},Xe.apply(this,arguments)}var Ge=function(e){return w.createElement("svg",Xe({viewBox:"0 0 24 24"},e),be||(be=w.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"})))},Ue=function(e){var r,o=e.children,t=e.underline,n=void 0===t?"hover":t,i=e.toParentNavigation,a=U(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:n};return i?T.createElement(v,G({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):T.createElement(v,G({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),o,l&&T.createElement(E,{component:Ge,fontSize:"inherit",sx:{marginLeft:".25em"}}))},_e=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(z,G({},o),r)},Je=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(k,G({},o),r)},Ke=function(e){var r=e.children,o=e.value,t=void 0===o?0:o,n=e.index,i=e.id;return T.createElement(Oe,{role:"tabpanel",hidden:t!==n,id:i},r)},Qe=function(e){var r=e.tabs,o=e.nameSpace,t=e.tabContentProps,n=e.tabsProps,i=S(0),a=i[0],l=i[1],c=o?"".concat(o,"-"):"";return T.createElement(T.Fragment,null,T.createElement(_e,G({},n,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return T.createElement(Je,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),T.createElement(Oe,G({},t),r.map((function(e,r){var o="".concat(c,"panel-").concat(r);return T.createElement(Ke,{key:o,value:a,index:r,id:o,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},Ye=function(e){var r=e.icon,o=e.title,t=e.subTitle,n=e.action,i=U(e,["icon","title","subTitle","action"]);return T.createElement(l,G({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),T.createElement(E,{component:null!=r?r:B,sx:{marginBottom:X.size.spacing.scale24,fontSize:X.size.spacing.scale104,color:X.color.gray20}}),T.createElement(ke,{variant:"h1",component:"span",mb:2},o),T.createElement(ke,{variant:"body1",color:X.color.gray60,mb:3},t),n)},Ze=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(I,G({},o),r)},er=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(H,G({},o),r)},rr=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(j,G({},o),r)},or=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(q,G({},o),r)},tr=function(e){var r=e.children,o=U(e,["children"]);return T.createElement($,G({},o),r)},nr=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(A,G({},o),r)},ir=function(e){var r=U(e,[]);return T.createElement(N,G({},r))},ar=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(V,G({},o),r)},lr=function(e){var r=e.children,o=U(e,["children"]);return T.createElement(D,G({},o),r)};export{Te as Avatar,Oe as Box,ze as Button,Me as Checkbox,we as Chip,Ce as Container,Ye as EmptyState,Re as FormCheckbox,De as FormInput,Be as FormRadio,Ae as FormSelect,je as FormSwitch,Ne as Input,Ue as Link,We as Radio,qe as Select,Ie as Switch,Je as Tab,Qe as TabGroup,Ze as Table,er as TableBody,rr as TableCell,or as TableContainer,lr as TableFooter,tr as TableHead,ir as TablePagination,nr as TableRow,ar as TableSortLabel,_e as Tabs,ke as Typography,ve as UpComponentsProvider,xe as theme,X as tokens};

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

@@ -7,4 +7,19 @@ export declare type FormCheckboxProps<C extends React.ElementType = 'div'> = Che
         label?: string;
     }[];
 };
-export declare const FormCheckbox: <C extends React.ElementType<any>>({ id, label, required, component, disabled, data, error, helperText, sx, ...props }: FormCheckboxProps<C>) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormCheckbox: React.ForwardRefExoticComponent<Pick<Omit<import("@mui/material").CheckboxProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+}, "translate" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "data" | "form" | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "onFocusVisible" | "sx" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "inputProps" | "inputRef" | "checked" | "readOnly" | "icon" | "checkedIcon" | "edge" | "indeterminate" | "indeterminateIcon"> & React.RefAttributes<unknown>>;

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

@@ -2,4 +2,14 @@ import React from 'react';
 import { FormBaseProps } from '@global/utils/types';
 import { InputProps } from '../Input/Input';
 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;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormInput: React.ForwardRefExoticComponent<Pick<InputProps & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText">, "translate" | "fullWidth" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "slot" | "select" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "autoFocus" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "hiddenLabel" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "InputLabelProps" | "inputProps" | "inputRef" | "SelectProps"> & React.RefAttributes<unknown>>;

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

@@ -1,11 +1,30 @@
 import React from 'react';
 import { RadioGroupProps } from '@mui/material';
 import { FormBaseProps } from '@global/utils/types';
+import { RadioProps } from '../Radio/Radio';
 export declare type FormRadioProps<C extends React.ElementType = 'div'> = RadioGroupProps & FormBaseProps<C> & {
+    inputRef?: RadioProps['inputRef'];
     data: {
         value: string | number;
         label?: string;
         message?: string;
     }[];
 };
-export declare const FormRadio: ({ id, required, component, disabled, data, label, error, helperText, sx, ...props }: FormRadioProps) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormRadio: React.ForwardRefExoticComponent<Pick<RadioGroupProps & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    inputRef?: RadioProps['inputRef'];
+    data: {
+        value: string | number;
+        label?: string;
+        message?: string;
+    }[];
+}, "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "className" | "style" | "classes" | "data" | "label" | "p" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "name" | "value" | "row" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "component" | "required" | "error" | "focused" | "helperText" | "inputRef"> & React.RefAttributes<unknown>>;

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

@@ -7,4 +7,19 @@ export declare type FormSelectProps<C extends React.ElementType = 'div'> = Selec
         text: string;
     }[];
 };
-export declare const FormSelect: ({ id, required, component, disabled, label, error, helperText, sx, options, ...props }: FormSelectProps) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormSelect: React.ForwardRefExoticComponent<Pick<Omit<Omit<import("@mui/material").SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    options: {
+        value: string | number;
+        text: string;
+    }[];
+}, "translate" | "input" | "size" | "components" | "fullWidth" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "autoFocus" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "autoComplete" | "inputProps" | "inputRef" | "multiline" | "rows" | "maxRows" | "minRows" | "multiple" | "readOnly" | "open" | "componentsProps" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "renderSuffix" | "startAdornment" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "onClose" | "onOpen" | "renderValue" | "SelectDisplayProps" | "options"> & React.RefAttributes<unknown>>;

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

@@ -2,4 +2,15 @@ import React from 'react';
 import { FormBaseProps } from '@global/utils/types';
 import { SwitchProps } from '../Switch/Switch';
 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;
+export declare const BaseFormSwitch: <C extends React.ElementType<any>>({ component, disabled, label, error, sx, ...props }: FormSwitchProps<C>) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+export declare const FormSwitch: React.ForwardRefExoticComponent<Pick<Omit<import("@mui/material").SwitchProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<import("@mui/material").TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & import("@mui/system").SystemProps<import("@mui/material").Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText">, "translate" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "form" | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "onFocusVisible" | "sx" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "inputProps" | "inputRef" | "checked" | "readOnly" | "icon" | "checkedIcon" | "edge"> & React.RefAttributes<unknown>>;

package/dist/index.d.ts

@@ -7,6 +7,8 @@ import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
 import React, { ReactNode, ElementType } from 'react';
 import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as _mui_system from '@mui/system';
 import { TableProps as TableProps$1 } from '@mui/material/Table';
 import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
 import { TableCellProps as TableCellProps$1 } from '@mui/material/TableCell';
@@ -103,25 +105,68 @@ declare type FormCheckboxProps<C extends React.ElementType = 'div'> = CheckboxPr
         label?: string;
     }[];
 };
-declare const FormCheckbox: <C extends React.ElementType<any>>({ id, label, required, component, disabled, data, error, helperText, sx, ...props }: FormCheckboxProps<C>) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+declare const FormCheckbox: React.ForwardRefExoticComponent<Pick<Omit<_mui_material.CheckboxProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<_mui_material.TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & _mui_system.SystemProps<_mui_material.Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
+} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof _mui_material_OverridableComponent.CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+}, "translate" | "size" | keyof _mui_material_OverridableComponent.CommonProps | "data" | "form" | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "onFocusVisible" | "sx" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "inputProps" | "inputRef" | "checked" | "readOnly" | "icon" | "checkedIcon" | "edge" | "indeterminate" | "indeterminateIcon"> & React.RefAttributes<unknown>>;
 
 declare type RadioProps = MUIGlobalOmit<RadioProps$1>;
 declare const Radio: (props: RadioProps) => JSX.Element;
 
 declare type FormRadioProps<C extends React.ElementType = 'div'> = RadioGroupProps & FormBaseProps<C> & {
+    inputRef?: RadioProps['inputRef'];
     data: {
         value: string | number;
         label?: string;
         message?: string;
     }[];
 };
-declare const FormRadio: ({ id, required, component, disabled, data, label, error, helperText, sx, ...props }: FormRadioProps) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+declare const FormRadio: React.ForwardRefExoticComponent<Pick<RadioGroupProps & Pick<_mui_material.TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & _mui_system.SystemProps<_mui_material.Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
+} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof _mui_material_OverridableComponent.CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    inputRef?: RadioProps['inputRef'];
+    data: {
+        value: string | number;
+        label?: string;
+        message?: string;
+    }[];
+}, "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "className" | "style" | "classes" | "data" | "label" | "p" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "name" | "value" | "row" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "component" | "required" | "error" | "focused" | "helperText" | "inputRef"> & React.RefAttributes<unknown>>;
 
 declare type SwitchProps = MUIGlobalOmit<SwitchProps$1>;
 declare const Switch: (props: SwitchProps) => JSX.Element;
 
 declare type FormSwitchProps<C extends React.ElementType = 'div'> = SwitchProps & FormBaseProps<C>;
-declare const FormSwitch: <C extends React.ElementType<any>>({ component, disabled, label, error, sx, ...props }: FormSwitchProps<C>) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+declare const FormSwitch: React.ForwardRefExoticComponent<Pick<Omit<_mui_material.SwitchProps, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<_mui_material.TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & _mui_system.SystemProps<_mui_material.Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
+} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof _mui_material_OverridableComponent.CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText">, "translate" | "size" | keyof _mui_material_OverridableComponent.CommonProps | "form" | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "onFocusVisible" | "sx" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "inputProps" | "inputRef" | "checked" | "readOnly" | "icon" | "checkedIcon" | "edge"> & React.RefAttributes<unknown>>;
 
 declare type SelectProps = MUIGlobalOmit<Omit<SelectProps$1, 'variant' | 'label'>>;
 declare const Select: (props: SelectProps) => JSX.Element;
@@ -132,13 +177,38 @@ declare type FormSelectProps<C extends React.ElementType = 'div'> = SelectProps
         text: string;
     }[];
 };
-declare const FormSelect: ({ id, required, component, disabled, label, error, helperText, sx, options, ...props }: FormSelectProps) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+declare const FormSelect: React.ForwardRefExoticComponent<Pick<Omit<Omit<_mui_material.SelectProps<unknown>, "label" | "variant">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef"> & Pick<_mui_material.TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & _mui_system.SystemProps<_mui_material.Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
+} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof _mui_material_OverridableComponent.CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText"> & {
+    options: {
+        value: string | number;
+        text: string;
+    }[];
+}, "translate" | "input" | "size" | "components" | "fullWidth" | keyof _mui_material_OverridableComponent.CommonProps | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "autoFocus" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "autoComplete" | "inputProps" | "inputRef" | "multiline" | "rows" | "maxRows" | "minRows" | "multiple" | "readOnly" | "open" | "componentsProps" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "renderSuffix" | "startAdornment" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "onClose" | "onOpen" | "renderValue" | "SelectDisplayProps" | "options"> & React.RefAttributes<unknown>>;
 
 declare type InputProps = Omit<TextFieldProps, 'maxRows' | 'minRows' | 'multiline' | 'rows' | 'size' | 'variant'>;
 declare const Input: ({ type, ...props }: InputProps) => JSX.Element;
 
 declare type FormInputProps<C extends React.ElementType = 'div'> = InputProps & FormBaseProps<C>;
-declare const FormInput: <C extends React.ElementType<any>>({ id, component, required, disabled, label, error, helperText, sx, ...props }: FormInputProps<C>) => JSX.Element;
+/**
+ * Documentation: https://up-components.up42.dev/?path=/story/patterns-form
+ */
+declare const FormInput: React.ForwardRefExoticComponent<Pick<InputProps & Pick<_mui_material.TextFieldProps, "label" | "id" | "disabled" | "required" | "error" | "focused" | "helperText"> & _mui_system.SystemProps<_mui_material.Theme> & {
+    children?: React.ReactNode;
+    component?: React.ElementType<any> | undefined;
+    ref?: React.Ref<unknown> | undefined;
+    sx?: _mui_material.SxProps<_mui_material.Theme> | undefined;
+} & _mui_material_OverridableComponent.CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, keyof _mui_material_OverridableComponent.CommonProps | "label" | "id" | "children" | "disabled" | "sx" | "ref" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText">, "translate" | "fullWidth" | keyof _mui_material_OverridableComponent.CommonProps | "label" | "slot" | "select" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "sx" | "key" | "autoFocus" | "name" | "type" | "value" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component" | "required" | "error" | "focused" | "helperText" | "hiddenLabel" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "InputLabelProps" | "inputProps" | "inputRef" | "SelectProps"> & React.RefAttributes<unknown>>;
 
 declare type LinkProps<C extends React.ElementType> = LinkProps$1<C, {
     component?: C;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",