@pautena/react-design-system 0.14.1 → 0.14.2

package/label/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("react"));exports.Label=({text:t,variant:a="default",textTransform:o="capitalize",sx:n})=>{const{palette:i,typography:s}=e.useTheme(),l={default:"light"===i.mode?i.grey[100]:i.grey[900],primary:i.primary.light,secondary:i.secondary.light,info:i.info.light,warning:i.warning.light,error:i.error.light,success:i.success.light},c={default:i.getContrastText(l.default),primary:i.primary.contrastText,secondary:i.secondary.contrastText,info:i.info.contrastText,warning:i.warning.contrastText,error:i.error.contrastText,success:i.success.contrastText};return r.default.createElement(e.Box,{height:24,minWidth:22,display:"inline-flex",justifyContent:"center",alignItems:"center",bgcolor:l[a],color:c[a],fontSize:s.caption.fontSize,fontWeight:s.fontWeightBold,lineHeight:0,textTransform:o,whiteSpace:"nowrap",borderRadius:2,role:"label","aria-label":`${t} ${a} label`,py:0,px:1,sx:{cursor:"default",...n}},t)},exports.labelClasses={root:"RdsLabel-root"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Box"),r=require("@mui/material/styles");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(t);exports.Label=({text:t,variant:a="default",textTransform:o="capitalize",sx:n})=>{const{palette:s,typography:l}=r.useTheme(),c={default:"light"===s.mode?s.grey[100]:s.grey[900],primary:s.primary.light,secondary:s.secondary.light,info:s.info.light,warning:s.warning.light,error:s.error.light,success:s.success.light},u={default:s.getContrastText(c.default),primary:s.primary.contrastText,secondary:s.secondary.contrastText,info:s.info.contrastText,warning:s.warning.contrastText,error:s.error.contrastText,success:s.success.contrastText};return e.jsx(i.default,{height:24,minWidth:22,display:"inline-flex",justifyContent:"center",alignItems:"center",bgcolor:c[a],color:u[a],fontSize:l.caption.fontSize,fontWeight:l.fontWeightBold,lineHeight:0,textTransform:o,whiteSpace:"nowrap",borderRadius:2,role:"label","aria-label":`${t} ${a} label`,py:0,px:1,sx:{cursor:"default",...n},children:t})},exports.labelClasses={root:"RdsLabel-root"};
 //# sourceMappingURL=index.js.map

package/label/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/label/label.tsx"],"sourcesContent":["import { Box, SxProps, Theme, useTheme } from \"@mui/material\";\nimport React from \"react\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n"],"names":["text","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","default","mode","grey","primary","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","React","Box","height","minWidth","display","justifyContent","alignItems","bgcolor","color","fontSize","caption","fontWeight","fontWeightBold","lineHeight","whiteSpace","borderRadius","role","py","px","cursor","root"],"mappings":"mNAwCqB,EACnBA,OACAC,UAAU,UACVC,gBAAgB,aAChBC,SAEA,MAAMC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAElCC,EAAgD,CACpDC,QAA0B,UAAjBJ,EAAQK,KAAmBL,EAAQM,KAAK,KAAON,EAAQM,KAAK,KACrEC,QAASP,EAAQO,QAAQC,MACzBC,UAAWT,EAAQS,UAAUD,MAC7BE,KAAMV,EAAQU,KAAKF,MACnBG,QAASX,EAAQW,QAAQH,MACzBI,MAAOZ,EAAQY,MAAMJ,MACrBK,QAASb,EAAQa,QAAQL,OAGrBM,EAA0C,CAC9CV,QAASJ,EAAQe,gBAAgBZ,EAAgBC,SACjDG,QAASP,EAAQO,QAAQS,aACzBP,UAAWT,EAAQS,UAAUO,aAC7BN,KAAMV,EAAQU,KAAKM,aACnBL,QAASX,EAAQW,QAAQK,aACzBJ,MAAOZ,EAAQY,MAAMI,aACrBH,QAASb,EAAQa,QAAQG,cAG3B,OACEC,wBAACC,MAAG,CACFC,OAAQ,GACRC,SAAU,GACVC,QAAQ,cACRC,eAAe,SACfC,WAAW,SACXC,QAASrB,EAAgBN,GACzB4B,MAAOX,EAAUjB,GACjB6B,SAAUzB,EAAW0B,QAAQD,SAC7BE,WAAY3B,EAAW4B,eACvBC,WAAY,EACZhC,cAAeA,EACfiC,WAAW,SACXC,aAAc,EACdC,KAAK,QAAO,aACA,GAAGrC,KAAQC,UACvBqC,GAAI,EACJC,GAAI,EACJpC,GAAI,CAAEqC,OAAQ,aAAcrC,IAE3BH,EAEH,uBA/EwB,CAC1ByC,KAAM"}
+{"version":3,"file":"index.js","sources":["../../../src/label/label.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n"],"names":["text","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","default","mode","grey","primary","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","_jsx","Box","height","minWidth","display","justifyContent","alignItems","bgcolor","color","fontSize","caption","fontWeight","fontWeightBold","lineHeight","whiteSpace","borderRadius","role","py","px","cursor","children","root"],"mappings":"yQAwCqB,EACnBA,OACAC,UAAU,UACVC,gBAAgB,aAChBC,SAEA,MAAMC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAElCC,EAAgD,CACpDC,QAA0B,UAAjBJ,EAAQK,KAAmBL,EAAQM,KAAK,KAAON,EAAQM,KAAK,KACrEC,QAASP,EAAQO,QAAQC,MACzBC,UAAWT,EAAQS,UAAUD,MAC7BE,KAAMV,EAAQU,KAAKF,MACnBG,QAASX,EAAQW,QAAQH,MACzBI,MAAOZ,EAAQY,MAAMJ,MACrBK,QAASb,EAAQa,QAAQL,OAGrBM,EAA0C,CAC9CV,QAASJ,EAAQe,gBAAgBZ,EAAgBC,SACjDG,QAASP,EAAQO,QAAQS,aACzBP,UAAWT,EAAQS,UAAUO,aAC7BN,KAAMV,EAAQU,KAAKM,aACnBL,QAASX,EAAQW,QAAQK,aACzBJ,MAAOZ,EAAQY,MAAMI,aACrBH,QAASb,EAAQa,QAAQG,cAG3B,OACEC,MAACC,EAAG,QAAA,CACFC,OAAQ,GACRC,SAAU,GACVC,QAAQ,cACRC,eAAe,SACfC,WAAW,SACXC,QAASrB,EAAgBN,GACzB4B,MAAOX,EAAUjB,GACjB6B,SAAUzB,EAAW0B,QAAQD,SAC7BE,WAAY3B,EAAW4B,eACvBC,WAAY,EACZhC,cAAeA,EACfiC,WAAW,SACXC,aAAc,EACdC,KAAK,QAAO,aACA,GAAGrC,KAAQC,UACvBqC,GAAI,EACJC,GAAI,EACJpC,GAAI,CAAEqC,OAAQ,aAAcrC,GAE3BsC,SAAAzC,GAEH,uBA/EwB,CAC1B0C,KAAM"}

package/label/index.js

@@ -1,2 +1,2 @@
-import{useTheme as t,Box as r}from"@mui/material";import e from"react";const o={root:"RdsLabel-root"},a=({text:o,variant:a="default",textTransform:n="capitalize",sx:i})=>{const{palette:s,typography:l}=t(),c={default:"light"===s.mode?s.grey[100]:s.grey[900],primary:s.primary.light,secondary:s.secondary.light,info:s.info.light,warning:s.warning.light,error:s.error.light,success:s.success.light},g={default:s.getContrastText(c.default),primary:s.primary.contrastText,secondary:s.secondary.contrastText,info:s.info.contrastText,warning:s.warning.contrastText,error:s.error.contrastText,success:s.success.contrastText};return e.createElement(r,{height:24,minWidth:22,display:"inline-flex",justifyContent:"center",alignItems:"center",bgcolor:c[a],color:g[a],fontSize:l.caption.fontSize,fontWeight:l.fontWeightBold,lineHeight:0,textTransform:n,whiteSpace:"nowrap",borderRadius:2,role:"label","aria-label":`${o} ${a} label`,py:0,px:1,sx:{cursor:"default",...i}},o)};export{a as Label,o as labelClasses};
+import{jsx as t}from"react/jsx-runtime";import r from"@mui/material/Box";import{useTheme as e}from"@mui/material/styles";const o={root:"RdsLabel-root"},a=({text:o,variant:a="default",textTransform:i="capitalize",sx:n})=>{const{palette:s,typography:l}=e(),c={default:"light"===s.mode?s.grey[100]:s.grey[900],primary:s.primary.light,secondary:s.secondary.light,info:s.info.light,warning:s.warning.light,error:s.error.light,success:s.success.light},g={default:s.getContrastText(c.default),primary:s.primary.contrastText,secondary:s.secondary.contrastText,info:s.info.contrastText,warning:s.warning.contrastText,error:s.error.contrastText,success:s.success.contrastText};return t(r,{height:24,minWidth:22,display:"inline-flex",justifyContent:"center",alignItems:"center",bgcolor:c[a],color:g[a],fontSize:l.caption.fontSize,fontWeight:l.fontWeightBold,lineHeight:0,textTransform:i,whiteSpace:"nowrap",borderRadius:2,role:"label","aria-label":`${o} ${a} label`,py:0,px:1,sx:{cursor:"default",...n},children:o})};export{a as Label,o as labelClasses};
 //# sourceMappingURL=index.js.map

package/label/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/label/label.tsx"],"sourcesContent":["import { Box, SxProps, Theme, useTheme } from \"@mui/material\";\nimport React from \"react\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n"],"names":["labelClasses","root","Label","text","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","default","mode","grey","primary","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","React","Box","height","minWidth","display","justifyContent","alignItems","bgcolor","color","fontSize","caption","fontWeight","fontWeightBold","lineHeight","whiteSpace","borderRadius","role","py","px","cursor"],"mappings":"uEAYa,MAAAA,EAAe,CAC1BC,KAAM,iBA2BKC,EAAQ,EACnBC,OACAC,UAAU,UACVC,gBAAgB,aAChBC,SAEA,MAAMC,QAAEA,EAAOC,WAAEA,GAAeC,IAE1BC,EAAgD,CACpDC,QAA0B,UAAjBJ,EAAQK,KAAmBL,EAAQM,KAAK,KAAON,EAAQM,KAAK,KACrEC,QAASP,EAAQO,QAAQC,MACzBC,UAAWT,EAAQS,UAAUD,MAC7BE,KAAMV,EAAQU,KAAKF,MACnBG,QAASX,EAAQW,QAAQH,MACzBI,MAAOZ,EAAQY,MAAMJ,MACrBK,QAASb,EAAQa,QAAQL,OAGrBM,EAA0C,CAC9CV,QAASJ,EAAQe,gBAAgBZ,EAAgBC,SACjDG,QAASP,EAAQO,QAAQS,aACzBP,UAAWT,EAAQS,UAAUO,aAC7BN,KAAMV,EAAQU,KAAKM,aACnBL,QAASX,EAAQW,QAAQK,aACzBJ,MAAOZ,EAAQY,MAAMI,aACrBH,QAASb,EAAQa,QAAQG,cAG3B,OACEC,gBAACC,EAAG,CACFC,OAAQ,GACRC,SAAU,GACVC,QAAQ,cACRC,eAAe,SACfC,WAAW,SACXC,QAASrB,EAAgBN,GACzB4B,MAAOX,EAAUjB,GACjB6B,SAAUzB,EAAW0B,QAAQD,SAC7BE,WAAY3B,EAAW4B,eACvBC,WAAY,EACZhC,cAAeA,EACfiC,WAAW,SACXC,aAAc,EACdC,KAAK,QAAO,aACA,GAAGrC,KAAQC,UACvBqC,GAAI,EACJC,GAAI,EACJpC,GAAI,CAAEqC,OAAQ,aAAcrC,IAE3BH,EAEH"}
+{"version":3,"file":"index.js","sources":["../../src/label/label.tsx"],"sourcesContent":["import Box from \"@mui/material/Box\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\n\nexport type LabelVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"default\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport const labelClasses = {\n  root: \"RdsLabel-root\",\n};\n\nexport interface LabelProps {\n  /**\n   * Content of the component\n   */\n  text: string;\n  /**\n   * Color palette used to draw the component\n   */\n  variant?: LabelVariant;\n\n  /**\n   * Custom styles\n   */\n  sx?: SxProps<Theme>;\n\n  /**\n   * Show the text as uppercase\n   */\n  textTransform?: \"none\" | \"capitalize\" | \"uppercase\";\n}\n\n/**\n * Compact element to represent a text\n */\nexport const Label = ({\n  text,\n  variant = \"default\",\n  textTransform = \"capitalize\",\n  sx,\n}: LabelProps) => {\n  const { palette, typography } = useTheme();\n\n  const backgroundColor: Record<LabelVariant, string> = {\n    default: palette.mode === \"light\" ? palette.grey[100] : palette.grey[900],\n    primary: palette.primary.light,\n    secondary: palette.secondary.light,\n    info: palette.info.light,\n    warning: palette.warning.light,\n    error: palette.error.light,\n    success: palette.success.light,\n  };\n\n  const textColor: Record<LabelVariant, string> = {\n    default: palette.getContrastText(backgroundColor.default),\n    primary: palette.primary.contrastText,\n    secondary: palette.secondary.contrastText,\n    info: palette.info.contrastText,\n    warning: palette.warning.contrastText,\n    error: palette.error.contrastText,\n    success: palette.success.contrastText,\n  };\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={backgroundColor[variant]}\n      color={textColor[variant]}\n      fontSize={typography.caption.fontSize}\n      fontWeight={typography.fontWeightBold}\n      lineHeight={0}\n      textTransform={textTransform}\n      whiteSpace=\"nowrap\"\n      borderRadius={2}\n      role=\"label\"\n      aria-label={`${text} ${variant} label`}\n      py={0}\n      px={1}\n      sx={{ cursor: \"default\", ...sx }}\n    >\n      {text}\n    </Box>\n  );\n};\n"],"names":["labelClasses","root","Label","text","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","default","mode","grey","primary","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","_jsx","Box","height","minWidth","display","justifyContent","alignItems","bgcolor","color","fontSize","caption","fontWeight","fontWeightBold","lineHeight","whiteSpace","borderRadius","role","py","px","cursor","children"],"mappings":"yHAYa,MAAAA,EAAe,CAC1BC,KAAM,iBA2BKC,EAAQ,EACnBC,OACAC,UAAU,UACVC,gBAAgB,aAChBC,SAEA,MAAMC,QAAEA,EAAOC,WAAEA,GAAeC,IAE1BC,EAAgD,CACpDC,QAA0B,UAAjBJ,EAAQK,KAAmBL,EAAQM,KAAK,KAAON,EAAQM,KAAK,KACrEC,QAASP,EAAQO,QAAQC,MACzBC,UAAWT,EAAQS,UAAUD,MAC7BE,KAAMV,EAAQU,KAAKF,MACnBG,QAASX,EAAQW,QAAQH,MACzBI,MAAOZ,EAAQY,MAAMJ,MACrBK,QAASb,EAAQa,QAAQL,OAGrBM,EAA0C,CAC9CV,QAASJ,EAAQe,gBAAgBZ,EAAgBC,SACjDG,QAASP,EAAQO,QAAQS,aACzBP,UAAWT,EAAQS,UAAUO,aAC7BN,KAAMV,EAAQU,KAAKM,aACnBL,QAASX,EAAQW,QAAQK,aACzBJ,MAAOZ,EAAQY,MAAMI,aACrBH,QAASb,EAAQa,QAAQG,cAG3B,OACEC,EAACC,EAAG,CACFC,OAAQ,GACRC,SAAU,GACVC,QAAQ,cACRC,eAAe,SACfC,WAAW,SACXC,QAASrB,EAAgBN,GACzB4B,MAAOX,EAAUjB,GACjB6B,SAAUzB,EAAW0B,QAAQD,SAC7BE,WAAY3B,EAAW4B,eACvBC,WAAY,EACZhC,cAAeA,EACfiC,WAAW,SACXC,aAAc,EACdC,KAAK,QAAO,aACA,GAAGrC,KAAQC,UACvBqC,GAAI,EACJC,GAAI,EACJpC,GAAI,CAAEqC,OAAQ,aAAcrC,GAE3BsC,SAAAzC,GAEH"}

package/label/label.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from "@mui/material";
+import { SxProps, Theme } from "@mui/material/styles";
 export type LabelVariant = "primary" | "secondary" | "default" | "info" | "warning" | "error" | "success";
 export declare const labelClasses: {
     root: string;

package/link/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-router-dom"),t=require("@mui/material");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(e);const n=e.forwardRef(((e,t)=>{const{href:o,...n}=e;return a.default.createElement(r.Link,{ref:t,to:o,...n})})),u=e.forwardRef(((e,r)=>a.default.createElement(t.Link,{...e,component:n})));exports.Link=u,exports.LinkBehaviour=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-router-dom"),t=require("react");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(require("@mui/material/Link"));const i=t.forwardRef(((t,o)=>{const{href:u,...i}=t;return e.jsx(r.Link,{ref:o,to:u,...i})})),n=t.forwardRef(((r,t)=>e.jsx(u.default,{...r,component:i})));exports.Link=n,exports.LinkBehaviour=i;
 //# sourceMappingURL=index.js.map

package/link/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/link/link.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport { LinkProps, Link as MuiLink } from \"@mui/material\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","React","createElement","RouterLink","Link","to","_1","MuiLink","component"],"mappings":"uOAMa,MAAAA,EAAgBC,EAAUA,YAGrC,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,UAACC,cAAAC,EAAUC,KAAC,CAAAN,IAAKA,EAAKO,GAAIN,KAAUC,GAAS,IAGzCI,EAAOR,EAAUA,YAAiB,CAACC,EAAOS,IAC9CL,EAAA,QAAAC,cAACK,OAAa,IAAAV,EAAeW,UAAWb"}
+{"version":3,"file":"index.js","sources":["../../../src/link/link.tsx"],"sourcesContent":["import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","_jsx","jsx","RouterLink","to","Link","_1","MuiLink","component"],"mappings":"uQAKa,MAAAA,EAAgBC,EAAUA,YAGrC,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,EAACC,IAAAC,OAAW,CAAAL,IAAKA,EAAKM,GAAIL,KAAUC,GAAS,IAGzCK,EAAOT,EAAUA,YAAiB,CAACC,EAAOS,IAC9CL,EAAAA,IAACM,EAAAA,QAAa,IAAAV,EAAeW,UAAWb"}

