@up42/up-components 0.0.4 → 0.1.1

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import{createTheme as e,CircularProgress as r,Chip as a,Avatar as o,Container as i,Grid as n}from"@mui/material";export*from"@mui/material";import t from"react";import{ThemeProvider as l,styled as d}from"@mui/material/styles";import c from"@mui/material/Button";import s from"@mui/material/Typography";
+import e from"@up42/design-system-tokens/dist/json/tokens.json";export{default as tokens}from"@up42/design-system-tokens/dist/json/tokens.json";import{createTheme as t,CssBaseline as o,CircularProgress as r,Chip as n,Avatar as a,Container as i,Grid as l,Box as c,Checkbox as d,FormControl as s,FormLabel as u,FormGroup as m,FormControlLabel as f,FormHelperText as g,Radio as p,RadioGroup as b,Switch as h,Select as y,MenuItem as v,TextField as x}from"@mui/material";export*from"@mui/material";import z,{useState as k}from"react";import{ThemeProvider as E,styled as S}from"@mui/material/styles";import C from"@mui/material/Button";import w from"@mui/material/Typography";import M from"@mui/material/InputAdornment";import O from"@mui/material/IconButton";import j from"@mui/material/utils";import P from"react/jsx-runtime";
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -12,4 +12,4 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var f=function(){return f=Object.assign||function(e){for(var r,a=1,o=arguments.length;a<o;a++)for(var i in r=arguments[a])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},f.apply(this,arguments)};function m(e,r){var a={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(a[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(o=Object.getOwnPropertySymbols(e);i<o.length;i++)r.indexOf(o[i])<0&&Object.prototype.propertyIsEnumerable.call(e,o[i])&&(a[o[i]]=e[o[i]])}return a}var g,u,b,p={background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},base:{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 "},brand:{darkMatter:"#262a59",titanPink:"#d40fa9",planetBlue:"#1dd7f0",greenEarth:"#aed581"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}},utility:{active:"#20b0c7",danger:"#e35656",info:"#262a59",success:"#aed581"}},h={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}},y={border:{radius:{default:"0.375rem",small:"0.25rem"},width:"0.0625rem"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"16px"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"16px"},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:"16px",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacing:{main:"1.5rem",section:"2rem",header:"1.5rem",article:"1.5rem",paragraph:"1rem",line:"0.5rem",scale1:"0.0625rem",scale2:"0.125rem",scale4:"0.25rem",scale6:"0.375rem",scale8:"0.5rem",scale16:"1rem",scale24:"1.5rem",scale32:"2rem",scale40:"2.5rem",scale48:"3rem",scale56:"3.5rem",scale64:"4rem",scale80:"5rem",scale88:"5.5rem",scale104:"6.5rem",scale112:"7rem",scale120:"7.5rem",scale128:"8rem",scale160:"10rem",scale208:"13rem"}},x={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:h.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:y.spacing.scale8}},colorDefault:{backgroundColor:p.base.gray10,color:p.base.gray60},colorPrimary:{backgroundColor:p.base.indigo10,color:p.base.indigo80},colorSecondary:{backgroundColor:p.base.pink10,color:p.base.pink80},colorError:{backgroundColor:p.base.red10,color:p.base.red50},colorInfo:{backgroundColor:p.base.indigo10,color:p.base.indigo80},colorSuccess:{backgroundColor:p.base.green10,color:p.base.green80}}},k={h1:{fontFamily:h.family.heading,fontSize:y.font.heading.default,fontWeight:700},h2:{fontFamily:h.family.heading,fontSize:y.font.heading.small,fontWeight:700},h3:{fontFamily:h.family.heading,fontSize:y.font.heading.xsmall,fontWeight:700},body1:{fontFamily:h.family.text,fontSize:y.font.body.default},body2:{fontFamily:h.family.text,fontSize:y.font.body.default,fontWeight:700},caption:{fontFamily:h.family.text,fontSize:y.font.caption.default},overline:{fontFamily:h.family.heading,fontSize:y.font.overline.default,letterSpacing:"initial",fontWeight:700,color:p.base.gray60}},v={small:"".concat(y.spacing.scale4," ").concat(y.spacing.scale8),medium:"".concat(y.spacing.scale8," ").concat(y.spacing.scale16),large:"".concat(y.spacing.scale16," ").concat(y.spacing.scale32)},S={styleOverrides:{root:{textTransform:"none",lineHeight:y.spacing.scale16,fontWeight:h.weight.bold,fontFamily:h.family.text},contained:{padding:v.medium},containedSizeSmall:{padding:v.small},containedSizeLarge:{padding:v.large},text:{padding:v.medium},textSizeSmall:{padding:v.small},textSizeLarge:{padding:v.large},outlined:{padding:"7px ".concat(y.spacing.scale16)},outlinedSizeSmall:{padding:v.small},outlinedSizeLarge:{padding:v.large},sizeSmall:{fontSize:y.font.label.default},sizeLarge:{fontSize:y.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"}}}},C={styleOverrides:{root:{color:p.base.gray60,backgroundColor:p.background.dark},sizeSmall:{padding:"3px"}}},z={styleOverrides:{root:{fontFamily:h.family.text,fontSize:y.font.label.default,fontWeight:h.weight.bold,width:y.spacing.scale24,height:y.spacing.scale24,"& .MuiSvgIcon-root":{width:y.spacing.scale16}},colorDefault:{backgroundColor:p.background.dark,"& .MuiSvgIcon-root":{color:p.base.gray60}}}},O={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(y.spacing.scale16),fontFamily:h.family.text,color:p.base.gray60,padding:"0 0 ".concat(y.spacing.scale16," 0"),"&:hover":{color:p.brand.darkMatter,opacity:1},"&$selected":{color:p.brand.darkMatter},"&:focus":{color:p.brand.darkMatter}}},defaultProps:{disableRipple:!0}},M={styleOverrides:{root:{borderBottom:"1px solid ".concat(p.base.gray20)},indicator:{backgroundColor:p.brand.darkMatter}}},w={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:p.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:p.brand.darkMatter},"&$disabled":{opacity:.5}}}},T={styleOverrides:{outlined:{notchedOutline:{borderColor:p.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},P={styleOverrides:{root:{fontWeight:h.weight.bold,lineHeight:h.lineHeight.medium,fontFamily:h.family.text,fontSize:y.font.caption.default,color:p.text.base,marginBottom:y.spacing.scale8}}},F={styleOverrides:{colorPrimary:{"&$checked":{"&:hover":{backgroundColor:"transparent"}}},root:{paddingTop:4,paddingBottom:4,color:p.border.default,"& svg":{width:"16px",height:"16px"}}}},B={styleOverrides:{root:{marginRight:16},colorSecondary:{color:p.base.gray0,"&$checked":{color:p.base.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:p.base.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:p.background.light,border:"2px solid ".concat(p.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:p.brand.darkMatter,border:"2px solid ".concat(p.brand.darkMatter)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},W=e({typography:f({},k),palette:{background:{default:"#ffffff"},primary:{main:p.brand.darkMatter},secondary:{main:p.brand.titanPink},error:{main:p.utility.danger},info:{main:p.utility.info},success:{main:p.base.green60}},components:{MuiButton:S,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:C,MuiChip:x,MuiInput:T,MuiFormLabel:P,MuiTabs:M,MuiTab:O,MuiAvatar:z,MuiCheckbox:w,MuiRadio:F,MuiSwitch:B,MuiLink:{styleOverrides:{root:{textDecoration:"none","&:hover":{textDecoration:"underline"}}}},MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),E=function(e){return t.createElement(l,{theme:W},e.children)},j=d(r)(b||(g=["\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"],u=["\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(g,"raw",{value:u}):g.raw=u,b=g)),$=function(e){var r=e.color,a=void 0===r?"primary":r,o=e.variant,i=void 0===o?"contained":o,n=e.size,l=void 0===n?"medium":n,d=e.loading,s=e.children,g=m(e,["color","variant","size","loading","children"]);return t.createElement(c,f({size:l,variant:i,color:a,disabled:d},g),t.createElement("span",{style:{opacity:d?0:1}},s),d&&t.createElement(j,{size:20,color:"inherit"}))},I=function(e){var r=e.children,a=m(e,["children"]);return t.createElement(s,f({},a),r)},L=function(e){var r=e.label,o=m(e,["label"]);return t.createElement(a,f({size:"small",label:r},o))},R=function(e){var r=e.icon,a=e.firstName,i=void 0===a?"":a,n=e.lastName,l=void 0===n?"":n,d=m(e,["icon","firstName","lastName"]),c="".concat(i.substring(0,1)).concat(l.substring(0,1)).toLocaleUpperCase(),s=c?p.brand.titanPink:p.background.dark;return t.createElement(o,f({sx:f({backgroundColor:s},d.sx)},d),c||r)},D={small:6,medium:8,large:12,fluid:12},H=function(e){var r=e.component,a=void 0===r?"div":r,o=e.size,l=void 0===o?"large":o,d=e.children,c=m(e,["component","size","children"]),s="fluid"===l;return t.createElement(i,f({component:a,disableGutters:s,maxWidth:!s&&"lg",sx:f({display:"flex",justifyContent:"center"},c.sx)},c),t.createElement(n,{container:!0,justifyContent:"center"},t.createElement(n,{item:!0,md:D[l]},d)))};export{R as Avatar,$ as Button,L as Chip,H as Container,I as Typography,E as UpComponentsProvider,W as theme};
+***************************************************************************** */var W=function(){return W=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},W.apply(this,arguments)};function F(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o}var I={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:e.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:e.size.spacing.scale8}},colorDefault:{backgroundColor:e.color.base.gray10,color:e.color.base.gray60},colorPrimary:{backgroundColor:e.color.base.indigo10,color:e.color.base.indigo80},colorSecondary:{backgroundColor:e.color.base.pink10,color:e.color.base.pink80},colorError:{backgroundColor:e.color.base.red10,color:e.color.base.red50},colorInfo:{backgroundColor:e.color.base.indigo10,color:e.color.base.indigo80},colorSuccess:{backgroundColor:e.color.base.green10,color:e.color.base.green80}}},B={h1:{fontFamily:e.font.family.heading,fontSize:e.size.font.heading.default,fontWeight:e.font.weight.bold,lineHeight:e.font.lineHeight.xlarge},h2:{fontFamily:e.font.family.heading,fontSize:e.size.font.heading.small,fontWeight:e.font.weight.bold,lineHeight:e.font.lineHeight.xlarge},h3:{fontFamily:e.font.family.heading,fontSize:e.size.font.heading.xsmall,fontWeight:e.font.weight.bold,lineHeight:e.font.lineHeight.large},body1:{fontFamily:e.font.family.text,fontSize:e.size.font.body.default,fontWeight:e.font.weight.normal,lineHeight:e.font.lineHeight.large},body2:{fontFamily:e.font.family.text,fontSize:e.size.font.body.default,fontWeight:e.font.weight.bold,lineHeight:e.font.lineHeight.large},caption:{fontFamily:e.font.family.text,fontSize:e.size.font.caption.default,fontWeight:e.font.weight.normal,lineHeight:e.font.lineHeight.medium},overline:{fontFamily:e.font.family.heading,fontSize:e.size.font.overline.default,letterSpacing:"initial",fontWeight:e.font.weight.bold,color:e.color.base.gray60}},H={small:"".concat(e.size.spacing.scale4," ").concat(e.size.spacing.scale8),medium:"".concat(e.size.spacing.scale8," ").concat(e.size.spacing.scale16),large:"".concat(e.size.spacing.scale16," ").concat(e.size.spacing.scale32)},L={styleOverrides:{root:{textTransform:"none",lineHeight:e.size.spacing.scale16,fontWeight:e.font.weight.bold,fontFamily:e.font.family.text},contained:{padding:H.medium},containedSizeSmall:{padding:H.small},containedSizeLarge:{padding:H.large},text:{padding:H.medium},textSizeSmall:{padding:H.small},textSizeLarge:{padding:H.large},outlined:{padding:"7px ".concat(e.size.spacing.scale16)},outlinedSizeSmall:{padding:H.small},outlinedSizeLarge:{padding:H.large},sizeSmall:{fontSize:e.size.font.label.default},sizeLarge:{fontSize:e.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"}}}},R={styleOverrides:{root:{color:e.color.base.gray60,backgroundColor:e.color.background.dark},sizeSmall:{padding:"3px"}}},T={styleOverrides:{root:{fontFamily:e.font.family.text,fontSize:e.size.font.label.default,fontWeight:e.font.weight.bold,width:e.size.spacing.scale24,height:e.size.spacing.scale24,"& .MuiSvgIcon-root":{width:e.size.spacing.scale16}},colorDefault:{backgroundColor:e.color.background.dark,"& .MuiSvgIcon-root":{color:e.color.base.gray60}}}},$={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:e.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:e.color.brand.darkMatter},"&$disabled":{opacity:.5}}}},_={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:e.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},A={styleOverrides:{root:{marginRight:16},colorSecondary:{color:e.color.base.gray0,"&$checked":{color:e.color.base.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:e.color.base.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:e.color.background.light,border:"2px solid ".concat(e.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:e.color.brand.darkMatter,border:"2px solid ".concat(e.color.brand.darkMatter)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},q={styleOverrides:{outlined:{position:"relative",padding:e.size.spacing.scale8,fontSize:e.size.font.label.default,borderRadius:e.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:e.color.background.dark,color:e.color.text.light}}}},D={styleOverrides:{root:{input:{padding:e.size.spacing.scale8,fontSize:e.size.font.label.default,height:e.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(e.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:e.size.spacing.scale16,height:e.size.spacing.scale16}}}}},N={styleOverrides:{outlined:{notchedOutline:{borderColor:e.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}};e.size.font.body.default,e.font.family.text,e.color.base.gray100;var V={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(e.size.spacing.scale16),fontFamily:e.font.family.text,color:e.color.base.gray60,padding:"0 0 ".concat(e.size.spacing.scale16," 0"),"&:hover":{color:e.color.brand.darkMatter,opacity:1},"&$selected":{color:e.color.brand.darkMatter},"&:focus":{color:e.color.brand.darkMatter}}},defaultProps:{disableRipple:!0}};e.size.font.caption.default;var G,U,J,K,Q={styleOverrides:{root:{borderBottom:"1px solid ".concat(e.color.base.gray20)},indicator:{backgroundColor:e.color.brand.darkMatter}}},X={styleOverrides:{root:{fontWeight:e.font.weight.bold,lineHeight:e.font.lineHeight.medium,fontFamily:e.font.family.text,fontSize:e.size.font.caption.default,color:e.color.text.base,marginBottom:e.size.spacing.scale8}}},Y=t({typography:W({},B),palette:{background:{default:"#ffffff"},primary:{main:e.color.brand.darkMatter},secondary:{main:e.color.brand.titanPink},error:{main:e.color.utility.danger},info:{main:e.color.utility.info},success:{main:e.color.base.green60}},components:{MuiButton:L,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:R,MuiChip:I,MuiInput:N,MuiTextField:D,MuiFormLabel:X,MuiTabs:Q,MuiTab:V,MuiAvatar:T,MuiCheckbox:$,MuiRadio:_,MuiSwitch:A,MuiSelect:q,MuiLink:{styleOverrides:{root:{textDecoration:"none","&:hover":{textDecoration:"underline"}}}},MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),Z=function(e){return z.createElement(z.Fragment,null,z.createElement(o,null),z.createElement(E,{theme:Y},e.children))},ee=S(r)(J||(G=["\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"],U=["\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(G,"raw",{value:U}):G.raw=U,J=G)),te=function(e){var t=e.color,o=void 0===t?"primary":t,r=e.variant,n=void 0===r?"contained":r,a=e.size,i=void 0===a?"medium":a,l=e.loading,c=e.children,d=F(e,["color","variant","size","loading","children"]);return z.createElement(C,W({size:i,variant:n,color:o,disabled:l},d),z.createElement("span",{style:{opacity:l?0:1}},c),l&&z.createElement(ee,{size:20,color:"inherit"}))},oe=function(e){var t=e.children,o=F(e,["children"]);return z.createElement(w,W({},o),t)},re=function(e){var t=e.label,o=F(e,["label"]);return z.createElement(n,W({size:"small",label:t},o))},ne=function(t){var o=t.icon,r=t.firstName,n=void 0===r?"":r,i=t.lastName,l=void 0===i?"":i,c=F(t,["icon","firstName","lastName"]),d="".concat(n.substring(0,1)).concat(l.substring(0,1)).toLocaleUpperCase(),s=d?e.color.brand.titanPink:e.color.background.dark;return z.createElement(a,W({sx:W({backgroundColor:s},c.sx)},c),d||o)},ae={small:6,medium:8,large:12,fluid:12},ie=function(e){var t=e.component,o=void 0===t?"div":t,r=e.size,n=void 0===r?"large":r,a=e.children,c=F(e,["component","size","children"]),d="fluid"===n;return z.createElement(i,W({component:o,disableGutters:d,maxWidth:!d&&"lg",sx:W({display:"flex",justifyContent:"center"},c.sx)},c),z.createElement(l,{container:!0,justifyContent:"center"},z.createElement(l,{item:!0,md:ae[n]},a)))},le=function(e){var t=e.children,o=F(e,["children"]);return z.createElement(c,W({},o),t)},ce=function(e){var t=F(e,[]);return z.createElement(d,W({},t))},de=function(t){var o=t.id,r=t.required,n=void 0===r||r,a=t.data,i=t.label,l=t.error,d=t.helperText;return z.createElement(s,null,z.createElement(u,{component:"label",error:l},i," ",n?"":z.createElement(c,{component:"span",sx:{fontWeight:e.font.weight.normal,color:e.color.text.light}},"(optional)")),z.createElement(m,null,a.map((function(t,r){var n=t.value,a=t.label;return z.createElement(f,{key:r,value:n,label:a||"",sx:{fontSize:e.size.font.base,color:e.color.text.base},control:z.createElement(ce,{color:"primary",inputProps:{"data-testid":"".concat(o,"-").concat(r)}})})}))),l&&z.createElement(g,{sx:{marginLeft:0,marginRight:0},error:l},d))},se=function(e){return z.createElement(p,W({},e))},ue=function(t){var o=t.id,r=t.helperText,n=t.label,a=t.error,i=t.required,l=void 0===i||i,d=t.name,m=t.data;return z.createElement(s,{component:"fieldset",error:a},z.createElement(u,{component:"legend"},n," ",l?"":z.createElement(c,{component:"span",sx:{fontWeight:e.font.weight.normal,color:e.color.text.light}},"(optional)")),z.createElement(b,{"aria-label":d,name:d},m.map((function(t,r){var n=t.value,a=t.label;return z.createElement(f,{value:n,key:n,label:a||"",sx:{fontSize:e.size.font.base,color:e.color.text.base},control:z.createElement(se,{color:"primary",inputProps:{"data-testid":"".concat(o,"-").concat(r)}})})}))),a&&z.createElement(g,{sx:{marginLeft:0,marginRight:0}},r))},me=function(e){return z.createElement(h,W({},e))},fe=function(e){var t=e.id,o=e.label,r=e.checked;return z.createElement(s,null,z.createElement(u,{component:"label"},o),z.createElement(f,{control:z.createElement(me,{id:t}),label:"".concat(r?"Active":"Inactive")}))},ge=function(e){return z.createElement(y,W({variant:"outlined"},e))},pe=function(t){var o=t.id,r=t.required,n=void 0===r||r,a=t.options,i=t.label,l=t.error,d=t.placeholder,m=t.helperText;return z.createElement(s,null,z.createElement(u,{component:"label",error:l},i," ",n?"":z.createElement(c,{component:"span",sx:{fontWeight:e.font.weight.normal,color:e.color.text.light}},"(optional)")),z.createElement(ge,{id:o,placeholder:d,error:l},a.map((function(e){return z.createElement(v,{key:e.value,value:e.value},e.text)}))),l&&z.createElement(g,{sx:{marginLeft:0,marginRight:0},error:l},m))},be={},he={exports:{}};(K=he).exports=function(e){return e&&e.__esModule?e:{default:e}},K.exports.__esModule=!0,K.exports.default=K.exports;var ye={};!function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return t.createSvgIcon}});var t=j}(ye);var ve=he.exports;Object.defineProperty(be,"__esModule",{value:!0});var xe=be.default=void 0,ze=P,ke=(0,ve(ye).default)((0,ze.jsx)("path",{d:"M12 6c3.79 0 7.17 2.13 8.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5C4.83 8.13 8.21 6 12 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5c1.38 0 2.5 1.12 2.5 2.5S13.38 14 12 14s-2.5-1.12-2.5-2.5S10.62 9 12 9m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"}),"VisibilityOutlined");xe=be.default=ke;var Ee={},Se=he.exports;Object.defineProperty(Ee,"__esModule",{value:!0});var Ce=Ee.default=void 0,we=P,Me=(0,Se(ye).default)((0,we.jsx)("path",{d:"M12 6c3.79 0 7.17 2.13 8.82 5.5-.59 1.22-1.42 2.27-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68C3.06 7.83 1.77 9.53 1 11.5 2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5 2.61 2.61c-.04.01-.08.02-.12.02-1.38 0-2.5-1.12-2.5-2.5 0-.05.01-.08.01-.13zm-3.4-3.4 1.75 1.75c-.23.55-.36 1.15-.36 1.78 0 2.48 2.02 4.5 4.5 4.5.63 0 1.23-.13 1.77-.36l.98.98c-.88.24-1.8.38-2.75.38-3.79 0-7.17-2.13-8.82-5.5.7-1.43 1.72-2.61 2.93-3.53z"}),"VisibilityOffOutlined");Ce=Ee.default=Me;var Oe=function(e){var t=e.type,o=F(e,["type"]),r=k(!1),n=r[0],a=r[1],i=W(W({},o.InputProps),"password"===t&&{endAdornment:z.createElement(M,{position:"end"},z.createElement(O,{"aria-label":"toggle password visibility",onClick:function(){return a(!n)},edge:"end"},n?z.createElement(xe,null):z.createElement(Ce,null)))});return z.createElement(x,W({},o,{type:n?"text":t,InputProps:i}))},je=function(t){var o=t.id,r=t.required,n=void 0===r||r,a=t.label,i=t.error,l=t.helperText,d=F(t,["id","required","label","error","helperText"]);return z.createElement(s,null,z.createElement(u,{component:"label",error:i},a," ",!n&&z.createElement(c,{component:"span",sx:{fontWeight:e.font.weight.normal,color:e.color.text.light}},"(optional)")),z.createElement(Oe,W({},d,{id:o,error:i,inputProps:{"data-testid":o}})),i&&z.createElement(g,{sx:{marginLeft:0,marginRight:0},error:i},l))};export{ne as Avatar,le as Box,te as Button,ce as Checkbox,re as Chip,ie as Container,de as FormCheckbox,je as FormInput,ue as FormRadio,pe as FormSelect,fe as FormSwitch,Oe as Input,se as Radio,ge as Select,me as Switch,oe as Typography,Z as UpComponentsProvider,Y as theme};

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AvatarProps as MUIAvatarProps } from '@mui/material';
-import { MUIGlobalOmit } from 'global/utils/types';
+import { MUIGlobalOmit } from '../../global/utils/types';
 export declare type AvatarProps = MUIGlobalOmit<Omit<MUIAvatarProps, 'children' | 'alt' | 'imgProps' | 'sizes' | 'src' | 'srcSet' | 'variant'>, {
     firstName?: string;
     lastName?: string;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BoxProps as MUIBoxProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type BoxProps = MUIGlobalOmit<MUIBoxProps>;
+export declare const Box: ({ children, ...props }: BoxProps) => JSX.Element;

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

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

package/dist/esm/types/components/Box/Box.test.d.ts

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
-import { MUIGlobalOmit } from 'global/utils/types';
+import { MUIGlobalOmit } from '../../global/utils/types';
 export declare type ButtonProps = MUIGlobalOmit<MUIButtonProps, {
     loading?: boolean;
 }>;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CheckboxProps as MUICheckboxProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type CheckboxProps = MUIGlobalOmit<MUICheckboxProps>;
+export declare const Checkbox: ({ ...props }: CheckboxProps) => JSX.Element;

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

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

package/dist/esm/types/components/Checkbox/Checkbox.test.d.ts

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ChipProps as MUIChipProps } from '@mui/material';
-import { MUIGlobalOmit } from 'global/utils/types';
+import { MUIGlobalOmit } from '../../global/utils/types';
 export declare type ChipProps = MUIGlobalOmit<Omit<MUIChipProps, 'size'>>;
 export declare const Chip: ({ label, ...props }: ChipProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ContainerProps as MUIContainerProps } from '@mui/material';
-import { MUIGlobalOmit } from 'global/utils/types';
+import { MUIGlobalOmit } from '../../global/utils/types';
 export declare type ContainerProps = MUIGlobalOmit<Omit<MUIContainerProps, 'maxWidth'>, {
     /**
      * Determine the max-width of the container.

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { MUIGlobalOmit } from '../../global/utils/types';
+import { CheckboxProps } from '../Checkbox/Checkbox';
+export declare type FormCheckboxProps = MUIGlobalOmit<CheckboxProps, {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+export declare const FormCheckbox: ({ id, required, data, label, error, helperText }: FormCheckboxProps) => JSX.Element;

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

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

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { InputProps } from '../Input/Input';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type FormInputProps = MUIGlobalOmit<InputProps, {
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+export declare const FormInput: ({ id, required, label, error, helperText, ...props }: FormInputProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { FormInputProps } from './FormInput';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: Story<FormInputProps>;
+export declare const Required: Story<FormInputProps>;
+export declare const withError: Story<FormInputProps>;

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

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

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { RadioGroupProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type FormRadioProps = MUIGlobalOmit<RadioGroupProps, {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+    helperText?: string;
+    label?: string;
+    error?: boolean;
+    required?: boolean;
+}>;
+export declare const FormRadio: ({ id, helperText, label, error, required, name, data }: FormRadioProps) => JSX.Element;

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { SwitchProps } from '../Switch/Switch';
+export interface FormSwitchProps extends SwitchProps {
+    label?: string;
+    id?: string;
+    checked?: boolean;
+}
+export declare const FormSwitch: ({ id, label, checked }: FormSwitchProps) => JSX.Element;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { HTMLInputTypeAttribute } from 'react';
+import { TextFieldProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type InputProps = MUIGlobalOmit<TextFieldProps> & {
+    type?: HTMLInputTypeAttribute;
+};
+export declare const Input: ({ type, ...otherProps }: InputProps) => JSX.Element;

package/dist/{cjs/types/global/overrides/form/input.d.ts → esm/types/components/Input/Input.overrides.d.ts}

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

package/dist/esm/types/components/Input/Input.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, Meta } from '@storybook/react';
+import { InputProps } from './Input';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<InputProps>;
+export declare const Password: Story<InputProps>;

package/dist/esm/types/components/Input/Input.test.d.ts

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { RadioProps as MUIRadioProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type RadioProps = MUIGlobalOmit<MUIRadioProps>;
+export declare const Radio: (props: RadioProps) => JSX.Element;

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

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

package/dist/esm/types/components/Radio/Radio.test.d.ts

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SelectProps as MUISelectProps } from '@mui/material';
+import { MUIGlobalOmit } from '../../global/utils/types';
+export declare type SelectProps = MUIGlobalOmit<Omit<MUISelectProps, 'variant' | 'label'>>;
+export declare const Select: (props: SelectProps) => JSX.Element;

package/dist/esm/types/components/Select/Select.overrides.d.ts

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

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

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

package/dist/esm/types/components/Select/Select.test.d.ts

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

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

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

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

@@ -0,0 +1,5 @@
+import { Story, Meta } from '@storybook/react';
+import { SwitchProps } from './Switch';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Default: Story<SwitchProps>;

package/dist/esm/types/components/Switch/Switch.test.d.ts

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

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TypographyProps as MUITypographyProps } from '@mui/material/Typography';
-import { MUIGlobalOmit } from 'global/utils/types';
+import { MUIGlobalOmit } from '../../global/utils/types';
 export declare type TypographyProps = MUIGlobalOmit<MUITypographyProps, {
     component?: React.ElementType;
 }>;

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

@@ -3,3 +3,14 @@ export { Typography } from './Typography/Typography';
 export { Chip } from './Chip/Chip';
 export { Avatar } from './Avatar/Avatar';
 export { Container } from './Container/Container';
+export { Box } from './Box/Box';
+export { Checkbox } from './Checkbox/Checkbox';
+export { FormCheckbox } from './FormCheckbox/FormCheckbox';
+export { Radio } from './Radio/Radio';
+export { FormRadio } from './FormRadio/FormRadio';
+export { Switch } from './Switch/Switch';
+export { FormSwitch } from './FormSwitch/FormSwitch';
+export { Select } from './Select/Select';
+export { FormSelect } from './FormSelect/FormSelect';
+export { Input } from './Input/Input';
+export { FormInput } from './FormInput/FormInput';

package/dist/esm/types/global/overrides/index.d.ts

@@ -2,8 +2,4 @@ export * from './menuItem';
 export * from './tab';
 export * from './tablePagination';
 export * from './tabs';
-export * from './form/checkbox';
-export * from './form/input';
 export * from './form/label';
-export * from './form/radio';
-export * from './form/switch';

package/dist/esm/types/global/tokens/colors/colors.components.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Box } from '../../..';
+export { Box };
+export declare const SemanticColors: () => JSX.Element;
+export declare const Palette: () => JSX.Element;

package/dist/esm/types/global/tokens/components/CodeSnippet.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const CodeSnippet: ({ dark, language, code, }: {
+    dark?: boolean | undefined;
+    language?: string | undefined;
+    code: string;
+}) => JSX.Element;

package/dist/esm/types/global/tokens/components/CopyToClipboard.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const CopyToClipboard: ({ label }: {
+    label: string;
+}) => JSX.Element;

package/dist/esm/types/global/tokens/components/Header.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Header: ({ title, subtitle }: {
+    title: string;
+    subtitle: string;
+}) => JSX.Element;

package/dist/esm/types/global/tokens/components/Table.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const Table: {
+    Wrapper: ({ rows, columns }: {
+        rows: React.ReactNode;
+        columns: string[];
+    }) => JSX.Element;
+    Cell: import("@emotion/styled").StyledComponent<import("@mui/material/TableCell/TableCell").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    Row: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material/TableRow/TableRow").TableRowTypeMap<{}, "tr">>;
+};

package/dist/esm/types/global/tokens/spacing/spacing.components.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Box } from '../../..';
+export { Box };
+export declare const SemanticSpacing: () => JSX.Element;
+export declare const SpacingTokens: () => JSX.Element;

package/dist/esm/types/global/tokens/typogrpahy/typography.components.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SemanticTypography: () => JSX.Element;
+export declare const FontSizes: () => JSX.Element;
+export declare const FontTokens: () => JSX.Element;

package/dist/esm/types/index.d.ts

@@ -1,4 +1,6 @@
+import tokens from '@up42/design-system-tokens/dist/json/tokens.json';
 export * from '@mui/material';
+export { tokens };
 export { UpComponentsProvider } from './global/UpComponentsProvider/UpComponentsProvider';
 export { theme } from './global/theme';
-export { Button, Typography, Chip, Avatar, Container } from './components';
+export { Button, Typography, Chip, Avatar, Container, Box, Switch, FormSwitch, Checkbox, FormCheckbox, Radio, FormRadio, Select, FormSelect, Input, FormInput, } from './components';

package/dist/index.d.ts

@@ -1,32 +1,18 @@
 /// <reference types="react" />
+export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
 import * as _mui_material from '@mui/material';
-import { ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1 } from '@mui/material';
+import { ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, BoxProps as BoxProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, TextFieldProps } from '@mui/material';
 export * from '@mui/material';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
-import React from 'react';
+import React, { HTMLInputTypeAttribute } from 'react';
 import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
 
 declare const UpComponentsProvider: (props: Omit<ThemeProviderProps, 'theme'>) => JSX.Element;
 
 declare const theme: _mui_material.Theme;
 
-type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps &
-  Omit<
-    MuiProps,
-    | 'classes'
-    | 'disableElevation'
-    | 'disableFocusRipple'
-    | 'disableRipple'
-    | 'focusRipple'
-    | 'tabIndex'
-    | 'action'
-    | 'centerRipple'
-    | 'disableTouchRipple'
-    | 'focusVisibleClassName'
-    | 'LinkComponent'
-    | 'TouchRippleProps'
-  >
+declare type MUIGlobalOmit<MuiProps, ComponentProps = unknown> = ComponentProps & Omit<MuiProps, 'classes' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'focusRipple' | 'tabIndex' | 'action' | 'centerRipple' | 'disableTouchRipple' | 'focusVisibleClassName' | 'LinkComponent' | 'TouchRippleProps'>;
 
 declare type ButtonProps = MUIGlobalOmit<ButtonProps$1, {
     loading?: boolean;
@@ -73,4 +59,74 @@ declare type ContainerProps = MUIGlobalOmit<Omit<ContainerProps$1, 'maxWidth'>,
  */
 declare const Container: ({ component, size, children, ...props }: ContainerProps) => JSX.Element;
 
-export { Avatar, Button, Chip, Container, Typography, UpComponentsProvider, theme };
+declare type BoxProps = MUIGlobalOmit<BoxProps$1>;
+declare const Box: ({ children, ...props }: BoxProps) => JSX.Element;
+
+declare type CheckboxProps = MUIGlobalOmit<CheckboxProps$1>;
+declare const Checkbox: ({ ...props }: CheckboxProps) => JSX.Element;
+
+declare type FormCheckboxProps = MUIGlobalOmit<CheckboxProps, {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+declare const FormCheckbox: ({ id, required, data, label, error, helperText }: FormCheckboxProps) => JSX.Element;
+
+declare type RadioProps = MUIGlobalOmit<RadioProps$1>;
+declare const Radio: (props: RadioProps) => JSX.Element;
+
+declare type FormRadioProps = MUIGlobalOmit<RadioGroupProps, {
+    data: {
+        value: string | number;
+        label?: string;
+    }[];
+    helperText?: string;
+    label?: string;
+    error?: boolean;
+    required?: boolean;
+}>;
+declare const FormRadio: ({ id, helperText, label, error, required, name, data }: FormRadioProps) => JSX.Element;
+
+declare type SwitchProps = MUIGlobalOmit<SwitchProps$1, {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+}>;
+declare const Switch: (props: SwitchProps) => JSX.Element;
+
+interface FormSwitchProps extends SwitchProps {
+    label?: string;
+    id?: string;
+    checked?: boolean;
+}
+declare const FormSwitch: ({ id, label, checked }: FormSwitchProps) => JSX.Element;
+
+declare type SelectProps = MUIGlobalOmit<Omit<SelectProps$1, 'variant' | 'label'>>;
+declare const Select: (props: SelectProps) => JSX.Element;
+
+declare type FormSelectProps = MUIGlobalOmit<SelectProps, {
+    options: {
+        value: string | number;
+        text: string;
+    }[];
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+declare const FormSelect: ({ id, required, options, label, error, placeholder, helperText, }: FormSelectProps) => JSX.Element;
+
+declare type InputProps = MUIGlobalOmit<TextFieldProps> & {
+    type?: HTMLInputTypeAttribute;
+};
+declare const Input: ({ type, ...otherProps }: InputProps) => JSX.Element;
+
+declare type FormInputProps = MUIGlobalOmit<InputProps, {
+    label?: string;
+    error?: boolean;
+    helperText?: string;
+}>;
+declare const FormInput: ({ id, required, label, error, helperText, ...props }: FormInputProps) => JSX.Element;
+
+export { Avatar, Box, Button, Checkbox, Chip, Container, FormCheckbox, FormInput, FormRadio, FormSelect, FormSwitch, Input, Radio, Select, Switch, Typography, UpComponentsProvider, theme };