package/link/index.js

@@ -1,2 +1,2 @@
-import r,{forwardRef as e}from"react";import{Link as t}from"react-router-dom";import{Link as o}from"@mui/material";const m=e(((e,o)=>{const{href:m,...n}=e;return r.createElement(t,{ref:o,to:m,...n})})),n=e(((e,t)=>r.createElement(o,{...e,component:m})));export{n as Link,m as LinkBehaviour};
+import{jsx as r}from"react/jsx-runtime";import{Link as o}from"react-router-dom";import{forwardRef as t}from"react";import m from"@mui/material/Link";const e=t(((t,m)=>{const{href:e,...i}=t;return r(o,{ref:m,to:e,...i})})),i=t(((o,t)=>r(m,{...o,component:e})));export{i as Link,e as LinkBehaviour};
 //# sourceMappingURL=index.js.map

package/link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/link/link.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport { LinkProps, Link as MuiLink } from \"@mui/material\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","React","createElement","RouterLink","to","Link","_1","MuiLink","component"],"mappings":"mHAMa,MAAAA,EAAgBC,GAG3B,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,EAACC,cAAAC,EAAW,CAAAL,IAAKA,EAAKM,GAAIL,KAAUC,GAAS,IAGzCK,EAAOT,GAA2B,CAACC,EAAOS,IAC9CL,EAAAC,cAACK,EAAa,IAAAV,EAAeW,UAAWb"}
+{"version":3,"file":"index.js","sources":["../../src/link/link.tsx"],"sourcesContent":["import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","_jsx","RouterLink","to","Link","_1","MuiLink","component"],"mappings":"qJAKa,MAAAA,EAAgBC,GAG3B,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,EAACC,EAAW,CAAAJ,IAAKA,EAAKK,GAAIJ,KAAUC,GAAS,IAGzCI,EAAOR,GAA2B,CAACC,EAAOQ,IAC9CJ,EAACK,EAAa,IAAAT,EAAeU,UAAWZ"}

package/link/link.d.ts

@@ -1,7 +1,7 @@
-import React from "react";
+/// <reference types="react" />
 import { LinkProps as RouterLinkProps } from "react-router-dom";
-import { LinkProps } from "@mui/material";
-export declare const LinkBehaviour: React.ForwardRefExoticComponent<Omit<RouterLinkProps, "to"> & {
+import { LinkProps } from "@mui/material/Link";
+export declare const LinkBehaviour: import("react").ForwardRefExoticComponent<Omit<RouterLinkProps, "to"> & {
     href: RouterLinkProps["to"];
-} & React.RefAttributes<any>>;
-export declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<any>>;
+} & import("react").RefAttributes<any>>;
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<LinkProps, "ref"> & import("react").RefAttributes<any>>;

package/link-card/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),r=require("@mui/material/colors"),t=require("react"),o=require("react-router-dom");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);const l=t.forwardRef(((e,r)=>{const{href:t,...a}=e;return n.default.createElement(o.Link,{ref:r,to:t,...a})})),i=t.forwardRef(((r,t)=>n.default.createElement(e.Link,{...r,component:l})));exports.LinkCard=({variant:t="primary",title:o,message:a,href:l,linkText:u,sx:c})=>{const{palette:m}=e.useTheme(),d={p:3,display:"flex",flexDirection:"column",textDecoration:"none",backgroundColor:"light"===m.mode?r.grey[50]:r.grey[900],borderColor:r.grey[400],":hover":{borderColor:m[t].main,backgroundColor:"light"===m.mode?m.common.white:r.grey[800]}};return n.default.createElement(e.Paper,{component:i,href:l,variant:"outlined",sx:{...d,...c}},n.default.createElement(e.Typography,{variant:"h6"},o),n.default.createElement(e.Typography,{variant:"caption",sx:{mt:2}},a),u&&n.default.createElement(e.Typography,{color:t,variant:"button",sx:{mt:2}},u))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Paper"),t=require("@mui/material/Typography"),o=require("@mui/material/styles"),i=require("@mui/material/colors"),a=require("react-router-dom"),n=require("react"),l=require("@mui/material/Link");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(r),c=u(t),d=u(l);const m=n.forwardRef(((r,t)=>{const{href:o,...i}=r;return e.jsx(a.Link,{ref:t,to:o,...i})})),f=n.forwardRef(((r,t)=>e.jsx(d.default,{...r,component:m})));exports.LinkCard=({variant:r="primary",title:t,message:a,href:n,linkText:l,sx:u})=>{const{palette:d}=o.useTheme(),m={p:3,display:"flex",flexDirection:"column",textDecoration:"none",backgroundColor:"light"===d.mode?i.grey[50]:i.grey[900],borderColor:i.grey[400],":hover":{borderColor:d[r].main,backgroundColor:"light"===d.mode?d.common.white:i.grey[800]}};return e.jsxs(s.default,{component:f,href:n,variant:"outlined",sx:{...m,...u},children:[e.jsx(c.default,{variant:"h6",children:t}),e.jsx(c.default,{variant:"caption",sx:{mt:2},children:a}),l&&e.jsx(c.default,{color:r,variant:"button",sx:{mt:2},children:l})]})};
 //# sourceMappingURL=index.js.map

package/link-card/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/link/link.tsx","../../../src/link-card/link-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport { LinkProps, Link as MuiLink } from \"@mui/material\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { Paper, SxProps, Theme, Typography, useTheme } from \"@mui/material\";\nimport { grey } from \"@mui/material/colors\";\nimport React from \"react\";\nimport { Link } from \"~/link\";\n\nexport type LinkCardVariant = \"primary\" | \"secondary\" | \"info\" | \"warning\" | \"error\";\nexport interface LinkCardProps {\n  variant?: LinkCardVariant;\n  href: string;\n  title: string;\n  message: string;\n  linkText?: string;\n  sx?: SxProps<Theme>;\n}\n\nexport const LinkCard = ({\n  variant = \"primary\",\n  title,\n  message,\n  href,\n  linkText,\n  sx,\n}: LinkCardProps) => {\n  const { palette } = useTheme();\n\n  const rootSx: SxProps<Theme> = {\n    p: 3,\n    display: \"flex\",\n    flexDirection: \"column\",\n    textDecoration: \"none\",\n    backgroundColor: palette.mode === \"light\" ? grey[50] : grey[900],\n    borderColor: grey[400],\n    \":hover\": {\n      borderColor: palette[variant].main,\n      backgroundColor: palette.mode === \"light\" ? palette.common.white : grey[800],\n    },\n  };\n\n  return (\n    <Paper component={Link} href={href} variant=\"outlined\" sx={{ ...rootSx, ...sx }}>\n      <Typography variant=\"h6\">{title}</Typography>\n      <Typography variant=\"caption\" sx={{ mt: 2 }}>\n        {message}\n      </Typography>\n      {linkText && (\n        <Typography color={variant} variant=\"button\" sx={{ mt: 2 }}>\n          {linkText}\n        </Typography>\n      )}\n    </Paper>\n  );\n};\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","React","createElement","RouterLink","Link","to","_1","MuiLink","component","variant","title","message","linkText","sx","palette","useTheme","rootSx","p","display","flexDirection","textDecoration","backgroundColor","mode","grey","borderColor","main","common","white","Paper","Typography","mt","color"],"mappings":"yQAMO,MAAMA,EAAgBC,EAAUA,YAGrC,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,UAACC,cAAAC,EAAUC,KAAC,CAAAN,IAAKA,EAAKO,GAAIN,KAAUC,GAAS,IAGzCI,EAAOR,EAAUA,YAAiB,CAACC,EAAOS,IAC9CL,EAAA,QAAAC,cAACK,OAAa,IAAAV,EAAeW,UAAWb,uBCAzB,EACtBc,UAAU,UACVC,QACAC,UACAZ,OACAa,WACAC,SAEA,MAAMC,QAAEA,GAAYC,EAAAA,WAEdC,EAAyB,CAC7BC,EAAG,EACHC,QAAS,OACTC,cAAe,SACfC,eAAgB,OAChBC,gBAAkC,UAAjBP,EAAQQ,KAAmBC,EAAIA,KAAC,IAAMA,EAAIA,KAAC,KAC5DC,YAAaD,EAAIA,KAAC,KAClB,SAAU,CACRC,YAAaV,EAAQL,GAASgB,KAC9BJ,gBAAkC,UAAjBP,EAAQQ,KAAmBR,EAAQY,OAAOC,MAAQJ,EAAIA,KAAC,OAI5E,OACEtB,EAAAA,QAACC,cAAA0B,EAAAA,MAAM,CAAApB,UAAWJ,EAAML,KAAMA,EAAMU,QAAQ,WAAWI,GAAI,IAAKG,KAAWH,IACzEZ,EAAA,QAAAC,cAAC2B,EAAUA,WAAC,CAAApB,QAAQ,MAAMC,GAC1BT,EAAAA,QAAAC,cAAC2B,aAAU,CAACpB,QAAQ,UAAUI,GAAI,CAAEiB,GAAI,IACrCnB,GAEFC,GACCX,EAAA,QAAAC,cAAC2B,EAAUA,WAAA,CAACE,MAAOtB,EAASA,QAAQ,SAASI,GAAI,CAAEiB,GAAI,IACpDlB,GAIP"}
+{"version":3,"file":"index.js","sources":["../../../src/link/link.tsx","../../../src/link-card/link-card.tsx"],"sourcesContent":["import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import Paper from \"@mui/material/Paper\";\nimport Typography from \"@mui/material/Typography\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\nimport { grey } from \"@mui/material/colors\";\nimport { Link } from \"~/link\";\n\nexport type LinkCardVariant = \"primary\" | \"secondary\" | \"info\" | \"warning\" | \"error\";\nexport interface LinkCardProps {\n  variant?: LinkCardVariant;\n  href: string;\n  title: string;\n  message: string;\n  linkText?: string;\n  sx?: SxProps<Theme>;\n}\n\nexport const LinkCard = ({\n  variant = \"primary\",\n  title,\n  message,\n  href,\n  linkText,\n  sx,\n}: LinkCardProps) => {\n  const { palette } = useTheme();\n\n  const rootSx: SxProps<Theme> = {\n    p: 3,\n    display: \"flex\",\n    flexDirection: \"column\",\n    textDecoration: \"none\",\n    backgroundColor: palette.mode === \"light\" ? grey[50] : grey[900],\n    borderColor: grey[400],\n    \":hover\": {\n      borderColor: palette[variant].main,\n      backgroundColor: palette.mode === \"light\" ? palette.common.white : grey[800],\n    },\n  };\n\n  return (\n    <Paper component={Link} href={href} variant=\"outlined\" sx={{ ...rootSx, ...sx }}>\n      <Typography variant=\"h6\">{title}</Typography>\n      <Typography variant=\"caption\" sx={{ mt: 2 }}>\n        {message}\n      </Typography>\n      {linkText && (\n        <Typography color={variant} variant=\"button\" sx={{ mt: 2 }}>\n          {linkText}\n        </Typography>\n      )}\n    </Paper>\n  );\n};\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","_jsx","jsx","RouterLink","to","Link","_1","MuiLink","component","variant","title","message","linkText","sx","palette","useTheme","rootSx","p","display","flexDirection","textDecoration","backgroundColor","mode","grey","borderColor","main","common","white","_jsxs","Paper","children","Typography","mt","color"],"mappings":"oaAKO,MAAMA,EAAgBC,EAAUA,YAGrC,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,EAACC,IAAAC,OAAW,CAAAL,IAAKA,EAAKM,GAAIL,KAAUC,GAAS,IAGzCK,EAAOT,EAAUA,YAAiB,CAACC,EAAOS,IAC9CL,EAAAA,IAACM,EAAAA,QAAa,IAAAV,EAAeW,UAAWb,uBCEzB,EACtBc,UAAU,UACVC,QACAC,UACAZ,OACAa,WACAC,SAEA,MAAMC,QAAEA,GAAYC,EAAAA,WAEdC,EAAyB,CAC7BC,EAAG,EACHC,QAAS,OACTC,cAAe,SACfC,eAAgB,OAChBC,gBAAkC,UAAjBP,EAAQQ,KAAmBC,EAAIA,KAAC,IAAMA,EAAIA,KAAC,KAC5DC,YAAaD,EAAIA,KAAC,KAClB,SAAU,CACRC,YAAaV,EAAQL,GAASgB,KAC9BJ,gBAAkC,UAAjBP,EAAQQ,KAAmBR,EAAQY,OAAOC,MAAQJ,EAAIA,KAAC,OAI5E,OACEK,OAACC,EAAAA,QAAM,CAAArB,UAAWH,EAAMN,KAAMA,EAAMU,QAAQ,WAAWI,GAAI,IAAKG,KAAWH,GAAIiB,SAAA,CAC7E7B,MAAC8B,EAAU,QAAA,CAACtB,QAAQ,KAAMqB,SAAApB,IAC1BT,EAAAC,IAAC6B,EAAU,QAAC,CAAAtB,QAAQ,UAAUI,GAAI,CAAEmB,GAAI,GACrCF,SAAAnB,IAEFC,GACCX,EAAAA,IAAC8B,EAAAA,QAAW,CAAAE,MAAOxB,EAASA,QAAQ,SAASI,GAAI,CAAEmB,GAAI,GACpDF,SAAAlB,MAIP"}

package/link-card/index.js

@@ -1,2 +1,2 @@
-import{Link as e,useTheme as t,Paper as r,Typography as o}from"@mui/material";import{grey as n}from"@mui/material/colors";import a,{forwardRef as m}from"react";import{Link as i}from"react-router-dom";const l=m(((e,t)=>{const{href:r,...o}=e;return a.createElement(i,{ref:t,to:r,...o})})),c=m(((t,r)=>a.createElement(e,{...t,component:l}))),s=({variant:e="primary",title:m,message:i,href:l,linkText:s,sx:p})=>{const{palette:f}=t(),u={p:3,display:"flex",flexDirection:"column",textDecoration:"none",backgroundColor:"light"===f.mode?n[50]:n[900],borderColor:n[400],":hover":{borderColor:f[e].main,backgroundColor:"light"===f.mode?f.common.white:n[800]}};return a.createElement(r,{component:c,href:l,variant:"outlined",sx:{...u,...p}},a.createElement(o,{variant:"h6"},m),a.createElement(o,{variant:"caption",sx:{mt:2}},i),s&&a.createElement(o,{color:e,variant:"button",sx:{mt:2}},s))};export{s as LinkCard};
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"@mui/material/Paper";import e from"@mui/material/Typography";import{useTheme as i}from"@mui/material/styles";import{grey as m}from"@mui/material/colors";import{Link as a}from"react-router-dom";import{forwardRef as n}from"react";import l from"@mui/material/Link";const c=n(((o,t)=>{const{href:e,...i}=o;return r(a,{ref:t,to:e,...i})})),p=n(((o,t)=>r(l,{...o,component:c}))),s=({variant:a="primary",title:n,message:l,href:c,linkText:s,sx:f})=>{const{palette:u}=i(),d={p:3,display:"flex",flexDirection:"column",textDecoration:"none",backgroundColor:"light"===u.mode?m[50]:m[900],borderColor:m[400],":hover":{borderColor:u[a].main,backgroundColor:"light"===u.mode?u.common.white:m[800]}};return o(t,{component:p,href:c,variant:"outlined",sx:{...d,...f},children:[r(e,{variant:"h6",children:n}),r(e,{variant:"caption",sx:{mt:2},children:l}),s&&r(e,{color:a,variant:"button",sx:{mt:2},children:s})]})};export{s as LinkCard};
 //# sourceMappingURL=index.js.map

package/link-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/link/link.tsx","../../src/link-card/link-card.tsx"],"sourcesContent":["import React from \"react\";\nimport { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport { LinkProps, Link as MuiLink } from \"@mui/material\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import { Paper, SxProps, Theme, Typography, useTheme } from \"@mui/material\";\nimport { grey } from \"@mui/material/colors\";\nimport React from \"react\";\nimport { Link } from \"~/link\";\n\nexport type LinkCardVariant = \"primary\" | \"secondary\" | \"info\" | \"warning\" | \"error\";\nexport interface LinkCardProps {\n  variant?: LinkCardVariant;\n  href: string;\n  title: string;\n  message: string;\n  linkText?: string;\n  sx?: SxProps<Theme>;\n}\n\nexport const LinkCard = ({\n  variant = \"primary\",\n  title,\n  message,\n  href,\n  linkText,\n  sx,\n}: LinkCardProps) => {\n  const { palette } = useTheme();\n\n  const rootSx: SxProps<Theme> = {\n    p: 3,\n    display: \"flex\",\n    flexDirection: \"column\",\n    textDecoration: \"none\",\n    backgroundColor: palette.mode === \"light\" ? grey[50] : grey[900],\n    borderColor: grey[400],\n    \":hover\": {\n      borderColor: palette[variant].main,\n      backgroundColor: palette.mode === \"light\" ? palette.common.white : grey[800],\n    },\n  };\n\n  return (\n    <Paper component={Link} href={href} variant=\"outlined\" sx={{ ...rootSx, ...sx }}>\n      <Typography variant=\"h6\">{title}</Typography>\n      <Typography variant=\"caption\" sx={{ mt: 2 }}>\n        {message}\n      </Typography>\n      {linkText && (\n        <Typography color={variant} variant=\"button\" sx={{ mt: 2 }}>\n          {linkText}\n        </Typography>\n      )}\n    </Paper>\n  );\n};\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","React","createElement","RouterLink","to","Link","_1","MuiLink","component","LinkCard","variant","title","message","linkText","sx","palette","useTheme","rootSx","p","display","flexDirection","textDecoration","backgroundColor","mode","grey","borderColor","main","common","white","Paper","Typography","mt","color"],"mappings":"wMAMO,MAAMA,EAAgBC,GAG3B,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,EAACC,cAAAC,EAAW,CAAAL,IAAKA,EAAKM,GAAIL,KAAUC,GAAS,IAGzCK,EAAOT,GAA2B,CAACC,EAAOS,IAC9CL,EAAAC,cAACK,EAAa,IAAAV,EAAeW,UAAWb,MCApCc,EAAW,EACtBC,UAAU,UACVC,QACAC,UACAb,OACAc,WACAC,SAEA,MAAMC,QAAEA,GAAYC,IAEdC,EAAyB,CAC7BC,EAAG,EACHC,QAAS,OACTC,cAAe,SACfC,eAAgB,OAChBC,gBAAkC,UAAjBP,EAAQQ,KAAmBC,EAAK,IAAMA,EAAK,KAC5DC,YAAaD,EAAK,KAClB,SAAU,CACRC,YAAaV,EAAQL,GAASgB,KAC9BJ,gBAAkC,UAAjBP,EAAQQ,KAAmBR,EAAQY,OAAOC,MAAQJ,EAAK,OAI5E,OACEvB,EAACC,cAAA2B,EAAM,CAAArB,UAAWH,EAAMN,KAAMA,EAAMW,QAAQ,WAAWI,GAAI,IAAKG,KAAWH,IACzEb,EAAAC,cAAC4B,EAAW,CAAApB,QAAQ,MAAMC,GAC1BV,EAAAC,cAAC4B,EAAU,CAACpB,QAAQ,UAAUI,GAAI,CAAEiB,GAAI,IACrCnB,GAEFC,GACCZ,EAAAC,cAAC4B,EAAU,CAACE,MAAOtB,EAASA,QAAQ,SAASI,GAAI,CAAEiB,GAAI,IACpDlB,GAIP"}
+{"version":3,"file":"index.js","sources":["../../src/link/link.tsx","../../src/link-card/link-card.tsx"],"sourcesContent":["import { Link as RouterLink, LinkProps as RouterLinkProps } from \"react-router-dom\";\nimport { forwardRef } from \"react\";\nimport MuiLink, { LinkProps } from \"@mui/material/Link\";\n\n/* eslint-disable react/display-name, @typescript-eslint/no-explicit-any */\nexport const LinkBehaviour = forwardRef<\n  any,\n  Omit<RouterLinkProps, \"to\"> & { href: RouterLinkProps[\"to\"] }\n>((props, ref) => {\n  const { href, ...other } = props;\n  return <RouterLink ref={ref} to={href} {...other} />;\n});\n\nexport const Link = forwardRef<any, LinkProps>((props, _1) => {\n  return <MuiLink {...(props as any)} component={LinkBehaviour} />;\n});\n","import Paper from \"@mui/material/Paper\";\nimport Typography from \"@mui/material/Typography\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\nimport { grey } from \"@mui/material/colors\";\nimport { Link } from \"~/link\";\n\nexport type LinkCardVariant = \"primary\" | \"secondary\" | \"info\" | \"warning\" | \"error\";\nexport interface LinkCardProps {\n  variant?: LinkCardVariant;\n  href: string;\n  title: string;\n  message: string;\n  linkText?: string;\n  sx?: SxProps<Theme>;\n}\n\nexport const LinkCard = ({\n  variant = \"primary\",\n  title,\n  message,\n  href,\n  linkText,\n  sx,\n}: LinkCardProps) => {\n  const { palette } = useTheme();\n\n  const rootSx: SxProps<Theme> = {\n    p: 3,\n    display: \"flex\",\n    flexDirection: \"column\",\n    textDecoration: \"none\",\n    backgroundColor: palette.mode === \"light\" ? grey[50] : grey[900],\n    borderColor: grey[400],\n    \":hover\": {\n      borderColor: palette[variant].main,\n      backgroundColor: palette.mode === \"light\" ? palette.common.white : grey[800],\n    },\n  };\n\n  return (\n    <Paper component={Link} href={href} variant=\"outlined\" sx={{ ...rootSx, ...sx }}>\n      <Typography variant=\"h6\">{title}</Typography>\n      <Typography variant=\"caption\" sx={{ mt: 2 }}>\n        {message}\n      </Typography>\n      {linkText && (\n        <Typography color={variant} variant=\"button\" sx={{ mt: 2 }}>\n          {linkText}\n        </Typography>\n      )}\n    </Paper>\n  );\n};\n"],"names":["LinkBehaviour","forwardRef","props","ref","href","other","_jsx","RouterLink","to","Link","_1","MuiLink","component","LinkCard","variant","title","message","linkText","sx","palette","useTheme","rootSx","p","display","flexDirection","textDecoration","backgroundColor","mode","grey","borderColor","main","common","white","_jsxs","Paper","children","Typography","mt","color"],"mappings":"sUAKO,MAAMA,EAAgBC,GAG3B,CAACC,EAAOC,KACR,MAAMC,KAAEA,KAASC,GAAUH,EAC3B,OAAOI,EAACC,EAAW,CAAAJ,IAAKA,EAAKK,GAAIJ,KAAUC,GAAS,IAGzCI,EAAOR,GAA2B,CAACC,EAAOQ,IAC9CJ,EAACK,EAAa,IAAAT,EAAeU,UAAWZ,MCEpCa,EAAW,EACtBC,UAAU,UACVC,QACAC,UACAZ,OACAa,WACAC,SAEA,MAAMC,QAAEA,GAAYC,IAEdC,EAAyB,CAC7BC,EAAG,EACHC,QAAS,OACTC,cAAe,SACfC,eAAgB,OAChBC,gBAAkC,UAAjBP,EAAQQ,KAAmBC,EAAK,IAAMA,EAAK,KAC5DC,YAAaD,EAAK,KAClB,SAAU,CACRC,YAAaV,EAAQL,GAASgB,KAC9BJ,gBAAkC,UAAjBP,EAAQQ,KAAmBR,EAAQY,OAAOC,MAAQJ,EAAK,OAI5E,OACEK,EAACC,EAAM,CAAAtB,UAAWH,EAAML,KAAMA,EAAMU,QAAQ,WAAWI,GAAI,IAAKG,KAAWH,GAAIiB,SAAA,CAC7E7B,EAAC8B,EAAU,CAACtB,QAAQ,KAAMqB,SAAApB,IAC1BT,EAAC8B,EAAW,CAAAtB,QAAQ,UAAUI,GAAI,CAAEmB,GAAI,GACrCF,SAAAnB,IAEFC,GACCX,EAAC8B,EAAW,CAAAE,MAAOxB,EAASA,QAAQ,SAASI,GAAI,CAAEmB,GAAI,GACpDF,SAAAlB,MAIP"}

package/link-card/link-card.d.ts

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from "@mui/material";
+import { SxProps, Theme } from "@mui/material/styles";
 export type LinkCardVariant = "primary" | "secondary" | "info" | "warning" | "error";
 export interface LinkCardProps {
     variant?: LinkCardVariant;

package/list-panel/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/material/colors");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=a(t);const l=t.createContext(void 0),i=l.Provider;exports.ListPanel=({items:a,defaultSelectedItem:l,colBreakpoint:n=3,children:u,onSelectedItemChange:d=(()=>null)})=>{const c=(({lightWeight:t=100,darkWeight:r=900}={})=>{const{palette:a}=e.useTheme();return"light"===a.mode?a.grey[t]:a.grey[r]})(),{palette:s,typography:m}=e.useTheme(),[p,g]=t.useState(l);return o.default.createElement(i,{value:p},o.default.createElement(e.Grid,{container:!0,bgcolor:c,height:1},o.default.createElement(e.Grid,{item:!0,xs:n,pl:1,height:1},o.default.createElement(e.List,{sx:{height:1,overflowY:"auto"}},a.map((({id:t,text:a,tooltip:l})=>{const i=t===p,n=o.default.createElement(e.ListItemButton,{key:t,dense:!0,selected:i,onClick:()=>(e=>{g(e),d(e)})(t),"aria-label":a,sx:{backgroundColor:i?`${s.grey[300]} !important`:void 0}},o.default.createElement(e.ListItemText,{primary:a,primaryTypographyProps:{fontWeight:i?m.fontWeightMedium:void 0,color:i?m.body1.color:r.grey[600]}}));return l?o.default.createElement(e.Tooltip,{key:t,title:l,enterDelay:1500,placement:"right"},n):n})))),o.default.createElement(e.Grid,{item:!0,xs:12-n,pl:1,py:1,pr:1},o.default.createElement(e.Paper,{elevation:0,sx:{width:1,height:1,backgroundColor:s.background.paper}},u))))},exports.ListPanelContext=l,exports.ListPanelContextProvider=i,exports.useListPanel=()=>t.useContext(l);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Grid"),r=require("@mui/material/List"),i=require("@mui/material/ListItemButton"),a=require("@mui/material/ListItemText"),l=require("@mui/material/Paper"),o=require("@mui/material/Tooltip"),u=require("@mui/material"),n=require("react"),s=require("@mui/material/colors");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),m=d(r),h=d(i),p=d(a),x=d(l),g=d(o);const f=n.createContext(void 0),y=f.Provider;exports.ListPanel=({items:t,defaultSelectedItem:r,colBreakpoint:i=3,children:a,onSelectedItemChange:l=(()=>null)})=>{const o=(({lightWeight:e=100,darkWeight:t=900}={})=>{const{palette:r}=u.useTheme();return"light"===r.mode?r.grey[e]:r.grey[t]})(),{palette:d,typography:f}=u.useTheme(),[j,v]=n.useState(r);return e.jsx(y,{value:j,children:e.jsxs(c.default,{container:!0,bgcolor:o,height:1,children:[e.jsx(c.default,{item:!0,xs:i,pl:1,height:1,children:e.jsx(m.default,{sx:{height:1,overflowY:"auto"},children:t.map((({id:t,text:r,tooltip:i})=>{const a=t===j,o=e.jsx(h.default,{dense:!0,selected:a,onClick:()=>(e=>{v(e),l(e)})(t),"aria-label":r,sx:{backgroundColor:a?`${d.grey[300]} !important`:void 0},children:e.jsx(p.default,{primary:r,primaryTypographyProps:{fontWeight:a?f.fontWeightMedium:void 0,color:a?f.body1.color:s.grey[600]}})},t);return i?e.jsx(g.default,{title:i,enterDelay:1500,placement:"right",children:o},t):o}))})}),e.jsx(c.default,{item:!0,xs:12-i,pl:1,py:1,pr:1,children:e.jsx(x.default,{elevation:0,sx:{width:1,height:1,backgroundColor:d.background.paper},children:a})})]})})},exports.ListPanelContext=f,exports.ListPanelContextProvider=y,exports.useListPanel=()=>n.useContext(f);
 //# sourceMappingURL=index.js.map

package/list-panel/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/utils/theme.ts","../../../src/list-panel/list-panel.context.tsx","../../../src/list-panel/list-panel.tsx"],"sourcesContent":["import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { createContext, useContext } from \"react\";\n\nexport const ListPanelContext = createContext<string | undefined>(undefined);\nexport const ListPanelContextProvider = ListPanelContext.Provider;\nexport const useListPanel = () => useContext(ListPanelContext);\n","import { Grid, List, ListItemButton, ListItemText, Paper, Tooltip, useTheme } from \"@mui/material\";\nimport React, { PropsWithChildren, useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"~/utils\";\nimport { ListPanelContextProvider } from \"./list-panel.context\";\nimport { grey } from \"@mui/material/colors\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n}\n\nexport type ListPanelProps = PropsWithChildren<{\n  defaultSelectedItem?: string;\n  items: ListPanelItem[];\n  colBreakpoint?: number;\n  onSelectedItemChange?: (id: string) => void;\n}>;\n\nexport const ListPanel = ({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) => {\n  const bgColor = useGetDefaultThemeColor();\n  const { palette, typography } = useTheme();\n  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);\n\n  const handleSelectItem = (id: string) => {\n    setSelectedItem(id);\n    onSelectedItemChange(id);\n  };\n\n  return (\n    <ListPanelContextProvider value={selectedItem}>\n      <Grid container bgcolor={bgColor} height={1}>\n        <Grid item xs={colBreakpoint} pl={1} height={1}>\n          <List sx={{ height: 1, overflowY: \"auto\" }}>\n            {items.map(({ id, text, tooltip }) => {\n              const selected = id === selectedItem;\n\n              const contentEl = (\n                <ListItemButton\n                  key={id}\n                  dense\n                  selected={selected}\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                  sx={{ backgroundColor: selected ? `${palette.grey[300]} !important` : undefined }}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      fontWeight: selected ? typography.fontWeightMedium : undefined,\n                      color: selected ? typography.body1.color : grey[600],\n                    }}\n                  />\n                </ListItemButton>\n              );\n\n              return tooltip ? (\n                <Tooltip key={id} title={tooltip} enterDelay={1500} placement=\"right\">\n                  {contentEl}\n                </Tooltip>\n              ) : (\n                contentEl\n              );\n            })}\n          </List>\n        </Grid>\n        <Grid item xs={12 - colBreakpoint} pl={1} py={1} pr={1}>\n          <Paper\n            elevation={0}\n            sx={{\n              width: 1,\n              height: 1,\n              backgroundColor: palette.background.paper,\n            }}\n          >\n            {children}\n          </Paper>\n        </Grid>\n      </Grid>\n    </ListPanelContextProvider>\n  );\n};\n"],"names":["ListPanelContext","createContext","undefined","ListPanelContextProvider","Provider","items","defaultSelectedItem","colBreakpoint","children","onSelectedItemChange","bgColor","lightWeight","darkWeight","palette","useTheme","mode","grey","useGetDefaultThemeColor","typography","selectedItem","setSelectedItem","useState","React","createElement","value","Grid","container","bgcolor","height","item","xs","pl","List","sx","overflowY","map","id","text","tooltip","selected","contentEl","ListItemButton","key","dense","onClick","handleSelectItem","backgroundColor","ListItemText","primary","primaryTypographyProps","fontWeight","fontWeightMedium","color","body1","Tooltip","title","enterDelay","placement","py","pr","Paper","elevation","width","background","paper","useContext"],"mappings":"2OAIO,MCFMA,EAAmBC,EAAaA,mBAAqBC,GACrDC,EAA2BH,EAAiBI,2BCgBhC,EACvBC,QACAC,sBACAC,gBAAgB,EAChBC,WACAC,uBAAuB,KAAM,UAE7B,MAAMC,EFtB+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYC,EAAAA,WACpB,MAAwB,UAAjBD,EAAQE,KAAmBF,EAAQG,KAAKL,GAAeE,EAAQG,KAAKJ,EAAW,EEiBtEK,IACVJ,QAAEA,EAAOK,WAAEA,GAAeJ,EAAQA,YACjCK,EAAcC,GAAmBC,EAAQA,SAACf,GAOjD,OACEgB,EAAC,QAAAC,cAAApB,EAAyB,CAAAqB,MAAOL,GAC/BG,UAACC,cAAAE,EAAIA,KAAC,CAAAC,WAAU,EAAAC,QAASjB,EAASkB,OAAQ,GACxCN,EAAAA,QAAAC,cAACE,OAAI,CAACI,MAAI,EAACC,GAAIvB,EAAewB,GAAI,EAAGH,OAAQ,GAC3CN,EAAC,QAAAC,cAAAS,OAAK,CAAAC,GAAI,CAAEL,OAAQ,EAAGM,UAAW,SAC/B7B,EAAM8B,KAAI,EAAGC,KAAIC,OAAMC,cACtB,MAAMC,EAAWH,IAAOjB,EAElBqB,EACJlB,EAAA,QAAAC,cAACkB,EAAAA,eACC,CAAAC,IAAKN,EACLO,SACAJ,SAAUA,EACVK,QAAS,IAlBA,CAACR,IACxBhB,EAAgBgB,GAChB3B,EAAqB2B,EAAG,EAgBKS,CAAiBT,GACpB,aAAAC,EACZJ,GAAI,CAAEa,gBAAiBP,EAAW,GAAG1B,EAAQG,KAAK,uBAAoBd,IAEtEoB,EAAA,QAAAC,cAACwB,EAAYA,aACX,CAAAC,QAASX,EACTY,uBAAwB,CACtBC,WAAYX,EAAWrB,EAAWiC,sBAAmBjD,EACrDkD,MAAOb,EAAWrB,EAAWmC,MAAMD,MAAQpC,EAAIA,KAAC,SAMxD,OAAOsB,EACLhB,EAAAA,QAACC,cAAA+B,EAAOA,QAAC,CAAAZ,IAAKN,EAAImB,MAAOjB,EAASkB,WAAY,KAAMC,UAAU,SAC3DjB,GAGH,CACD,MAIPlB,EAAC,QAAAC,cAAAE,EAAIA,MAACI,MAAI,EAACC,GAAI,GAAKvB,EAAewB,GAAI,EAAG2B,GAAI,EAAGC,GAAI,GACnDrC,EAAA,QAAAC,cAACqC,EAAKA,MACJ,CAAAC,UAAW,EACX5B,GAAI,CACF6B,MAAO,EACPlC,OAAQ,EACRkB,gBAAiBjC,EAAQkD,WAAWC,QAGrCxD,KAKT,qFDlFwB,IAAMyD,EAAAA,WAAWjE"}
+{"version":3,"file":"index.js","sources":["../../../src/utils/theme.ts","../../../src/list-panel/list-panel.context.tsx","../../../src/list-panel/list-panel.tsx"],"sourcesContent":["import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { createContext, useContext } from \"react\";\n\nexport const ListPanelContext = createContext<string | undefined>(undefined);\nexport const ListPanelContextProvider = ListPanelContext.Provider;\nexport const useListPanel = () => useContext(ListPanelContext);\n","import Grid from \"@mui/material/Grid\";\nimport List from \"@mui/material/List\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Paper from \"@mui/material/Paper\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport { useTheme } from \"@mui/material\";\nimport { PropsWithChildren, useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"~/utils\";\nimport { ListPanelContextProvider } from \"./list-panel.context\";\nimport { grey } from \"@mui/material/colors\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n}\n\nexport type ListPanelProps = PropsWithChildren<{\n  defaultSelectedItem?: string;\n  items: ListPanelItem[];\n  colBreakpoint?: number;\n  onSelectedItemChange?: (id: string) => void;\n}>;\n\nexport const ListPanel = ({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) => {\n  const bgColor = useGetDefaultThemeColor();\n  const { palette, typography } = useTheme();\n  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);\n\n  const handleSelectItem = (id: string) => {\n    setSelectedItem(id);\n    onSelectedItemChange(id);\n  };\n\n  return (\n    <ListPanelContextProvider value={selectedItem}>\n      <Grid container bgcolor={bgColor} height={1}>\n        <Grid item xs={colBreakpoint} pl={1} height={1}>\n          <List sx={{ height: 1, overflowY: \"auto\" }}>\n            {items.map(({ id, text, tooltip }) => {\n              const selected = id === selectedItem;\n\n              const contentEl = (\n                <ListItemButton\n                  key={id}\n                  dense\n                  selected={selected}\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                  sx={{ backgroundColor: selected ? `${palette.grey[300]} !important` : undefined }}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      fontWeight: selected ? typography.fontWeightMedium : undefined,\n                      color: selected ? typography.body1.color : grey[600],\n                    }}\n                  />\n                </ListItemButton>\n              );\n\n              return tooltip ? (\n                <Tooltip key={id} title={tooltip} enterDelay={1500} placement=\"right\">\n                  {contentEl}\n                </Tooltip>\n              ) : (\n                contentEl\n              );\n            })}\n          </List>\n        </Grid>\n        <Grid item xs={12 - colBreakpoint} pl={1} py={1} pr={1}>\n          <Paper\n            elevation={0}\n            sx={{\n              width: 1,\n              height: 1,\n              backgroundColor: palette.background.paper,\n            }}\n          >\n            {children}\n          </Paper>\n        </Grid>\n      </Grid>\n    </ListPanelContextProvider>\n  );\n};\n"],"names":["ListPanelContext","createContext","undefined","ListPanelContextProvider","Provider","items","defaultSelectedItem","colBreakpoint","children","onSelectedItemChange","bgColor","lightWeight","darkWeight","palette","useTheme","mode","grey","useGetDefaultThemeColor","typography","selectedItem","setSelectedItem","useState","_jsx","jsx","value","_jsxs","jsxs","Grid","container","bgcolor","height","item","xs","pl","List","sx","overflowY","map","id","text","tooltip","selected","contentEl","ListItemButton","dense","onClick","handleSelectItem","backgroundColor","ListItemText","primary","primaryTypographyProps","fontWeight","fontWeightMedium","color","body1","Tooltip","title","enterDelay","placement","py","pr","Paper","elevation","width","background","paper","useContext"],"mappings":"mgBAIO,MCFMA,EAAmBC,EAAaA,mBAAqBC,GACrDC,EAA2BH,EAAiBI,2BCsBhC,EACvBC,QACAC,sBACAC,gBAAgB,EAChBC,WACAC,uBAAuB,KAAM,UAE7B,MAAMC,EF5B+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYC,EAAAA,WACpB,MAAwB,UAAjBD,EAAQE,KAAmBF,EAAQG,KAAKL,GAAeE,EAAQG,KAAKJ,EAAW,EEuBtEK,IACVJ,QAAEA,EAAOK,WAAEA,GAAeJ,EAAQA,YACjCK,EAAcC,GAAmBC,EAAQA,SAACf,GAOjD,OACEgB,EAAAC,IAACpB,EAAwB,CAACqB,MAAOL,EAAYX,SAC3CiB,EAACC,KAAAC,UAAK,CAAAC,aAAUC,QAASnB,EAASoB,OAAQ,EAACtB,SAAA,CACzCc,MAACK,UAAI,CAACI,MAAI,EAACC,GAAIzB,EAAe0B,GAAI,EAAGH,OAAQ,EAC3CtB,SAAAc,EAAAA,IAACY,EAAI,QAAA,CAACC,GAAI,CAAEL,OAAQ,EAAGM,UAAW,QAC/B5B,SAAAH,EAAMgC,KAAI,EAAGC,KAAIC,OAAMC,cACtB,MAAMC,EAAWH,IAAOnB,EAElBuB,EACJpB,EAAAA,IAACqB,EAAAA,SAECC,OAAK,EACLH,SAAUA,EACVI,QAAS,IAlBA,CAACP,IACxBlB,EAAgBkB,GAChB7B,EAAqB6B,EAAG,EAgBKQ,CAAiBR,GACpB,aAAAC,EACZJ,GAAI,CAAEY,gBAAiBN,EAAW,GAAG5B,EAAQG,KAAK,uBAAoBd,GAAWM,SAEjFc,EAAAA,IAAC0B,EAAAA,QACC,CAAAC,QAASV,EACTW,uBAAwB,CACtBC,WAAYV,EAAWvB,EAAWkC,sBAAmBlD,EACrDmD,MAAOZ,EAAWvB,EAAWoC,MAAMD,MAAQrC,EAAIA,KAAC,SAX/CsB,GAiBT,OAAOE,EACLlB,EAAAA,IAACiC,EAAAA,QAAO,CAAUC,MAAOhB,EAASiB,WAAY,KAAMC,UAAU,QAC3DlD,SAAAkC,GADWJ,GAId,CACD,QAIPhB,EAAAA,IAACK,EAAI,QAAA,CAACI,MAAI,EAACC,GAAI,GAAKzB,EAAe0B,GAAI,EAAG0B,GAAI,EAAGC,GAAI,EAACpD,SACpDc,EAACC,IAAAsC,WACCC,UAAW,EACX3B,GAAI,CACF4B,MAAO,EACPjC,OAAQ,EACRiB,gBAAiBlC,EAAQmD,WAAWC,OACrCzD,SAEAA,UAKT,qFDxFwB,IAAM0D,EAAAA,WAAWlE"}

package/list-panel/index.js

@@ -1,2 +1,2 @@
-import{useTheme as e,Grid as t,List as r,ListItemButton as o,ListItemText as l,Tooltip as a,Paper as i}from"@mui/material";import n,{createContext as m,useContext as c,useState as p}from"react";import{grey as g}from"@mui/material/colors";const h=m(void 0),d=h.Provider,s=()=>c(h),y=({items:m,defaultSelectedItem:c,colBreakpoint:h=3,children:s,onSelectedItemChange:y=(()=>null)})=>{const u=(({lightWeight:t=100,darkWeight:r=900}={})=>{const{palette:o}=e();return"light"===o.mode?o.grey[t]:o.grey[r]})(),{palette:E,typography:k}=e(),[f,v]=p(c);return n.createElement(d,{value:f},n.createElement(t,{container:!0,bgcolor:u,height:1},n.createElement(t,{item:!0,xs:h,pl:1,height:1},n.createElement(r,{sx:{height:1,overflowY:"auto"}},m.map((({id:e,text:t,tooltip:r})=>{const i=e===f,m=n.createElement(o,{key:e,dense:!0,selected:i,onClick:()=>(e=>{v(e),y(e)})(e),"aria-label":t,sx:{backgroundColor:i?`${E.grey[300]} !important`:void 0}},n.createElement(l,{primary:t,primaryTypographyProps:{fontWeight:i?k.fontWeightMedium:void 0,color:i?k.body1.color:g[600]}}));return r?n.createElement(a,{key:e,title:r,enterDelay:1500,placement:"right"},m):m})))),n.createElement(t,{item:!0,xs:12-h,pl:1,py:1,pr:1},n.createElement(i,{elevation:0,sx:{width:1,height:1,backgroundColor:E.background.paper}},s))))};export{y as ListPanel,h as ListPanelContext,d as ListPanelContextProvider,s as useListPanel};
+import{jsx as r,jsxs as t}from"react/jsx-runtime";import e from"@mui/material/Grid";import i from"@mui/material/List";import o from"@mui/material/ListItemButton";import m from"@mui/material/ListItemText";import l from"@mui/material/Paper";import a from"@mui/material/Tooltip";import{useTheme as n}from"@mui/material";import{createContext as p,useContext as c,useState as d}from"react";import{grey as h}from"@mui/material/colors";const g=p(void 0),u=g.Provider,s=()=>c(g),f=({items:p,defaultSelectedItem:c,colBreakpoint:g=3,children:s,onSelectedItemChange:f=(()=>null)})=>{const y=(({lightWeight:r=100,darkWeight:t=900}={})=>{const{palette:e}=n();return"light"===e.mode?e.grey[r]:e.grey[t]})(),{palette:x,typography:v}=n(),[b,k]=d(c);return r(u,{value:b,children:t(e,{container:!0,bgcolor:y,height:1,children:[r(e,{item:!0,xs:g,pl:1,height:1,children:r(i,{sx:{height:1,overflowY:"auto"},children:p.map((({id:t,text:e,tooltip:i})=>{const l=t===b,n=r(o,{dense:!0,selected:l,onClick:()=>(r=>{k(r),f(r)})(t),"aria-label":e,sx:{backgroundColor:l?`${x.grey[300]} !important`:void 0},children:r(m,{primary:e,primaryTypographyProps:{fontWeight:l?v.fontWeightMedium:void 0,color:l?v.body1.color:h[600]}})},t);return i?r(a,{title:i,enterDelay:1500,placement:"right",children:n},t):n}))})}),r(e,{item:!0,xs:12-g,pl:1,py:1,pr:1,children:r(l,{elevation:0,sx:{width:1,height:1,backgroundColor:x.background.paper},children:s})})]})})};export{f as ListPanel,g as ListPanelContext,u as ListPanelContextProvider,s as useListPanel};
 //# sourceMappingURL=index.js.map

package/list-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/theme.ts","../../src/list-panel/list-panel.context.tsx","../../src/list-panel/list-panel.tsx"],"sourcesContent":["import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { createContext, useContext } from \"react\";\n\nexport const ListPanelContext = createContext<string | undefined>(undefined);\nexport const ListPanelContextProvider = ListPanelContext.Provider;\nexport const useListPanel = () => useContext(ListPanelContext);\n","import { Grid, List, ListItemButton, ListItemText, Paper, Tooltip, useTheme } from \"@mui/material\";\nimport React, { PropsWithChildren, useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"~/utils\";\nimport { ListPanelContextProvider } from \"./list-panel.context\";\nimport { grey } from \"@mui/material/colors\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n}\n\nexport type ListPanelProps = PropsWithChildren<{\n  defaultSelectedItem?: string;\n  items: ListPanelItem[];\n  colBreakpoint?: number;\n  onSelectedItemChange?: (id: string) => void;\n}>;\n\nexport const ListPanel = ({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) => {\n  const bgColor = useGetDefaultThemeColor();\n  const { palette, typography } = useTheme();\n  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);\n\n  const handleSelectItem = (id: string) => {\n    setSelectedItem(id);\n    onSelectedItemChange(id);\n  };\n\n  return (\n    <ListPanelContextProvider value={selectedItem}>\n      <Grid container bgcolor={bgColor} height={1}>\n        <Grid item xs={colBreakpoint} pl={1} height={1}>\n          <List sx={{ height: 1, overflowY: \"auto\" }}>\n            {items.map(({ id, text, tooltip }) => {\n              const selected = id === selectedItem;\n\n              const contentEl = (\n                <ListItemButton\n                  key={id}\n                  dense\n                  selected={selected}\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                  sx={{ backgroundColor: selected ? `${palette.grey[300]} !important` : undefined }}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      fontWeight: selected ? typography.fontWeightMedium : undefined,\n                      color: selected ? typography.body1.color : grey[600],\n                    }}\n                  />\n                </ListItemButton>\n              );\n\n              return tooltip ? (\n                <Tooltip key={id} title={tooltip} enterDelay={1500} placement=\"right\">\n                  {contentEl}\n                </Tooltip>\n              ) : (\n                contentEl\n              );\n            })}\n          </List>\n        </Grid>\n        <Grid item xs={12 - colBreakpoint} pl={1} py={1} pr={1}>\n          <Paper\n            elevation={0}\n            sx={{\n              width: 1,\n              height: 1,\n              backgroundColor: palette.background.paper,\n            }}\n          >\n            {children}\n          </Paper>\n        </Grid>\n      </Grid>\n    </ListPanelContextProvider>\n  );\n};\n"],"names":["ListPanelContext","createContext","undefined","ListPanelContextProvider","Provider","useListPanel","useContext","ListPanel","items","defaultSelectedItem","colBreakpoint","children","onSelectedItemChange","bgColor","lightWeight","darkWeight","palette","useTheme","mode","grey","useGetDefaultThemeColor","typography","selectedItem","setSelectedItem","useState","React","createElement","value","Grid","container","bgcolor","height","item","xs","pl","List","sx","overflowY","map","id","text","tooltip","selected","contentEl","ListItemButton","key","dense","onClick","handleSelectItem","backgroundColor","ListItemText","primary","primaryTypographyProps","fontWeight","fontWeightMedium","color","body1","Tooltip","title","enterDelay","placement","py","pr","Paper","elevation","width","background","paper"],"mappings":"8OAIO,MCFMA,EAAmBC,OAAkCC,GACrDC,EAA2BH,EAAiBI,SAC5CC,EAAe,IAAMC,EAAWN,GCehCO,EAAY,EACvBC,QACAC,sBACAC,gBAAgB,EAChBC,WACAC,uBAAuB,KAAM,UAE7B,MAAMC,EFtB+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYC,IACpB,MAAwB,UAAjBD,EAAQE,KAAmBF,EAAQG,KAAKL,GAAeE,EAAQG,KAAKJ,EAAW,EEiBtEK,IACVJ,QAAEA,EAAOK,WAAEA,GAAeJ,KACzBK,EAAcC,GAAmBC,EAASf,GAOjD,OACEgB,EAACC,cAAAvB,EAAyB,CAAAwB,MAAOL,GAC/BG,EAACC,cAAAE,EAAK,CAAAC,WAAU,EAAAC,QAASjB,EAASkB,OAAQ,GACxCN,EAAAC,cAACE,EAAI,CAACI,MAAI,EAACC,GAAIvB,EAAewB,GAAI,EAAGH,OAAQ,GAC3CN,EAACC,cAAAS,EAAK,CAAAC,GAAI,CAAEL,OAAQ,EAAGM,UAAW,SAC/B7B,EAAM8B,KAAI,EAAGC,KAAIC,OAAMC,cACtB,MAAMC,EAAWH,IAAOjB,EAElBqB,EACJlB,EAAAC,cAACkB,EACC,CAAAC,IAAKN,EACLO,SACAJ,SAAUA,EACVK,QAAS,IAlBA,CAACR,IACxBhB,EAAgBgB,GAChB3B,EAAqB2B,EAAG,EAgBKS,CAAiBT,GACpB,aAAAC,EACZJ,GAAI,CAAEa,gBAAiBP,EAAW,GAAG1B,EAAQG,KAAK,uBAAoBjB,IAEtEuB,EAAAC,cAACwB,EACC,CAAAC,QAASX,EACTY,uBAAwB,CACtBC,WAAYX,EAAWrB,EAAWiC,sBAAmBpD,EACrDqD,MAAOb,EAAWrB,EAAWmC,MAAMD,MAAQpC,EAAK,SAMxD,OAAOsB,EACLhB,EAACC,cAAA+B,EAAQ,CAAAZ,IAAKN,EAAImB,MAAOjB,EAASkB,WAAY,KAAMC,UAAU,SAC3DjB,GAGH,CACD,MAIPlB,EAACC,cAAAE,GAAKI,MAAI,EAACC,GAAI,GAAKvB,EAAewB,GAAI,EAAG2B,GAAI,EAAGC,GAAI,GACnDrC,EAAAC,cAACqC,EACC,CAAAC,UAAW,EACX5B,GAAI,CACF6B,MAAO,EACPlC,OAAQ,EACRkB,gBAAiBjC,EAAQkD,WAAWC,QAGrCxD,KAKT"}
+{"version":3,"file":"index.js","sources":["../../src/utils/theme.ts","../../src/list-panel/list-panel.context.tsx","../../src/list-panel/list-panel.tsx"],"sourcesContent":["import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n  lightWeight = 100,\n  darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n  const { palette } = useTheme();\n  return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { createContext, useContext } from \"react\";\n\nexport const ListPanelContext = createContext<string | undefined>(undefined);\nexport const ListPanelContextProvider = ListPanelContext.Provider;\nexport const useListPanel = () => useContext(ListPanelContext);\n","import Grid from \"@mui/material/Grid\";\nimport List from \"@mui/material/List\";\nimport ListItemButton from \"@mui/material/ListItemButton\";\nimport ListItemText from \"@mui/material/ListItemText\";\nimport Paper from \"@mui/material/Paper\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport { useTheme } from \"@mui/material\";\nimport { PropsWithChildren, useState } from \"react\";\nimport { useGetDefaultThemeColor } from \"~/utils\";\nimport { ListPanelContextProvider } from \"./list-panel.context\";\nimport { grey } from \"@mui/material/colors\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n}\n\nexport type ListPanelProps = PropsWithChildren<{\n  defaultSelectedItem?: string;\n  items: ListPanelItem[];\n  colBreakpoint?: number;\n  onSelectedItemChange?: (id: string) => void;\n}>;\n\nexport const ListPanel = ({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) => {\n  const bgColor = useGetDefaultThemeColor();\n  const { palette, typography } = useTheme();\n  const [selectedItem, setSelectedItem] = useState(defaultSelectedItem);\n\n  const handleSelectItem = (id: string) => {\n    setSelectedItem(id);\n    onSelectedItemChange(id);\n  };\n\n  return (\n    <ListPanelContextProvider value={selectedItem}>\n      <Grid container bgcolor={bgColor} height={1}>\n        <Grid item xs={colBreakpoint} pl={1} height={1}>\n          <List sx={{ height: 1, overflowY: \"auto\" }}>\n            {items.map(({ id, text, tooltip }) => {\n              const selected = id === selectedItem;\n\n              const contentEl = (\n                <ListItemButton\n                  key={id}\n                  dense\n                  selected={selected}\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                  sx={{ backgroundColor: selected ? `${palette.grey[300]} !important` : undefined }}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      fontWeight: selected ? typography.fontWeightMedium : undefined,\n                      color: selected ? typography.body1.color : grey[600],\n                    }}\n                  />\n                </ListItemButton>\n              );\n\n              return tooltip ? (\n                <Tooltip key={id} title={tooltip} enterDelay={1500} placement=\"right\">\n                  {contentEl}\n                </Tooltip>\n              ) : (\n                contentEl\n              );\n            })}\n          </List>\n        </Grid>\n        <Grid item xs={12 - colBreakpoint} pl={1} py={1} pr={1}>\n          <Paper\n            elevation={0}\n            sx={{\n              width: 1,\n              height: 1,\n              backgroundColor: palette.background.paper,\n            }}\n          >\n            {children}\n          </Paper>\n        </Grid>\n      </Grid>\n    </ListPanelContextProvider>\n  );\n};\n"],"names":["ListPanelContext","createContext","undefined","ListPanelContextProvider","Provider","useListPanel","useContext","ListPanel","items","defaultSelectedItem","colBreakpoint","children","onSelectedItemChange","bgColor","lightWeight","darkWeight","palette","useTheme","mode","grey","useGetDefaultThemeColor","typography","selectedItem","setSelectedItem","useState","_jsx","value","_jsxs","Grid","container","bgcolor","height","item","xs","pl","List","sx","overflowY","map","id","text","tooltip","selected","contentEl","ListItemButton","dense","onClick","handleSelectItem","backgroundColor","ListItemText","primary","primaryTypographyProps","fontWeight","fontWeightMedium","color","body1","Tooltip","title","enterDelay","placement","py","pr","Paper","elevation","width","background","paper"],"mappings":"6aAIO,MCFMA,EAAmBC,OAAkCC,GACrDC,EAA2BH,EAAiBI,SAC5CC,EAAe,IAAMC,EAAWN,GCqBhCO,EAAY,EACvBC,QACAC,sBACAC,gBAAgB,EAChBC,WACAC,uBAAuB,KAAM,UAE7B,MAAMC,EF5B+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYC,IACpB,MAAwB,UAAjBD,EAAQE,KAAmBF,EAAQG,KAAKL,GAAeE,EAAQG,KAAKJ,EAAW,EEuBtEK,IACVJ,QAAEA,EAAOK,WAAEA,GAAeJ,KACzBK,EAAcC,GAAmBC,EAASf,GAOjD,OACEgB,EAACtB,EAAwB,CAACuB,MAAOJ,EAAYX,SAC3CgB,EAACC,EAAK,CAAAC,aAAUC,QAASjB,EAASkB,OAAQ,EAACpB,SAAA,CACzCc,EAACG,EAAI,CAACI,MAAI,EAACC,GAAIvB,EAAewB,GAAI,EAAGH,OAAQ,EAC3CpB,SAAAc,EAACU,EAAI,CAACC,GAAI,CAAEL,OAAQ,EAAGM,UAAW,QAC/B1B,SAAAH,EAAM8B,KAAI,EAAGC,KAAIC,OAAMC,cACtB,MAAMC,EAAWH,IAAOjB,EAElBqB,EACJlB,EAACmB,GAECC,OAAK,EACLH,SAAUA,EACVI,QAAS,IAlBA,CAACP,IACxBhB,EAAgBgB,GAChB3B,EAAqB2B,EAAG,EAgBKQ,CAAiBR,GACpB,aAAAC,EACZJ,GAAI,CAAEY,gBAAiBN,EAAW,GAAG1B,EAAQG,KAAK,uBAAoBjB,GAAWS,SAEjFc,EAACwB,EACC,CAAAC,QAASV,EACTW,uBAAwB,CACtBC,WAAYV,EAAWrB,EAAWgC,sBAAmBnD,EACrDoD,MAAOZ,EAAWrB,EAAWkC,MAAMD,MAAQnC,EAAK,SAX/CoB,GAiBT,OAAOE,EACLhB,EAAC+B,EAAO,CAAUC,MAAOhB,EAASiB,WAAY,KAAMC,UAAU,QAC3DhD,SAAAgC,GADWJ,GAId,CACD,QAIPd,EAACG,EAAI,CAACI,MAAI,EAACC,GAAI,GAAKvB,EAAewB,GAAI,EAAG0B,GAAI,EAAGC,GAAI,EAAClD,SACpDc,EAACqC,GACCC,UAAW,EACX3B,GAAI,CACF4B,MAAO,EACPjC,OAAQ,EACRiB,gBAAiBhC,EAAQiD,WAAWC,OACrCvD,SAEAA,UAKT"}

package/loading-area/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=t(require("react"));exports.LoadingArea=()=>r.default.createElement(e.Box,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center"},r.default.createElement(e.CircularProgress,null));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/CircularProgress"),t=require("@mui/material/Box");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(r),u=i(t);exports.LoadingArea=()=>e.jsx(u.default,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(a.default,{})});
 //# sourceMappingURL=index.js.map

package/loading-area/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/loading-area/loading-area.tsx"],"sourcesContent":["import { CircularProgress, Box } from \"@mui/material\";\nimport React from \"react\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n"],"names":["React","Box","width","height","display","justifyContent","alignItems","createElement","CircularProgress"],"mappings":"yNAM2B,IAEvBA,wBAACC,EAAGA,IAAA,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,UAC1EN,EAAAA,QAAAO,cAACC,mBAAgB"}
+{"version":3,"file":"index.js","sources":["../../../src/loading-area/loading-area.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport Box from \"@mui/material/Box\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n"],"names":["_jsx","jsx","Box","width","height","display","justifyContent","alignItems","children","CircularProgress"],"mappings":"gSAM2B,IAEvBA,EAAAC,IAACC,EAAG,QAAA,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,SAAQC,SAClFR,EAACC,IAAAQ,UAAmB,CAAA"}

package/loading-area/index.js

@@ -1,2 +1,2 @@
-import{Box as e,CircularProgress as t}from"@mui/material";import r from"react";const i=()=>r.createElement(e,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center"},r.createElement(t,null));export{i as LoadingArea};
+import{jsx as r}from"react/jsx-runtime";import t from"@mui/material/CircularProgress";import e from"@mui/material/Box";const i=()=>r(e,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center",children:r(t,{})});export{i as LoadingArea};
 //# sourceMappingURL=index.js.map

package/loading-area/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/loading-area/loading-area.tsx"],"sourcesContent":["import { CircularProgress, Box } from \"@mui/material\";\nimport React from \"react\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n"],"names":["LoadingArea","React","Box","width","height","display","justifyContent","alignItems","createElement","CircularProgress"],"mappings":"+EAMO,MAAMA,EAAc,IAEvBC,gBAACC,EAAG,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,UAC1EN,EAAAO,cAACC,EAAgB"}
+{"version":3,"file":"index.js","sources":["../../src/loading-area/loading-area.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport Box from \"@mui/material/Box\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n"],"names":["LoadingArea","_jsx","Box","width","height","display","justifyContent","alignItems","children","CircularProgress"],"mappings":"uHAMO,MAAMA,EAAc,IAEvBC,EAACC,EAAG,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,SAAQC,SAClFP,EAACQ,EAAmB,CAAA"}

package/lorem-ipsum-placeholder/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),r=require("lorem-ipsum");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(require("react"));exports.LoremIpsumPlaceholder=({count:t=3,units:u="paragraph",variant:o="body1"})=>a.default.createElement(e.Typography,{variant:o},r.loremIpsum({count:t,units:u}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Typography"),t=require("lorem-ipsum");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=u(r);exports.LoremIpsumPlaceholder=({count:r=3,units:u="paragraph",variant:i="body1"})=>e.jsx(a.default,{variant:i,children:t.loremIpsum({count:r,units:u})});
 //# sourceMappingURL=index.js.map

package/lorem-ipsum-placeholder/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/lorem-ipsum-placeholder/lorem-ipsum-placeholder.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\nimport { Variant } from \"@mui/material/styles/createTypography\";\nimport { loremIpsum } from \"lorem-ipsum\";\nimport { LoremUnit } from \"lorem-ipsum/types/src/constants/units\";\nimport React from \"react\";\n\nexport interface LoremIpsumPlaceholderProps {\n  count?: number;\n  units?: LoremUnit;\n  variant?: Variant;\n}\n\nexport const LoremIpsumPlaceholder = ({\n  count = 3,\n  units = \"paragraph\",\n  variant = \"body1\",\n}: LoremIpsumPlaceholderProps) => {\n  return (\n    <Typography variant={variant}>\n      {loremIpsum({\n        count,\n        units,\n      })}\n    </Typography>\n  );\n};\n"],"names":["count","units","variant","React","Typography","loremIpsum"],"mappings":"4PAYqC,EACnCA,QAAQ,EACRC,QAAQ,YACRC,UAAU,WAGRC,EAAAA,sBAACC,EAAUA,WAAA,CAACF,QAASA,GAClBG,aAAW,CACVL,QACAC"}
+{"version":3,"file":"index.js","sources":["../../../src/lorem-ipsum-placeholder/lorem-ipsum-placeholder.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\";\nimport { Variant } from \"@mui/material/styles/createTypography\";\nimport { loremIpsum } from \"lorem-ipsum\";\nimport { LoremUnit } from \"lorem-ipsum/types/src/constants/units\";\n\nexport interface LoremIpsumPlaceholderProps {\n  count?: number;\n  units?: LoremUnit;\n  variant?: Variant;\n}\n\nexport const LoremIpsumPlaceholder = ({\n  count = 3,\n  units = \"paragraph\",\n  variant = \"body1\",\n}: LoremIpsumPlaceholderProps) => {\n  return (\n    <Typography variant={variant}>\n      {loremIpsum({\n        count,\n        units,\n      })}\n    </Typography>\n  );\n};\n"],"names":["count","units","variant","_jsx","Typography","children","loremIpsum"],"mappings":"uRAWqC,EACnCA,QAAQ,EACRC,QAAQ,YACRC,UAAU,WAGRC,EAAAA,IAACC,EAAAA,QAAU,CAACF,QAASA,EAClBG,SAAAC,aAAW,CACVN,QACAC"}

package/lorem-ipsum-placeholder/index.js

@@ -1,2 +1,2 @@
-import{Typography as r}from"@mui/material";import{loremIpsum as t}from"lorem-ipsum";import o from"react";const a=({count:a=3,units:m="paragraph",variant:i="body1"})=>o.createElement(r,{variant:i},t({count:a,units:m}));export{a as LoremIpsumPlaceholder};
+import{jsx as r}from"react/jsx-runtime";import t from"@mui/material/Typography";import{loremIpsum as o}from"lorem-ipsum";const i=({count:i=3,units:a="paragraph",variant:m="body1"})=>r(t,{variant:m,children:o({count:i,units:a})});export{i as LoremIpsumPlaceholder};
 //# sourceMappingURL=index.js.map

package/lorem-ipsum-placeholder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/lorem-ipsum-placeholder/lorem-ipsum-placeholder.tsx"],"sourcesContent":["import { Typography } from \"@mui/material\";\nimport { Variant } from \"@mui/material/styles/createTypography\";\nimport { loremIpsum } from \"lorem-ipsum\";\nimport { LoremUnit } from \"lorem-ipsum/types/src/constants/units\";\nimport React from \"react\";\n\nexport interface LoremIpsumPlaceholderProps {\n  count?: number;\n  units?: LoremUnit;\n  variant?: Variant;\n}\n\nexport const LoremIpsumPlaceholder = ({\n  count = 3,\n  units = \"paragraph\",\n  variant = \"body1\",\n}: LoremIpsumPlaceholderProps) => {\n  return (\n    <Typography variant={variant}>\n      {loremIpsum({\n        count,\n        units,\n      })}\n    </Typography>\n  );\n};\n"],"names":["LoremIpsumPlaceholder","count","units","variant","React","Typography","loremIpsum"],"mappings":"yGAYa,MAAAA,EAAwB,EACnCC,QAAQ,EACRC,QAAQ,YACRC,UAAU,WAGRC,gBAACC,EAAU,CAACF,QAASA,GAClBG,EAAW,CACVL,QACAC"}
+{"version":3,"file":"index.js","sources":["../../src/lorem-ipsum-placeholder/lorem-ipsum-placeholder.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\";\nimport { Variant } from \"@mui/material/styles/createTypography\";\nimport { loremIpsum } from \"lorem-ipsum\";\nimport { LoremUnit } from \"lorem-ipsum/types/src/constants/units\";\n\nexport interface LoremIpsumPlaceholderProps {\n  count?: number;\n  units?: LoremUnit;\n  variant?: Variant;\n}\n\nexport const LoremIpsumPlaceholder = ({\n  count = 3,\n  units = \"paragraph\",\n  variant = \"body1\",\n}: LoremIpsumPlaceholderProps) => {\n  return (\n    <Typography variant={variant}>\n      {loremIpsum({\n        count,\n        units,\n      })}\n    </Typography>\n  );\n};\n"],"names":["LoremIpsumPlaceholder","count","units","variant","_jsx","Typography","children","loremIpsum"],"mappings":"yHAWa,MAAAA,EAAwB,EACnCC,QAAQ,EACRC,QAAQ,YACRC,UAAU,WAGRC,EAACC,EAAU,CAACF,QAASA,EAClBG,SAAAC,EAAW,CACVN,QACAC"}

package/markdown/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@mui/material"),o=require("react"),e=require("markdown-to-jsx");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=r(o),a=r(e);const n={overrides:{h1:{component:t.Typography,props:{gutterBottom:!0,variant:"h5"}},h2:{component:t.Typography,props:{gutterBottom:!0,variant:"h6"}},h3:{component:t.Typography,props:{gutterBottom:!0,variant:"subtitle1"}},h4:{component:t.Typography,props:{gutterBottom:!0,variant:"caption",paragraph:!0}},p:{component:t.Typography,props:{paragraph:!0}},a:{component:t.Link},li:{component:"li"}}};exports.Markdown=({content:t,options:o=n})=>p.default.createElement(a.default,{options:o},t),exports.markdownDefaultOptions=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@mui/material/Typography"),o=require("@mui/material/Link"),r=require("markdown-to-jsx");function a(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var n=a(e),p=a(o),i=a(r);const u={overrides:{h1:{component:n.default,props:{gutterBottom:!0,variant:"h5"}},h2:{component:n.default,props:{gutterBottom:!0,variant:"h6"}},h3:{component:n.default,props:{gutterBottom:!0,variant:"subtitle1"}},h4:{component:n.default,props:{gutterBottom:!0,variant:"caption",paragraph:!0}},p:{component:n.default,props:{paragraph:!0}},a:{component:p.default},li:{component:"li"}}};exports.Markdown=({content:e,options:o=u})=>t.jsx(i.default,{options:o,children:e}),exports.markdownDefaultOptions=u;
 //# sourceMappingURL=index.js.map

package/markdown/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/markdown/markdown.tsx"],"sourcesContent":["import { Typography, Link } from \"@mui/material\";\nimport React from \"react\";\nimport ReactMarkdown, { MarkdownToJSX } from \"markdown-to-jsx\";\n\nexport interface MarkdownProps {\n  content: string;\n  options?: MarkdownToJSX.Options;\n}\n\nexport const markdownDefaultOptions: MarkdownToJSX.Options = {\n  overrides: {\n    h1: {\n      component: Typography,\n      props: {\n        gutterBottom: true,\n        variant: \"h5\",\n      },\n    },\n    h2: { component: Typography, props: { gutterBottom: true, variant: \"h6\" } },\n    h3: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"subtitle1\" },\n    },\n    h4: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"caption\", paragraph: true },\n    },\n    p: { component: Typography, props: { paragraph: true } },\n    a: { component: Link },\n    li: {\n      component: \"li\",\n    },\n  },\n};\n\nexport const Markdown = ({ content, options = markdownDefaultOptions }: MarkdownProps) => {\n  return <ReactMarkdown options={options}>{content}</ReactMarkdown>;\n};\n"],"names":["markdownDefaultOptions","overrides","h1","component","Typography","props","gutterBottom","variant","h2","h3","h4","paragraph","p","a","Link","li","content","options","React","createElement","ReactMarkdown"],"mappings":"6OASa,MAAAA,EAAgD,CAC3DC,UAAW,CACTC,GAAI,CACFC,UAAWC,EAAUA,WACrBC,MAAO,CACLC,cAAc,EACdC,QAAS,OAGbC,GAAI,CAAEL,UAAWC,EAAAA,WAAYC,MAAO,CAAEC,cAAc,EAAMC,QAAS,OACnEE,GAAI,CACFN,UAAWC,EAAUA,WACrBC,MAAO,CAAEC,cAAc,EAAMC,QAAS,cAExCG,GAAI,CACFP,UAAWC,EAAUA,WACrBC,MAAO,CAAEC,cAAc,EAAMC,QAAS,UAAWI,WAAW,IAE9DC,EAAG,CAAET,UAAWC,EAAUA,WAAEC,MAAO,CAAEM,WAAW,IAChDE,EAAG,CAAEV,UAAWW,QAChBC,GAAI,CACFZ,UAAW,yBAKO,EAAGa,UAASC,UAAUjB,KACrCkB,EAAAA,QAAAC,cAACC,EAAa,QAAC,CAAAH,QAASA,GAAUD"}
+{"version":3,"file":"index.js","sources":["../../../src/markdown/markdown.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\";\nimport Link from \"@mui/material/Link\";\nimport ReactMarkdown, { MarkdownToJSX } from \"markdown-to-jsx\";\n\nexport interface MarkdownProps {\n  content: string;\n  options?: MarkdownToJSX.Options;\n}\n\nexport const markdownDefaultOptions: MarkdownToJSX.Options = {\n  overrides: {\n    h1: {\n      component: Typography,\n      props: {\n        gutterBottom: true,\n        variant: \"h5\",\n      },\n    },\n    h2: { component: Typography, props: { gutterBottom: true, variant: \"h6\" } },\n    h3: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"subtitle1\" },\n    },\n    h4: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"caption\", paragraph: true },\n    },\n    p: { component: Typography, props: { paragraph: true } },\n    a: { component: Link },\n    li: {\n      component: \"li\",\n    },\n  },\n};\n\nexport const Markdown = ({ content, options = markdownDefaultOptions }: MarkdownProps) => {\n  return <ReactMarkdown options={options}>{content}</ReactMarkdown>;\n};\n"],"names":["markdownDefaultOptions","overrides","h1","component","Typography","props","gutterBottom","variant","h2","h3","h4","paragraph","p","a","Link","li","content","options","_jsx","ReactMarkdown","children"],"mappings":"2SASa,MAAAA,EAAgD,CAC3DC,UAAW,CACTC,GAAI,CACFC,UAAWC,EAAU,QACrBC,MAAO,CACLC,cAAc,EACdC,QAAS,OAGbC,GAAI,CAAEL,UAAWC,EAAAA,QAAYC,MAAO,CAAEC,cAAc,EAAMC,QAAS,OACnEE,GAAI,CACFN,UAAWC,EAAU,QACrBC,MAAO,CAAEC,cAAc,EAAMC,QAAS,cAExCG,GAAI,CACFP,UAAWC,EAAU,QACrBC,MAAO,CAAEC,cAAc,EAAMC,QAAS,UAAWI,WAAW,IAE9DC,EAAG,CAAET,UAAWC,EAAU,QAAEC,MAAO,CAAEM,WAAW,IAChDE,EAAG,CAAEV,UAAWW,WAChBC,GAAI,CACFZ,UAAW,yBAKO,EAAGa,UAASC,UAAUjB,KACrCkB,EAAAA,IAACC,EAAAA,QAAc,CAAAF,QAASA,EAAOG,SAAGJ"}

package/markdown/index.js

@@ -1,2 +1,2 @@
-import{Typography as o,Link as t}from"@mui/material";import r from"react";import p from"markdown-to-jsx";const n={overrides:{h1:{component:o,props:{gutterBottom:!0,variant:"h5"}},h2:{component:o,props:{gutterBottom:!0,variant:"h6"}},h3:{component:o,props:{gutterBottom:!0,variant:"subtitle1"}},h4:{component:o,props:{gutterBottom:!0,variant:"caption",paragraph:!0}},p:{component:o,props:{paragraph:!0}},a:{component:t},li:{component:"li"}}},e=({content:o,options:t=n})=>r.createElement(p,{options:t},o);export{e as Markdown,n as markdownDefaultOptions};
+import{jsx as o}from"react/jsx-runtime";import t from"@mui/material/Typography";import r from"@mui/material/Link";import p from"markdown-to-jsx";const n={overrides:{h1:{component:t,props:{gutterBottom:!0,variant:"h5"}},h2:{component:t,props:{gutterBottom:!0,variant:"h6"}},h3:{component:t,props:{gutterBottom:!0,variant:"subtitle1"}},h4:{component:t,props:{gutterBottom:!0,variant:"caption",paragraph:!0}},p:{component:t,props:{paragraph:!0}},a:{component:r},li:{component:"li"}}},m=({content:t,options:r=n})=>o(p,{options:r,children:t});export{m as Markdown,n as markdownDefaultOptions};
 //# sourceMappingURL=index.js.map

package/markdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/markdown/markdown.tsx"],"sourcesContent":["import { Typography, Link } from \"@mui/material\";\nimport React from \"react\";\nimport ReactMarkdown, { MarkdownToJSX } from \"markdown-to-jsx\";\n\nexport interface MarkdownProps {\n  content: string;\n  options?: MarkdownToJSX.Options;\n}\n\nexport const markdownDefaultOptions: MarkdownToJSX.Options = {\n  overrides: {\n    h1: {\n      component: Typography,\n      props: {\n        gutterBottom: true,\n        variant: \"h5\",\n      },\n    },\n    h2: { component: Typography, props: { gutterBottom: true, variant: \"h6\" } },\n    h3: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"subtitle1\" },\n    },\n    h4: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"caption\", paragraph: true },\n    },\n    p: { component: Typography, props: { paragraph: true } },\n    a: { component: Link },\n    li: {\n      component: \"li\",\n    },\n  },\n};\n\nexport const Markdown = ({ content, options = markdownDefaultOptions }: MarkdownProps) => {\n  return <ReactMarkdown options={options}>{content}</ReactMarkdown>;\n};\n"],"names":["markdownDefaultOptions","overrides","h1","component","Typography","props","gutterBottom","variant","h2","h3","h4","paragraph","p","a","Link","li","Markdown","content","options","React","createElement","ReactMarkdown"],"mappings":"yGASa,MAAAA,EAAgD,CAC3DC,UAAW,CACTC,GAAI,CACFC,UAAWC,EACXC,MAAO,CACLC,cAAc,EACdC,QAAS,OAGbC,GAAI,CAAEL,UAAWC,EAAYC,MAAO,CAAEC,cAAc,EAAMC,QAAS,OACnEE,GAAI,CACFN,UAAWC,EACXC,MAAO,CAAEC,cAAc,EAAMC,QAAS,cAExCG,GAAI,CACFP,UAAWC,EACXC,MAAO,CAAEC,cAAc,EAAMC,QAAS,UAAWI,WAAW,IAE9DC,EAAG,CAAET,UAAWC,EAAYC,MAAO,CAAEM,WAAW,IAChDE,EAAG,CAAEV,UAAWW,GAChBC,GAAI,CACFZ,UAAW,QAKJa,EAAW,EAAGC,UAASC,UAAUlB,KACrCmB,EAAAC,cAACC,EAAc,CAAAH,QAASA,GAAUD"}
+{"version":3,"file":"index.js","sources":["../../src/markdown/markdown.tsx"],"sourcesContent":["import Typography from \"@mui/material/Typography\";\nimport Link from \"@mui/material/Link\";\nimport ReactMarkdown, { MarkdownToJSX } from \"markdown-to-jsx\";\n\nexport interface MarkdownProps {\n  content: string;\n  options?: MarkdownToJSX.Options;\n}\n\nexport const markdownDefaultOptions: MarkdownToJSX.Options = {\n  overrides: {\n    h1: {\n      component: Typography,\n      props: {\n        gutterBottom: true,\n        variant: \"h5\",\n      },\n    },\n    h2: { component: Typography, props: { gutterBottom: true, variant: \"h6\" } },\n    h3: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"subtitle1\" },\n    },\n    h4: {\n      component: Typography,\n      props: { gutterBottom: true, variant: \"caption\", paragraph: true },\n    },\n    p: { component: Typography, props: { paragraph: true } },\n    a: { component: Link },\n    li: {\n      component: \"li\",\n    },\n  },\n};\n\nexport const Markdown = ({ content, options = markdownDefaultOptions }: MarkdownProps) => {\n  return <ReactMarkdown options={options}>{content}</ReactMarkdown>;\n};\n"],"names":["markdownDefaultOptions","overrides","h1","component","Typography","props","gutterBottom","variant","h2","h3","h4","paragraph","p","a","Link","li","Markdown","content","options","_jsx","ReactMarkdown","children"],"mappings":"iJASa,MAAAA,EAAgD,CAC3DC,UAAW,CACTC,GAAI,CACFC,UAAWC,EACXC,MAAO,CACLC,cAAc,EACdC,QAAS,OAGbC,GAAI,CAAEL,UAAWC,EAAYC,MAAO,CAAEC,cAAc,EAAMC,QAAS,OACnEE,GAAI,CACFN,UAAWC,EACXC,MAAO,CAAEC,cAAc,EAAMC,QAAS,cAExCG,GAAI,CACFP,UAAWC,EACXC,MAAO,CAAEC,cAAc,EAAMC,QAAS,UAAWI,WAAW,IAE9DC,EAAG,CAAET,UAAWC,EAAYC,MAAO,CAAEM,WAAW,IAChDE,EAAG,CAAEV,UAAWW,GAChBC,GAAI,CACFZ,UAAW,QAKJa,EAAW,EAAGC,UAASC,UAAUlB,KACrCmB,EAACC,EAAc,CAAAF,QAASA,EAAOG,SAAGJ"}

package/model-form/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),n=require("@mui/x-date-pickers");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(t);const r={string:"",number:0,boolean:!1,enum:"",multienum:[],date:new Date(1970,0,1,0,0),time:new Date(1970,0,1,0,0),datetime:new Date(1970,0,1,0,0),group:{},"group[]":[],"string[]":[],"number[]":[]},u=(e,t)=>t&&t[e.id]||"default"in e&&e.default||r[e.type],i=({lightWeight:t=100,darkWeight:n=900}={})=>{const{palette:a}=e.useTheme();return"light"===a.mode?a.grey[t]:a.grey[n]},o=({title:t,subtitle:n,centered:a,children:r,dense:u})=>{const{typography:o}=e.useTheme(),d=i({lightWeight:200,darkWeight:800});return l.default.createElement(e.Paper,{sx:{paddingBottom:u?0:1}},l.default.createElement(e.Box,{bgcolor:d,px:u?1:2,py:u?.5:1,lineHeight:u?0:void 0},l.default.createElement(e.Typography,{variant:u?"body1":"h6",role:"heading","aria-level":1},t),n&&l.default.createElement(e.Typography,{variant:u?"caption":"body2",role:"heading","aria-level":2,lineHeight:u?o.pxToRem(15):void 0},n)),l.default.createElement(e.Grid,{container:!0,padding:1,rowSpacing:u?1:2,justifyContent:a?"center":"flex-start"},r))},d=({field:t,path:a=[],value:r,dense:u,update:c,onChangeValue:s})=>{const f=e=>{e.preventDefault(),s([...a,e.target.name],e.target.checked)},m=e=>{e.preventDefault(),s([...a,e.target.name],e.target.value)},p=e=>{e.preventDefault();const{value:t}=e.target,n="string"==typeof t?t.split(","):t;s([...a,e.target.name],n)},g=(e,t)=>{e.preventDefault();let n=e.target.value;"number"===t&&"string"==typeof n?n=parseInt(e.target.value,10):t.includes("[]")&&(n=e.target.value.split(",")),s([...a,e.target.name],n)},h=(e,t)=>{s([...a,t],e)};i({lightWeight:200,darkWeight:800});const{id:b,type:v,name:y,description:E,updatable:x=!0,required:k=!0,xs:C,sm:T,md:D,lg:j,xl:I}=t,W=!x&&c;let z;const P=u?"small":"medium";if("group"===v)z=l.default.createElement(o,{title:y,subtitle:E,dense:u},l.default.createElement(e.Grid,{container:!0,spacing:2,sx:{p:2}},t.value.map((e=>l.default.createElement(d,{key:e.id,field:e,dense:u,path:[...a,b],value:r[e.id],update:c,onChangeValue:s})))));else if("boolean"===v)z=l.default.createElement(e.Box,{sx:{height:1,display:"flex",alignItems:"center"}},l.default.createElement(e.FormControlLabel,{control:l.default.createElement(e.Checkbox,{name:b,size:P,onChange:f,checked:r,disabled:W}),label:y}));else if("enum"===v)z=l.default.createElement(e.FormControl,{fullWidth:!0},l.default.createElement(e.InputLabel,{id:`${b}-select-label`},y),l.default.createElement(e.Select,{labelId:`${b}-select-label`,id:`${b}-select`,value:r,label:y,name:b,size:P,onChange:m,required:k,disabled:W},t.value.map((t=>l.default.createElement(e.MenuItem,{key:t,value:t},t)))));else if("multienum"===v)z=l.default.createElement(e.FormControl,{fullWidth:!0},l.default.createElement(e.InputLabel,{id:`${b}-select-label`},y),l.default.createElement(e.Select,{labelId:`${b}-select-label`,id:`${b}-select`,value:r||[],renderValue:e=>e.join(", "),label:y,name:b,size:P,onChange:p,required:k,disabled:W,multiple:!0},t.value.map((t=>l.default.createElement(e.MenuItem,{key:t,value:t},l.default.createElement(e.Checkbox,{checked:(r||[]).includes(t)}),l.default.createElement(e.ListItemText,{primary:t}))))));else if("date"===v)z=l.default.createElement(n.DesktopDatePicker,{label:y,format:t.format,value:r,slotProps:{field:{size:P}},disabled:W,onChange:e=>h(e,b)});else if("time"===v)z=l.default.createElement(n.TimePicker,{label:y,format:t.format,value:r,slotProps:{field:{size:P}},disabled:W,onChange:e=>h(e,b)});else if("datetime"===v)z=l.default.createElement(n.DateTimePicker,{label:y,format:t.format,value:r,slotProps:{field:{size:P}},disabled:W,onChange:e=>h(e,b)});else{if("group[]"===v)return null;z=v.includes("[]")?l.default.createElement(e.TextField,{required:k,type:"text",label:y,name:b,size:P,variant:"outlined",helperText:"Use comas to separate multiple values",fullWidth:!0,disabled:W,value:r.join(","),onChange:e=>g(e,v)}):l.default.createElement(e.TextField,{required:k,type:v,label:y,size:P,name:b,variant:"outlined",fullWidth:!0,value:r,disabled:W,onChange:e=>g(e,v)})}return l.default.createElement(e.Grid,{item:!0,key:b,xs:C,sm:T,md:D,lg:j,xl:I},z)};function c(e){return null!=e&&"object"==typeof e&&!0===e["@@functional/placeholder"]}function s(e){return function t(n){return 0===arguments.length||c(n)?t:e.apply(this,arguments)}}function f(e){return function t(n,a){switch(arguments.length){case 0:return t;case 1:return c(n)?t:s((function(t){return e(n,t)}));default:return c(n)&&c(a)?t:c(n)?s((function(t){return e(t,a)})):c(a)?s((function(t){return e(n,t)})):e(n,a)}}}function m(e){return function t(n,a,l){switch(arguments.length){case 0:return t;case 1:return c(n)?t:f((function(t,a){return e(n,t,a)}));case 2:return c(n)&&c(a)?t:c(n)?f((function(t,n){return e(t,a,n)})):c(a)?f((function(t,a){return e(n,t,a)})):s((function(t){return e(n,a,t)}));default:return c(n)&&c(a)&&c(l)?t:c(n)&&c(a)?f((function(t,n){return e(t,n,l)})):c(n)&&c(l)?f((function(t,n){return e(t,a,n)})):c(a)&&c(l)?f((function(t,a){return e(n,t,a)})):c(n)?s((function(t){return e(t,a,l)})):c(a)?s((function(t){return e(n,t,l)})):c(l)?s((function(t){return e(n,a,t)})):e(n,a,l)}}}var p=Array.isArray||function(e){return null!=e&&e.length>=0&&"[object Array]"===Object.prototype.toString.call(e)};var g=Number.isInteger||function(e){return e<<0===e};var h=s((function(e){return null==e})),b=m((function e(t,n,a){if(0===t.length)return n;var l=t[0];if(t.length>1){var r=!h(a)&&function(e,t){return Object.prototype.hasOwnProperty.call(t,e)}(l,a)&&"object"==typeof a[l]?a[l]:g(t[1])?[]:{};n=e(Array.prototype.slice.call(t,1),n,r)}return function(e,t,n){if(g(e)&&p(n)){var a=[].concat(n);return a[e]=t,a}var l={};for(var r in n)l[r]=n[r];return l[e]=t,l}(l,n,a)}));exports.ModelForm=({model:n,saveButtonText:a,dense:r,onSubmit:i,initialValues:o})=>{const c=t.useMemo((()=>((e,t=undefined)=>{const n={};return e.fields.forEach((e=>{if("group"===e.type){const a={};e.value.forEach((n=>{a[n.id]=u(n,t&&t[e.id])})),n[e.id]=a}else n[e.id]=u(e,t)})),n})(n,o)),[n,o]),[s,f]=t.useState(c),m=(e,t)=>{f((n=>b(e,t,n)))};return l.default.createElement(e.Grid,{container:!0,component:"form",spacing:2,onSubmit:e=>{e.preventDefault(),i(s)}},n.fields.map((e=>l.default.createElement(d,{key:e.id,dense:r,field:e,value:s[e.id],update:!!o,onChangeValue:m}))),l.default.createElement(e.Grid,{item:!0,xs:12},l.default.createElement(e.Button,{type:"submit",variant:"contained",size:r?"small":"medium"},a)))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@mui/material/Button"),r=require("@mui/material/Grid"),i=require("react"),n=require("@mui/material/Box"),a=require("@mui/material/FormControlLabel"),l=require("@mui/material/Checkbox"),u=require("@mui/material/FormControl"),d=require("@mui/material/InputLabel"),s=require("@mui/material/Select"),o=require("@mui/material/MenuItem"),c=require("@mui/material/ListItemText"),f=require("@mui/material/TextField"),m=require("@mui/x-date-pickers"),h=require("@mui/material"),p=require("@mui/material/Paper"),g=require("@mui/material/Typography"),x=require("@mui/material/styles");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=v(t),j=v(r),y=v(n),q=v(a),C=v(l),k=v(u),D=v(d),T=v(s),W=v(o),z=v(c),P=v(f),I=v(p),w=v(g);const S={string:"",number:0,boolean:!1,enum:"",multienum:[],date:new Date(1970,0,1,0,0),time:new Date(1970,0,1,0,0),datetime:new Date(1970,0,1,0,0),group:{},"group[]":[],"string[]":[],"number[]":[]},$=(e,t)=>t&&t[e.id]||"default"in e&&e.default||S[e.type],V=({lightWeight:e=100,darkWeight:t=900}={})=>{const{palette:r}=h.useTheme();return"light"===r.mode?r.grey[e]:r.grey[t]},A=({title:t,subtitle:r,centered:i,children:n,dense:a})=>{const{typography:l}=x.useTheme(),u=V({lightWeight:200,darkWeight:800});return e.jsxs(I.default,{sx:{paddingBottom:a?0:1},children:[e.jsxs(y.default,{bgcolor:u,px:a?1:2,py:a?.5:1,lineHeight:a?0:void 0,children:[e.jsx(w.default,{variant:a?"body1":"h6",role:"heading","aria-level":1,children:t}),r&&e.jsx(w.default,{variant:a?"caption":"body2",role:"heading","aria-level":2,lineHeight:a?l.pxToRem(15):void 0,children:r})]}),e.jsx(j.default,{container:!0,padding:1,rowSpacing:a?1:2,justifyContent:i?"center":"flex-start",children:n})]})},B=({field:t,path:r=[],value:i,dense:n,update:a,onChangeValue:l})=>{const u=e=>{e.preventDefault(),l([...r,e.target.name],e.target.checked)},d=e=>{e.preventDefault(),l([...r,e.target.name],e.target.value)},s=e=>{e.preventDefault();const{value:t}=e.target,i="string"==typeof t?t.split(","):t;l([...r,e.target.name],i)},o=(e,t)=>{e.preventDefault();let i=e.target.value;"number"===t&&"string"==typeof i?i=parseInt(e.target.value,10):t.includes("[]")&&(i=e.target.value.split(",")),l([...r,e.target.name],i)},c=(e,t)=>{l([...r,t],e)};V({lightWeight:200,darkWeight:800});const{id:f,type:h,name:p,description:g,updatable:x=!0,required:v=!0,xs:b,sm:I,md:w,lg:S,xl:$}=t,F=!x&&a;let M;const O=n?"small":"medium";if("group"===h)M=e.jsx(A,{title:p,subtitle:g,dense:n,children:e.jsx(j.default,{container:!0,spacing:2,sx:{p:2},children:t.value.map((t=>e.jsx(B,{field:t,dense:n,path:[...r,f],value:i[t.id],update:a,onChangeValue:l},t.id)))})});else if("boolean"===h)M=e.jsx(y.default,{sx:{height:1,display:"flex",alignItems:"center"},children:e.jsx(q.default,{control:e.jsx(C.default,{name:f,size:O,onChange:u,checked:i,disabled:F}),label:p})});else if("enum"===h)M=e.jsxs(k.default,{fullWidth:!0,children:[e.jsx(D.default,{id:`${f}-select-label`,children:p}),e.jsx(T.default,{labelId:`${f}-select-label`,id:`${f}-select`,value:i,label:p,name:f,size:O,onChange:d,required:v,disabled:F,children:t.value.map((t=>e.jsx(W.default,{value:t,children:t},t)))})]});else if("multienum"===h)M=e.jsxs(k.default,{fullWidth:!0,children:[e.jsx(D.default,{id:`${f}-select-label`,children:p}),e.jsx(T.default,{labelId:`${f}-select-label`,id:`${f}-select`,value:i||[],renderValue:e=>e.join(", "),label:p,name:f,size:O,onChange:s,required:v,disabled:F,multiple:!0,children:t.value.map((t=>e.jsxs(W.default,{value:t,children:[e.jsx(C.default,{checked:(i||[]).includes(t)}),e.jsx(z.default,{primary:t})]},t)))})]});else if("date"===h)M=e.jsx(m.DesktopDatePicker,{label:p,format:t.format,value:i,slotProps:{field:{size:O}},disabled:F,onChange:e=>c(e,f)});else if("time"===h)M=e.jsx(m.TimePicker,{label:p,format:t.format,value:i,slotProps:{field:{size:O}},disabled:F,onChange:e=>c(e,f)});else if("datetime"===h)M=e.jsx(m.DateTimePicker,{label:p,format:t.format,value:i,slotProps:{field:{size:O}},disabled:F,onChange:e=>c(e,f)});else{if("group[]"===h)return null;M=h.includes("[]")?e.jsx(P.default,{required:v,type:"text",label:p,name:f,size:O,variant:"outlined",helperText:"Use comas to separate multiple values",fullWidth:!0,disabled:F,value:i.join(","),onChange:e=>o(e,h)}):e.jsx(P.default,{required:v,type:h,label:p,size:O,name:f,variant:"outlined",fullWidth:!0,value:i,disabled:F,onChange:e=>o(e,h)})}return e.jsx(j.default,{item:!0,xs:b,sm:I,md:w,lg:S,xl:$,children:M},f)};function F(e){return null!=e&&"object"==typeof e&&!0===e["@@functional/placeholder"]}function M(e){return function t(r){return 0===arguments.length||F(r)?t:e.apply(this,arguments)}}function O(e){return function t(r,i){switch(arguments.length){case 0:return t;case 1:return F(r)?t:M((function(t){return e(r,t)}));default:return F(r)&&F(i)?t:F(r)?M((function(t){return e(t,i)})):F(i)?M((function(t){return e(r,t)})):e(r,i)}}}function L(e){return function t(r,i,n){switch(arguments.length){case 0:return t;case 1:return F(r)?t:O((function(t,i){return e(r,t,i)}));case 2:return F(r)&&F(i)?t:F(r)?O((function(t,r){return e(t,i,r)})):F(i)?O((function(t,i){return e(r,t,i)})):M((function(t){return e(r,i,t)}));default:return F(r)&&F(i)&&F(n)?t:F(r)&&F(i)?O((function(t,r){return e(t,r,n)})):F(r)&&F(n)?O((function(t,r){return e(t,i,r)})):F(i)&&F(n)?O((function(t,i){return e(r,t,i)})):F(r)?M((function(t){return e(t,i,n)})):F(i)?M((function(t){return e(r,t,n)})):F(n)?M((function(t){return e(r,i,t)})):e(r,i,n)}}}var E=Array.isArray||function(e){return null!=e&&e.length>=0&&"[object Array]"===Object.prototype.toString.call(e)};var H=Number.isInteger||function(e){return e<<0===e};var _=M((function(e){return null==e})),G=L((function e(t,r,i){if(0===t.length)return r;var n=t[0];if(t.length>1){var a=!_(i)&&function(e,t){return Object.prototype.hasOwnProperty.call(t,e)}(n,i)&&"object"==typeof i[n]?i[n]:H(t[1])?[]:{};r=e(Array.prototype.slice.call(t,1),r,a)}return function(e,t,r){if(H(e)&&E(r)){var i=[].concat(r);return i[e]=t,i}var n={};for(var a in r)n[a]=r[a];return n[e]=t,n}(n,r,i)}));exports.ModelForm=({model:t,saveButtonText:r,dense:n,onSubmit:a,initialValues:l})=>{const u=i.useMemo((()=>((e,t=undefined)=>{const r={};return e.fields.forEach((e=>{if("group"===e.type){const i={};e.value.forEach((r=>{i[r.id]=$(r,t&&t[e.id])})),r[e.id]=i}else r[e.id]=$(e,t)})),r})(t,l)),[t,l]),[d,s]=i.useState(u),o=(e,t)=>{s((r=>G(e,t,r)))};return e.jsxs(j.default,{container:!0,component:"form",spacing:2,onSubmit:e=>{e.preventDefault(),a(d)},children:[t.fields.map((t=>e.jsx(B,{dense:n,field:t,value:d[t.id],update:!!l,onChangeValue:o},t.id))),e.jsx(j.default,{item:!0,xs:12,children:e.jsx(b.default,{type:"submit",variant:"contained",size:n?"small":"medium",children:r})})]})};
 //# sourceMappingURL=index.js.map