@pautena/react-design-system 0.14.7 → 0.15.0

package/label/cjs/index.js

@@ -1,2 +1,2 @@
-"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"};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/Box"),r=require("@mui/material/styles");exports.Label=({text:a,color:i,variant:o="default",textTransform:s="capitalize",sx:n})=>{const{palette:l,typography:c}=r.useTheme(),g={default:"light"===l.mode?l.grey[100]:l.grey[900],primary:l.primary.light,secondary:l.secondary.light,info:l.info.light,warning:l.warning.light,error:l.error.light,success:l.success.light},u={default:l.getContrastText(g.default),primary:l.primary.contrastText,secondary:l.secondary.contrastText,info:l.info.contrastText,warning:l.warning.contrastText,error:l.error.contrastText,success:l.success.contrastText},x=i||g[o],d=i?l.getContrastText(i):u[o];return e.jsx(t,{height:24,minWidth:22,display:"inline-flex",justifyContent:"center",alignItems:"center",bgcolor:x,color:d,fontSize:c.caption.fontSize,fontWeight:c.fontWeightBold,lineHeight:0,textTransform:s,whiteSpace:"nowrap",borderRadius:2,role:"label","aria-label":`${a} ${o} label`,py:0,px:1,sx:{cursor:"default",...n},children:a})},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 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"}
+{"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   * Background color. Overrides variant\n   */\n  color?: string;\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  color: colorProp,\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  const bgcolor = colorProp ? colorProp : backgroundColor[variant];\n  const color = colorProp ? palette.getContrastText(colorProp) : textColor[variant];\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={bgcolor}\n      color={color}\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","color","colorProp","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","default","mode","grey","primary","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","bgcolor","_jsx","Box","height","minWidth","display","justifyContent","alignItems","fontSize","caption","fontWeight","fontWeightBold","lineHeight","whiteSpace","borderRadius","role","py","px","cursor","children","root"],"mappings":"+HA4CqB,EACnBA,OACAC,MAAOC,EACPC,UAAU,UACVC,gBAAgB,aAChBC,SAEA,MAAMC,QAAEA,EAAOC,WAAEA,GAAeC,aAE1BC,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,cAGrBC,EAAUrB,GAAwBO,EAAgBN,GAClDF,EAAQC,EAAYI,EAAQe,gBAAgBnB,GAAakB,EAAUjB,GAEzE,OACEqB,MAACC,EAAG,CACFC,OAAQ,GACRC,SAAU,GACVC,QAAQ,cACRC,eAAe,SACfC,WAAW,SACXP,QAASA,EACTtB,MAAOA,EACP8B,SAAUxB,EAAWyB,QAAQD,SAC7BE,WAAY1B,EAAW2B,eACvBC,WAAY,EACZ/B,cAAeA,EACfgC,WAAW,SACXC,aAAc,EACdC,KAAK,qBACO,GAAGtC,KAAQG,UACvBoC,GAAI,EACJC,GAAI,EACJnC,GAAI,CAAEoC,OAAQ,aAAcpC,GAE3BqC,SAAA1C,GACG,uBAtFkB,CAC1B2C,KAAM"}

package/label/cjs/package.json

@@ -5,7 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/label/index.js

@@ -1,2 +1,2 @@
-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};
+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,color:a,variant:i="default",textTransform:n="capitalize",sx:s})=>{const{palette:l,typography:c}=e(),g={default:"light"===l.mode?l.grey[100]:l.grey[900],primary:l.primary.light,secondary:l.secondary.light,info:l.info.light,warning:l.warning.light,error:l.error.light,success:l.success.light},f={default:l.getContrastText(g.default),primary:l.primary.contrastText,secondary:l.secondary.contrastText,info:l.info.contrastText,warning:l.warning.contrastText,error:l.error.contrastText,success:l.success.contrastText},m=a||g[i],p=a?l.getContrastText(a):f[i];return t(r,{height:24,minWidth:22,display:"inline-flex",justifyContent:"center",alignItems:"center",bgcolor:m,color:p,fontSize:c.caption.fontSize,fontWeight:c.fontWeightBold,lineHeight:0,textTransform:n,whiteSpace:"nowrap",borderRadius:2,role:"label","aria-label":`${o} ${i} label`,py:0,px:1,sx:{cursor:"default",...s},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 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"}
+{"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   * Background color. Overrides variant\n   */\n  color?: string;\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  color: colorProp,\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  const bgcolor = colorProp ? colorProp : backgroundColor[variant];\n  const color = colorProp ? palette.getContrastText(colorProp) : textColor[variant];\n\n  return (\n    <Box\n      height={24}\n      minWidth={22}\n      display=\"inline-flex\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      bgcolor={bgcolor}\n      color={color}\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","color","colorProp","variant","textTransform","sx","palette","typography","useTheme","backgroundColor","default","mode","grey","primary","light","secondary","info","warning","error","success","textColor","getContrastText","contrastText","bgcolor","_jsx","Box","height","minWidth","display","justifyContent","alignItems","fontSize","caption","fontWeight","fontWeightBold","lineHeight","whiteSpace","borderRadius","role","py","px","cursor","children"],"mappings":"yHAYa,MAAAA,EAAe,CAC1BC,KAAM,iBA+BKC,EAAQ,EACnBC,OACAC,MAAOC,EACPC,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,cAGrBC,EAAUrB,GAAwBO,EAAgBN,GAClDF,EAAQC,EAAYI,EAAQe,gBAAgBnB,GAAakB,EAAUjB,GAEzE,OACEqB,EAACC,EAAG,CACFC,OAAQ,GACRC,SAAU,GACVC,QAAQ,cACRC,eAAe,SACfC,WAAW,SACXP,QAASA,EACTtB,MAAOA,EACP8B,SAAUxB,EAAWyB,QAAQD,SAC7BE,WAAY1B,EAAW2B,eACvBC,WAAY,EACZ/B,cAAeA,EACfgC,WAAW,SACXC,aAAc,EACdC,KAAK,qBACO,GAAGtC,KAAQG,UACvBoC,GAAI,EACJC,GAAI,EACJnC,GAAI,CAAEoC,OAAQ,aAAcpC,GAE3BqC,SAAA1C,GACG"}

package/label/label.d.ts

@@ -12,6 +12,10 @@ export interface LabelProps {
      * Color palette used to draw the component
      */
     variant?: LabelVariant;
+    /**
+     * Background color. Overrides variant
+     */
+    color?: string;
     /**
      * Custom styles
      */
@@ -24,4 +28,4 @@ export interface LabelProps {
 /**
  * Compact element to represent a text
  */
-export declare const Label: ({ text, variant, textTransform, sx, }: LabelProps) => JSX.Element;
+export declare const Label: ({ text, color: colorProp, variant, textTransform, sx, }: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/label/package.json

@@ -5,7 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/link-card/cjs/index.js

@@ -1,2 +1,2 @@
-"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})]})};
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material/Paper"),i=require("@mui/material/Typography"),t=require("@mui/material/Link"),a=require("@mui/material/styles"),o=require("@mui/material/colors");exports.LinkCard=({variant:n="primary",title:l,message:m,href:s,linkText:u,sx:c})=>{const{palette:x}=a.useTheme(),d={p:3,display:"flex",flexDirection:"column",textDecoration:"none",backgroundColor:"light"===x.mode?o.grey[50]:o.grey[900],borderColor:o.grey[400],":hover":{borderColor:x[n].main,backgroundColor:"light"===x.mode?x.common.white:o.grey[800]}};return r.jsxs(e,{component:t,href:s,variant:"outlined",sx:{...d,...c},children:[r.jsx(i,{variant:"h6",children:l}),r.jsx(i,{variant:"caption",sx:{mt:2},children:m}),u&&r.jsx(i,{color:n,variant:"button",sx:{mt:2},children:u})]})};
 //# 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 { 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"}
+{"version":3,"file":"index.js","sources":["../../../src/link-card/link-card.tsx"],"sourcesContent":["import Paper from \"@mui/material/Paper\";\nimport Typography from \"@mui/material/Typography\";\nimport Link from \"@mui/material/Link\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\nimport { grey } from \"@mui/material/colors\";\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":["variant","title","message","href","linkText","sx","palette","useTheme","rootSx","p","display","flexDirection","textDecoration","backgroundColor","mode","grey","borderColor","main","common","white","_jsxs","Paper","component","Link","children","_jsx","Typography","jsx","mt","color"],"mappings":"4OAgBwB,EACtBA,UAAU,UACVC,QACAC,UACAC,OACAC,WACAC,SAEA,MAAMC,QAAEA,GAAYC,aAEdC,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,EAAQN,GAASiB,KAC9BJ,gBAAkC,UAAjBP,EAAQQ,KAAmBR,EAAQY,OAAOC,MAAQJ,EAAIA,KAAC,OAI5E,OACEK,OAACC,EAAM,CAAAC,UAAWC,EAAMpB,KAAMA,EAAMH,QAAQ,WAAWK,GAAI,IAAKG,KAAWH,GAAImB,SAAA,CAC7EC,MAACC,EAAU,CAAC1B,QAAQ,KAAMwB,SAAAvB,IAC1BwB,EAAAE,IAACD,EAAW,CAAA1B,QAAQ,UAAUK,GAAI,CAAEuB,GAAI,GACrCJ,SAAAtB,IAEFE,GACCqB,EAAAA,IAACC,EAAW,CAAAG,MAAO7B,EAASA,QAAQ,SAASK,GAAI,CAAEuB,GAAI,GACpDJ,SAAApB,MAGC"}

package/link-card/cjs/package.json

@@ -5,8 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0",
-    "react-router-dom": "^6.14.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/link-card/index.js

@@ -1,2 +1,2 @@
-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};
+import{jsxs as r,jsx as o}from"react/jsx-runtime";import t from"@mui/material/Paper";import i from"@mui/material/Typography";import e from"@mui/material/Link";import{useTheme as m}from"@mui/material/styles";import{grey as a}from"@mui/material/colors";const n=({variant:n="primary",title:l,message:c,href:p,linkText:s,sx:d})=>{const{palette:h}=m(),u={p:3,display:"flex",flexDirection:"column",textDecoration:"none",backgroundColor:"light"===h.mode?a[50]:a[900],borderColor:a[400],":hover":{borderColor:h[n].main,backgroundColor:"light"===h.mode?h.common.white:a[800]}};return r(t,{component:e,href:p,variant:"outlined",sx:{...u,...d},children:[o(i,{variant:"h6",children:l}),o(i,{variant:"caption",sx:{mt:2},children:c}),s&&o(i,{color:n,variant:"button",sx:{mt:2},children:s})]})};export{n 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 { 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"}
+{"version":3,"file":"index.js","sources":["../../src/link-card/link-card.tsx"],"sourcesContent":["import Paper from \"@mui/material/Paper\";\nimport Typography from \"@mui/material/Typography\";\nimport Link from \"@mui/material/Link\";\nimport { SxProps, Theme, useTheme } from \"@mui/material/styles\";\nimport { grey } from \"@mui/material/colors\";\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":["LinkCard","variant","title","message","href","linkText","sx","palette","useTheme","rootSx","p","display","flexDirection","textDecoration","backgroundColor","mode","grey","borderColor","main","common","white","_jsxs","Paper","component","Link","children","_jsx","Typography","mt","color"],"mappings":"iQAgBaA,EAAW,EACtBC,UAAU,UACVC,QACAC,UACAC,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,EAAQN,GAASiB,KAC9BJ,gBAAkC,UAAjBP,EAAQQ,KAAmBR,EAAQY,OAAOC,MAAQJ,EAAK,OAI5E,OACEK,EAACC,EAAM,CAAAC,UAAWC,EAAMpB,KAAMA,EAAMH,QAAQ,WAAWK,GAAI,IAAKG,KAAWH,GAAImB,SAAA,CAC7EC,EAACC,EAAU,CAAC1B,QAAQ,KAAMwB,SAAAvB,IAC1BwB,EAACC,EAAW,CAAA1B,QAAQ,UAAUK,GAAI,CAAEsB,GAAI,GACrCH,SAAAtB,IAEFE,GACCqB,EAACC,EAAW,CAAAE,MAAO5B,EAASA,QAAQ,SAASK,GAAI,CAAEsB,GAAI,GACpDH,SAAApB,MAGC"}

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

@@ -8,4 +8,4 @@ export interface LinkCardProps {
     linkText?: string;
     sx?: SxProps<Theme>;
 }
-export declare const LinkCard: ({ variant, title, message, href, linkText, sx, }: LinkCardProps) => JSX.Element;
+export declare const LinkCard: ({ variant, title, message, href, linkText, sx, }: LinkCardProps) => import("react/jsx-runtime").JSX.Element;

package/link-card/package.json

@@ -5,8 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0",
-    "react-router-dom": "^6.14.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/list-panel/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Grid"),i=require("@mui/material/List"),a=require("@mui/material/ListItemButton"),o=require("@mui/material/ListItemText"),l=require("@mui/material/Paper"),n=require("@mui/material/Tooltip"),u=require("@mui/material"),s=require("@mui/material/colors"),d=require("react-router-dom"),c=require("@mui/material/Link");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=m(r),p=m(i),f=m(a),x=m(o),g=m(l),y=m(n),j=m(c);const q=t.createContext(void 0),v=q.Provider,L=t.forwardRef(((t,r)=>{const{href:i,...a}=t;return e.jsx(d.Link,{ref:r,to:i,...a})})),P=t.forwardRef(((t,r)=>e.jsx(j.default,{...t,component:L})));exports.ListPanel=({items:r,defaultSelectedItem:i,colBreakpoint:a=3,listMode:o="panel",children:l,onSelectedItemChange:n=(()=>null)})=>{const c=(e=>{const{pathname:t}=d.useLocation();for(let r=0;r<e.length;r+=1){const i=e[r],a=d.matchPath(i,t);if(null!==a)return a}return null})(r.map((e=>e.path)).filter(Boolean)),m=(({lightWeight:e=100,darkWeight:t=900}={})=>{const{palette:r}=u.useTheme();return"light"===r.mode?r.grey[e]:r.grey[t]})(),{palette:j,typography:q}=u.useTheme(),[L,k]=t.useState(i);return e.jsx(v,{value:L,children:e.jsxs(h.default,{container:!0,bgcolor:m,height:1,children:[e.jsx(h.default,{item:!0,xs:a,pl:1,height:1,children:e.jsx(p.default,{sx:{height:1,overflowY:"auto"},children:r.map((({id:r,text:i,tooltip:a,path:l,href:u})=>{const d="panel"===o?r===L:c?.pattern?.path===l,m="navigation"===o?{component:P,href:u}:{},h=t.createElement(f.default,{...m,key:r,dense:!0,selected:d,onClick:()=>(e=>{k(e),n(e)})(r),"aria-label":i,sx:{backgroundColor:d?`${j.grey[300]} !important`:void 0}},e.jsx(x.default,{primary:i,primaryTypographyProps:{fontWeight:d?q.fontWeightMedium:void 0,color:d?q.body1.color:s.grey[600]}}));return a?e.jsx(y.default,{title:a,enterDelay:1500,placement:"right",children:h},r):h}))})}),e.jsx(h.default,{item:!0,xs:12-a,pl:1,py:1,pr:1,children:e.jsx(g.default,{elevation:0,sx:{width:1,height:1,backgroundColor:j.background.paper},children:l})})]})})},exports.ListPanelContext=q,exports.ListPanelContextProvider=v,exports.useListPanel=()=>t.useContext(q);
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Grid"),i=require("@mui/material/List"),a=require("@mui/material/ListItemButton"),l=require("@mui/material/ListItemText"),o=require("@mui/material/Paper"),n=require("@mui/material/Tooltip"),s=require("@mui/material"),u=require("@mui/material/colors");const m=t.createContext(void 0),h=m.Provider;exports.ListPanel=({items:m,defaultSelectedItem:p,colBreakpoint:c=3,listMode:d="panel",children:x,onSelectedItemChange:g=(()=>null)})=>{m.map((e=>e.path)).filter(Boolean);const y=(({lightWeight:e=100,darkWeight:t=900}={})=>{const{palette:r}=s.useTheme();return"light"===r.mode?r.grey[e]:r.grey[t]})(),{palette:q,typography:j}=s.useTheme(),[v,L]=t.useState(p);return e.jsx(h,{value:v,children:e.jsxs(r,{container:!0,bgcolor:y,height:1,children:[e.jsx(r,{item:!0,xs:c,pl:1,height:1,children:e.jsx(i,{sx:{height:1,overflowY:"auto"},children:m.map((({id:r,text:i,tooltip:o,path:m,href:h})=>{const p="navigation"===d?{component:s.Link,href:h}:{},c=t.createElement(a,{...p,key:r,dense:!0,onClick:()=>(e=>{L(e),g(e)})(r),"aria-label":i},e.jsx(l,{primary:i,primaryTypographyProps:{color:u.grey[600]}}));return o?e.jsx(n,{title:o,enterDelay:1500,placement:"right",children:c},r):c}))})}),e.jsx(r,{item:!0,xs:12-c,pl:1,py:1,pr:1,children:e.jsx(o,{elevation:0,sx:{width:1,height:1,backgroundColor:q.background.paper},children:x})})]})})},exports.ListPanelContext=m,exports.ListPanelContextProvider=h,exports.useListPanel=()=>t.useContext(m);
 //# 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/link/link.tsx","../../../src/list-panel/list-panel.tsx","../../../src/hooks/routing/routing.hooks.ts"],"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 { 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 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\";\nimport { Link } from \"../link\";\nimport { useRouteMatch } from \"../hooks\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n  href?: string;\n  path?: string;\n}\n\nexport type ListPanelProps = PropsWithChildren<{\n  defaultSelectedItem?: string;\n  items: ListPanelItem[];\n  listMode?: \"panel\" | \"navigation\";\n  colBreakpoint?: number;\n  onSelectedItemChange?: (id: string) => void;\n}>;\n\nexport const ListPanel = ({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  listMode = \"panel\",\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) => {\n  const paths = items.map((item) => item.path).filter(Boolean) as string[];\n\n  const routeMatch = useRouteMatch(paths);\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, path, href }) => {\n              const selected =\n                listMode === \"panel\" ? id === selectedItem : routeMatch?.pattern?.path === path;\n              const linkProps = listMode === \"navigation\" ? { component: Link, href } : {};\n\n              const contentEl = (\n                <ListItemButton\n                  {...linkProps}\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","import { useEffect, useRef } from \"react\";\nimport { matchPath, useLocation, useNavigate } from \"react-router-dom\";\n\nexport interface NavigateWhenValueChangesOptions<T> {\n  from: T;\n  to: T;\n}\n\nexport const useNavigateWhenValueChanges = <T>(\n  path: string,\n  value: T | undefined,\n  { from, to }: NavigateWhenValueChangesOptions<T>,\n) => {\n  const prevRef = useRef<T>();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    if (prevRef.current === from && value === to) {\n      navigate(path);\n    }\n    prevRef.current = value;\n  }, [value]);\n};\n\nexport const useRouteMatch = (patterns: string[]) => {\n  const { pathname } = useLocation();\n\n  for (let i = 0; i < patterns.length; i += 1) {\n    const pattern = patterns[i];\n    const possibleMatch = matchPath(pattern, pathname);\n    if (possibleMatch !== null) {\n      return possibleMatch;\n    }\n  }\n\n  return null;\n};\n"],"names":["ListPanelContext","createContext","undefined","ListPanelContextProvider","Provider","LinkBehaviour","forwardRef","props","ref","href","other","_jsx","jsx","RouterLink","to","Link","_1","MuiLink","component","items","defaultSelectedItem","colBreakpoint","listMode","children","onSelectedItemChange","routeMatch","patterns","pathname","useLocation","i","length","pattern","possibleMatch","matchPath","useRouteMatch","map","item","path","filter","Boolean","bgColor","lightWeight","darkWeight","palette","useTheme","mode","grey","useGetDefaultThemeColor","typography","selectedItem","setSelectedItem","useState","value","_jsxs","Grid","container","bgcolor","height","xs","pl","List","sx","overflowY","id","text","tooltip","selected","linkProps","contentEl","_createElement","createElement","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":"wkBAIO,MCFMA,EAAmBC,EAAaA,mBAAqBC,GACrDC,EAA2BH,EAAiBI,SCE5CC,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,wBCgBxB,EACvBc,QACAC,sBACAC,gBAAgB,EAChBC,WAAW,QACXC,WACAC,uBAAuB,KAAM,UAE7B,MAEMC,EChBqB,CAACC,IAC5B,MAAMC,SAAEA,GAAaC,EAAAA,cAErB,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAASI,OAAQD,GAAK,EAAG,CAC3C,MAAME,EAAUL,EAASG,GACnBG,EAAgBC,EAAAA,UAAUF,EAASJ,GACzC,GAAsB,OAAlBK,EACF,OAAOA,CAEV,CAED,OAAO,IAAI,EDKQE,CAFLf,EAAMgB,KAAKC,GAASA,EAAKC,OAAMC,OAAOC,UAG9CC,EHrC+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYC,EAAAA,WACpB,MAAwB,UAAjBD,EAAQE,KAAmBF,EAAQG,KAAKL,GAAeE,EAAQG,KAAKJ,EAAW,EGgCtEK,IACVJ,QAAEA,EAAOK,WAAEA,GAAeJ,EAAQA,YACjCK,EAAcC,GAAmBC,EAAQA,SAAC/B,GAOjD,OACET,EAAAC,IAACT,EAAwB,CAACiD,MAAOH,EAC/B1B,SAAA8B,OAACC,EAAAA,QAAI,CAACC,WAAS,EAACC,QAAShB,EAASiB,OAAQ,EACxClC,SAAA,CAAAZ,EAAAA,IAAC2C,EAAI,QAAC,CAAAlB,MAAK,EAAAsB,GAAIrC,EAAesC,GAAI,EAAGF,OAAQ,EAC3ClC,SAAAZ,EAAAA,IAACiD,EAAI,QAAA,CAACC,GAAI,CAAEJ,OAAQ,EAAGK,UAAW,QAAQvC,SACvCJ,EAAMgB,KAAI,EAAG4B,KAAIC,OAAMC,UAAS5B,OAAM5B,WACrC,MAAMyD,EACS,UAAb5C,EAAuByC,IAAOd,EAAexB,GAAYM,SAASM,OAASA,EACvE8B,EAAyB,eAAb7C,EAA4B,CAAEJ,UAAWH,EAAMN,QAAS,GAEpE2D,EACJC,EAAAC,cAACC,EAAc,QACT,IAAAJ,EACJK,IAAKT,EACLU,OAAK,EACLP,SAAUA,EACVQ,QAAS,IArBA,CAACX,IACxBb,EAAgBa,GAChBvC,EAAqBuC,EAAG,EAmBKY,CAAiBZ,GAAG,aACvBC,EACZH,GAAI,CAAEe,gBAAiBV,EAAW,GAAGvB,EAAQG,KAAK,uBAAoB5C,IAEtES,EAAAA,IAACkE,EAAAA,QACC,CAAAC,QAASd,EACTe,uBAAwB,CACtBC,WAAYd,EAAWlB,EAAWiC,sBAAmB/E,EACrDgF,MAAOhB,EAAWlB,EAAWmC,MAAMD,MAAQpC,EAAIA,KAAC,SAMxD,OAAOmB,EACLtD,EAAAA,IAACyE,EAAAA,QAAO,CAAUC,MAAOpB,EAASqB,WAAY,KAAMC,UAAU,QAC3DhE,SAAA6C,GADWL,GAId,CACD,QAIPpD,EAAAA,IAAC2C,EAAI,QAAA,CAAClB,MAAI,EAACsB,GAAI,GAAKrC,EAAesC,GAAI,EAAG6B,GAAI,EAAGC,GAAI,EAAClE,SACpDZ,EAACC,IAAA8E,WACCC,UAAW,EACX9B,GAAI,CACF+B,MAAO,EACPnC,OAAQ,EACRmB,gBAAiBjC,EAAQkD,WAAWC,OACrCvE,SAEAA,UAKT,qFFpGwB,IAAMwE,EAAAA,WAAW/F"}
+{"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 { Link, 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  href?: string;\n  path?: string;\n}\n\nexport type ListPanelProps = PropsWithChildren<{\n  defaultSelectedItem?: string;\n  items: ListPanelItem[];\n  listMode?: \"panel\" | \"navigation\";\n  colBreakpoint?: number;\n  onSelectedItemChange?: (id: string) => void;\n}>;\n\nexport const ListPanel = ({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  listMode = \"panel\",\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) => {\n  const paths = items.map((item) => item.path).filter(Boolean) as string[];\n\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, path, href }) => {\n              const linkProps = listMode === \"navigation\" ? { component: Link, href } : {};\n\n              const contentEl = (\n                <ListItemButton\n                  {...linkProps}\n                  key={id}\n                  dense\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      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","listMode","children","onSelectedItemChange","map","item","path","filter","Boolean","bgColor","lightWeight","darkWeight","palette","useTheme","mode","grey","useGetDefaultThemeColor","typography","selectedItem","setSelectedItem","useState","_jsx","jsx","value","_jsxs","Grid","container","bgcolor","height","xs","pl","List","sx","overflowY","id","text","tooltip","href","linkProps","component","Link","contentEl","_createElement","ListItemButton","key","dense","onClick","handleSelectItem","ListItemText","primary","primaryTypographyProps","color","Tooltip","title","enterDelay","placement","py","pr","Paper","elevation","width","backgroundColor","background","paper","useContext"],"mappings":"sVAIO,MCFMA,EAAmBC,EAAaA,mBAAqBC,GACrDC,EAA2BH,EAAiBI,2BCyBhC,EACvBC,QACAC,sBACAC,gBAAgB,EAChBC,WAAW,QACXC,WACAC,uBAAuB,KAAM,UAEfL,EAAMM,KAAKC,GAASA,EAAKC,OAAMC,OAAOC,SAEpD,MAAMC,EFlC+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYC,aACpB,MAAwB,UAAjBD,EAAQE,KAAmBF,EAAQG,KAAKL,GAAeE,EAAQG,KAAKJ,EAAW,EE6BtEK,IACVJ,QAAEA,EAAOK,WAAEA,GAAeJ,cACzBK,EAAcC,GAAmBC,EAAAA,SAASrB,GAOjD,OACEsB,EAAAC,IAAC1B,EAAwB,CAAC2B,MAAOL,EAC/BhB,SAAAsB,OAACC,EAAI,CAACC,WAAS,EAACC,QAASlB,EAASmB,OAAQ,EACxC1B,SAAA,CAAAmB,EAAAA,IAACI,EAAK,CAAApB,MAAK,EAAAwB,GAAI7B,EAAe8B,GAAI,EAAGF,OAAQ,EAC3C1B,SAAAmB,EAAAA,IAACU,EAAI,CAACC,GAAI,CAAEJ,OAAQ,EAAGK,UAAW,QAAQ/B,SACvCJ,EAAMM,KAAI,EAAG8B,KAAIC,OAAMC,UAAS9B,OAAM+B,WACrC,MAAMC,EAAyB,eAAbrC,EAA4B,CAAEsC,UAAWC,EAAIA,KAAEH,QAAS,CAAE,EAEtEI,EACJC,EAAAA,cAACC,MACKL,EACJM,IAAKV,EACLW,OACA,EAAAC,QAAS,IAlBA,CAACZ,IACxBf,EAAgBe,GAChB/B,EAAqB+B,EAAG,EAgBKa,CAAiBb,GAAG,aACvBC,GAEZd,EAAAA,IAAC2B,EACC,CAAAC,QAASd,EACTe,uBAAwB,CACtBC,MAAOpC,EAAIA,KAAC,SAMpB,OAAOqB,EACLf,EAAAA,IAAC+B,EAAO,CAAUC,MAAOjB,EAASkB,WAAY,KAAMC,UAAU,QAC3DrD,SAAAuC,GADWP,GAEJ,CAGX,QAIPb,EAAAA,IAACI,EAAI,CAACpB,MAAI,EAACwB,GAAI,GAAK7B,EAAe8B,GAAI,EAAG0B,GAAI,EAAGC,GAAI,EAACvD,SACpDmB,EAACC,IAAAoC,GACCC,UAAW,EACX3B,GAAI,CACF4B,MAAO,EACPhC,OAAQ,EACRiC,gBAAiBjD,EAAQkD,WAAWC,OACrC7D,SAEAA,UAIkB,qFD3FH,IAAM8D,EAAAA,WAAWvE"}

package/list-panel/cjs/package.json

@@ -5,8 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0",
-    "react-router-dom": "^6.14.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/list-panel/index.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{createContext as r,useContext as o,forwardRef as i,useState as m,createElement as a}from"react";import l from"@mui/material/Grid";import n from"@mui/material/List";import p from"@mui/material/ListItemButton";import h from"@mui/material/ListItemText";import c from"@mui/material/Paper";import d from"@mui/material/Tooltip";import{useTheme as u}from"@mui/material";import{grey as f}from"@mui/material/colors";import{Link as g,useLocation as s,matchPath as y}from"react-router-dom";import k from"@mui/material/Link";const x=r(void 0),v=x.Provider,b=()=>o(x),L=i(((e,r)=>{const{href:o,...i}=e;return t(g,{ref:r,to:o,...i})})),C=i(((e,r)=>t(k,{...e,component:L}))),I=({items:r,defaultSelectedItem:o,colBreakpoint:i=3,listMode:g="panel",children:k,onSelectedItemChange:x=(()=>null)})=>{const b=(t=>{const{pathname:e}=s();for(let r=0;r<t.length;r+=1){const o=t[r],i=y(o,e);if(null!==i)return i}return null})(r.map((t=>t.path)).filter(Boolean)),L=(({lightWeight:t=100,darkWeight:e=900}={})=>{const{palette:r}=u();return"light"===r.mode?r.grey[t]:r.grey[e]})(),{palette:I,typography:W}=u(),[B,P]=m(o);return t(v,{value:B,children:e(l,{container:!0,bgcolor:L,height:1,children:[t(l,{item:!0,xs:i,pl:1,height:1,children:t(n,{sx:{height:1,overflowY:"auto"},children:r.map((({id:e,text:r,tooltip:o,path:i,href:m})=>{const l="panel"===g?e===B:b?.pattern?.path===i,n=a(p,{..."navigation"===g?{component:C,href:m}:{},key:e,dense:!0,selected:l,onClick:()=>(t=>{P(t),x(t)})(e),"aria-label":r,sx:{backgroundColor:l?`${I.grey[300]} !important`:void 0}},t(h,{primary:r,primaryTypographyProps:{fontWeight:l?W.fontWeightMedium:void 0,color:l?W.body1.color:f[600]}}));return o?t(d,{title:o,enterDelay:1500,placement:"right",children:n},e):n}))})}),t(l,{item:!0,xs:12-i,pl:1,py:1,pr:1,children:t(c,{elevation:0,sx:{width:1,height:1,backgroundColor:I.background.paper},children:k})})]})})};export{I as ListPanel,x as ListPanelContext,v as ListPanelContextProvider,b as useListPanel};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{createContext as r,useContext as i,useState as o,createElement as m}from"react";import a from"@mui/material/Grid";import l from"@mui/material/List";import p from"@mui/material/ListItemButton";import n from"@mui/material/ListItemText";import h from"@mui/material/Paper";import c from"@mui/material/Tooltip";import{useTheme as d,Link as u}from"@mui/material";import{grey as g}from"@mui/material/colors";const s=r(void 0),f=s.Provider,y=()=>i(s),x=({items:r,defaultSelectedItem:i,colBreakpoint:s=3,listMode:y="panel",children:x,onSelectedItemChange:k=(()=>null)})=>{r.map((e=>e.path)).filter(Boolean);const v=(({lightWeight:e=100,darkWeight:t=900}={})=>{const{palette:r}=d();return"light"===r.mode?r.grey[e]:r.grey[t]})(),{palette:b,typography:I}=d(),[B,C]=o(i);return e(f,{value:B,children:t(a,{container:!0,bgcolor:v,height:1,children:[e(a,{item:!0,xs:s,pl:1,height:1,children:e(l,{sx:{height:1,overflowY:"auto"},children:r.map((({id:t,text:r,tooltip:i,path:o,href:a})=>{const l=m(p,{..."navigation"===y?{component:u,href:a}:{},key:t,dense:!0,onClick:()=>(e=>{C(e),k(e)})(t),"aria-label":r},e(n,{primary:r,primaryTypographyProps:{color:g[600]}}));return i?e(c,{title:i,enterDelay:1500,placement:"right",children:l},t):l}))})}),e(a,{item:!0,xs:12-s,pl:1,py:1,pr:1,children:e(h,{elevation:0,sx:{width:1,height:1,backgroundColor:b.background.paper},children:x})})]})})};export{x as ListPanel,s as ListPanelContext,f as ListPanelContextProvider,y 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/link/link.tsx","../../src/list-panel/list-panel.tsx","../../src/hooks/routing/routing.hooks.ts"],"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 { 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 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\";\nimport { Link } from \"../link\";\nimport { useRouteMatch } from \"../hooks\";\n\nexport interface ListPanelItem {\n  id: string;\n  text: string;\n  tooltip?: string;\n  href?: string;\n  path?: string;\n}\n\nexport type ListPanelProps = PropsWithChildren<{\n  defaultSelectedItem?: string;\n  items: ListPanelItem[];\n  listMode?: \"panel\" | \"navigation\";\n  colBreakpoint?: number;\n  onSelectedItemChange?: (id: string) => void;\n}>;\n\nexport const ListPanel = ({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  listMode = \"panel\",\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) => {\n  const paths = items.map((item) => item.path).filter(Boolean) as string[];\n\n  const routeMatch = useRouteMatch(paths);\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, path, href }) => {\n              const selected =\n                listMode === \"panel\" ? id === selectedItem : routeMatch?.pattern?.path === path;\n              const linkProps = listMode === \"navigation\" ? { component: Link, href } : {};\n\n              const contentEl = (\n                <ListItemButton\n                  {...linkProps}\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","import { useEffect, useRef } from \"react\";\nimport { matchPath, useLocation, useNavigate } from \"react-router-dom\";\n\nexport interface NavigateWhenValueChangesOptions<T> {\n  from: T;\n  to: T;\n}\n\nexport const useNavigateWhenValueChanges = <T>(\n  path: string,\n  value: T | undefined,\n  { from, to }: NavigateWhenValueChangesOptions<T>,\n) => {\n  const prevRef = useRef<T>();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    if (prevRef.current === from && value === to) {\n      navigate(path);\n    }\n    prevRef.current = value;\n  }, [value]);\n};\n\nexport const useRouteMatch = (patterns: string[]) => {\n  const { pathname } = useLocation();\n\n  for (let i = 0; i < patterns.length; i += 1) {\n    const pattern = patterns[i];\n    const possibleMatch = matchPath(pattern, pathname);\n    if (possibleMatch !== null) {\n      return possibleMatch;\n    }\n  }\n\n  return null;\n};\n"],"names":["ListPanelContext","createContext","undefined","ListPanelContextProvider","Provider","useListPanel","useContext","LinkBehaviour","forwardRef","props","ref","href","other","_jsx","RouterLink","to","Link","_1","MuiLink","component","ListPanel","items","defaultSelectedItem","colBreakpoint","listMode","children","onSelectedItemChange","routeMatch","patterns","pathname","useLocation","i","length","pattern","possibleMatch","matchPath","useRouteMatch","map","item","path","filter","Boolean","bgColor","lightWeight","darkWeight","palette","useTheme","mode","grey","useGetDefaultThemeColor","typography","selectedItem","setSelectedItem","useState","value","_jsxs","Grid","container","bgcolor","height","xs","pl","List","sx","overflowY","id","text","tooltip","selected","contentEl","_createElement","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":"0jBAIO,MCFMA,EAAmBC,OAAkCC,GACrDC,EAA2BH,EAAiBI,SAC5CC,EAAe,IAAMC,EAAWN,GCChCO,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,MCgBpCa,EAAY,EACvBC,QACAC,sBACAC,gBAAgB,EAChBC,WAAW,QACXC,WACAC,uBAAuB,KAAM,UAE7B,MAEMC,EChBqB,CAACC,IAC5B,MAAMC,SAAEA,GAAaC,IAErB,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAASI,OAAQD,GAAK,EAAG,CAC3C,MAAME,EAAUL,EAASG,GACnBG,EAAgBC,EAAUF,EAASJ,GACzC,GAAsB,OAAlBK,EACF,OAAOA,CAEV,CAED,OAAO,IAAI,EDKQE,CAFLf,EAAMgB,KAAKC,GAASA,EAAKC,OAAMC,OAAOC,UAG9CC,EHrC+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYC,IACpB,MAAwB,UAAjBD,EAAQE,KAAmBF,EAAQG,KAAKL,GAAeE,EAAQG,KAAKJ,EAAW,EGgCtEK,IACVJ,QAAEA,EAAOK,WAAEA,GAAeJ,KACzBK,EAAcC,GAAmBC,EAAS/B,GAOjD,OACET,EAACV,EAAwB,CAACmD,MAAOH,EAC/B1B,SAAA8B,EAACC,EAAI,CAACC,WAAS,EAACC,QAAShB,EAASiB,OAAQ,EACxClC,SAAA,CAAAZ,EAAC2C,EAAK,CAAAlB,MAAK,EAAAsB,GAAIrC,EAAesC,GAAI,EAAGF,OAAQ,EAC3ClC,SAAAZ,EAACiD,EAAI,CAACC,GAAI,CAAEJ,OAAQ,EAAGK,UAAW,QAAQvC,SACvCJ,EAAMgB,KAAI,EAAG4B,KAAIC,OAAMC,UAAS5B,OAAM5B,WACrC,MAAMyD,EACS,UAAb5C,EAAuByC,IAAOd,EAAexB,GAAYM,SAASM,OAASA,EAGvE8B,EACJC,EAACC,EACK,IAJuB,eAAb/C,EAA4B,CAAEL,UAAWH,EAAML,QAAS,GAKtE6D,IAAKP,EACLQ,OAAK,EACLL,SAAUA,EACVM,QAAS,IArBA,CAACT,IACxBb,EAAgBa,GAChBvC,EAAqBuC,EAAG,EAmBKU,CAAiBV,GAAG,aACvBC,EACZH,GAAI,CAAEa,gBAAiBR,EAAW,GAAGvB,EAAQG,KAAK,uBAAoB9C,IAEtEW,EAACgE,EACC,CAAAC,QAASZ,EACTa,uBAAwB,CACtBC,WAAYZ,EAAWlB,EAAW+B,sBAAmB/E,EACrDgF,MAAOd,EAAWlB,EAAWiC,MAAMD,MAAQlC,EAAK,SAMxD,OAAOmB,EACLtD,EAACuE,EAAO,CAAUC,MAAOlB,EAASmB,WAAY,KAAMC,UAAU,QAC3D9D,SAAA4C,GADWJ,GAId,CACD,QAIPpD,EAAC2C,EAAI,CAAClB,MAAI,EAACsB,GAAI,GAAKrC,EAAesC,GAAI,EAAG2B,GAAI,EAAGC,GAAI,EAAChE,SACpDZ,EAAC6E,GACCC,UAAW,EACX5B,GAAI,CACF6B,MAAO,EACPjC,OAAQ,EACRiB,gBAAiB/B,EAAQgD,WAAWC,OACrCrE,SAEAA,UAKT"}
+{"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 { Link, 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  href?: string;\n  path?: string;\n}\n\nexport type ListPanelProps = PropsWithChildren<{\n  defaultSelectedItem?: string;\n  items: ListPanelItem[];\n  listMode?: \"panel\" | \"navigation\";\n  colBreakpoint?: number;\n  onSelectedItemChange?: (id: string) => void;\n}>;\n\nexport const ListPanel = ({\n  items,\n  defaultSelectedItem,\n  colBreakpoint = 3,\n  listMode = \"panel\",\n  children,\n  onSelectedItemChange = () => null,\n}: ListPanelProps) => {\n  const paths = items.map((item) => item.path).filter(Boolean) as string[];\n\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, path, href }) => {\n              const linkProps = listMode === \"navigation\" ? { component: Link, href } : {};\n\n              const contentEl = (\n                <ListItemButton\n                  {...linkProps}\n                  key={id}\n                  dense\n                  onClick={() => handleSelectItem(id)}\n                  aria-label={text}\n                >\n                  <ListItemText\n                    primary={text}\n                    primaryTypographyProps={{\n                      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","listMode","children","onSelectedItemChange","map","item","path","filter","Boolean","bgColor","lightWeight","darkWeight","palette","useTheme","mode","grey","useGetDefaultThemeColor","typography","selectedItem","setSelectedItem","useState","_jsx","value","_jsxs","Grid","container","bgcolor","height","xs","pl","List","sx","overflowY","id","text","tooltip","href","contentEl","_createElement","ListItemButton","component","Link","key","dense","onClick","handleSelectItem","ListItemText","primary","primaryTypographyProps","color","Tooltip","title","enterDelay","placement","py","pr","Paper","elevation","width","backgroundColor","background","paper"],"mappings":"0cAIO,MCFMA,EAAmBC,OAAkCC,GACrDC,EAA2BH,EAAiBI,SAC5CC,EAAe,IAAMC,EAAWN,GCwBhCO,EAAY,EACvBC,QACAC,sBACAC,gBAAgB,EAChBC,WAAW,QACXC,WACAC,uBAAuB,KAAM,UAEfL,EAAMM,KAAKC,GAASA,EAAKC,OAAMC,OAAOC,SAEpD,MAAMC,EFlC+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMC,QAAEA,GAAYC,IACpB,MAAwB,UAAjBD,EAAQE,KAAmBF,EAAQG,KAAKL,GAAeE,EAAQG,KAAKJ,EAAW,EE6BtEK,IACVJ,QAAEA,EAAOK,WAAEA,GAAeJ,KACzBK,EAAcC,GAAmBC,EAASrB,GAOjD,OACEsB,EAAC5B,EAAwB,CAAC6B,MAAOJ,EAC/BhB,SAAAqB,EAACC,EAAI,CAACC,WAAS,EAACC,QAASjB,EAASkB,OAAQ,EACxCzB,SAAA,CAAAmB,EAACG,EAAK,CAAAnB,MAAK,EAAAuB,GAAI5B,EAAe6B,GAAI,EAAGF,OAAQ,EAC3CzB,SAAAmB,EAACS,EAAI,CAACC,GAAI,CAAEJ,OAAQ,EAAGK,UAAW,QAAQ9B,SACvCJ,EAAMM,KAAI,EAAG6B,KAAIC,OAAMC,UAAS7B,OAAM8B,WACrC,MAEMC,EACJC,EAACC,MAH4B,eAAbtC,EAA4B,CAAEuC,UAAWC,EAAML,QAAS,CAAE,EAKxEM,IAAKT,EACLU,OACA,EAAAC,QAAS,IAlBA,CAACX,IACxBd,EAAgBc,GAChB9B,EAAqB8B,EAAG,EAgBKY,CAAiBZ,GAAG,aACvBC,GAEZb,EAACyB,EACC,CAAAC,QAASb,EACTc,uBAAwB,CACtBC,MAAOlC,EAAK,SAMpB,OAAOoB,EACLd,EAAC6B,EAAO,CAAUC,MAAOhB,EAASiB,WAAY,KAAMC,UAAU,QAC3DnD,SAAAmC,GADWJ,GAEJ,CAGX,QAIPZ,EAACG,EAAI,CAACnB,MAAI,EAACuB,GAAI,GAAK5B,EAAe6B,GAAI,EAAGyB,GAAI,EAAGC,GAAI,EAACrD,SACpDmB,EAACmC,GACCC,UAAW,EACX1B,GAAI,CACF2B,MAAO,EACP/B,OAAQ,EACRgC,gBAAiB/C,EAAQgD,WAAWC,OACrC3D,SAEAA,UAIkB"}

package/list-panel/list-panel-panel.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from "react";
 export type ListPanelPanelProps = PropsWithChildren<{
     ids: string[];
 }>;
-export declare const ListPanelPanel: ({ ids, children }: ListPanelPanelProps) => JSX.Element | null;
+export declare const ListPanelPanel: ({ ids, children }: ListPanelPanelProps) => import("react/jsx-runtime").JSX.Element | null;

package/list-panel/list-panel.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ListPanelContext: import("react").Context<string | undefined>;
 export declare const ListPanelContextProvider: import("react").Provider<string | undefined>;
 export declare const useListPanel: () => string | undefined;

package/list-panel/list-panel.d.ts

@@ -13,4 +13,4 @@ export type ListPanelProps = PropsWithChildren<{
     colBreakpoint?: number;
     onSelectedItemChange?: (id: string) => void;
 }>;
-export declare const ListPanel: ({ items, defaultSelectedItem, colBreakpoint, listMode, children, onSelectedItemChange, }: ListPanelProps) => JSX.Element;
+export declare const ListPanel: ({ items, defaultSelectedItem, colBreakpoint, listMode, children, onSelectedItemChange, }: ListPanelProps) => import("react/jsx-runtime").JSX.Element;

package/list-panel/list-panel.mocks.d.ts

@@ -1,5 +1,5 @@
 import { ListPanelItem } from "./list-panel";
-export declare const ListPanelDemoContent: () => JSX.Element;
+export declare const ListPanelDemoContent: () => import("react/jsx-runtime").JSX.Element;
 export declare const mockItemsShort: ListPanelItem[];
 export declare const mockItemsLong: ListPanelItem[];
 export declare const mockItemsRouterNavigation: ListPanelItem[];

package/list-panel/package.json

@@ -5,8 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0",
-    "react-router-dom": "^6.14.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/loading-area/cjs/index.js

@@ -1,2 +1,2 @@
-"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,{})});
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/CircularProgress"),i=require("@mui/material/Box");exports.LoadingArea=()=>e.jsx(i,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center",children:e.jsx(r,{})});
 //# 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 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"}
+{"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","Box","width","height","display","justifyContent","alignItems","children","CircularProgress"],"mappings":"+IAM2B,IAEvBA,EAAAA,IAACC,EAAG,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,SAAQC,SAClFP,EAAAA,IAACQ,EAAmB,CAAA"}

package/loading-area/cjs/package.json

@@ -5,7 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

package/loading-area/loading-area.d.ts

@@ -1,4 +1,4 @@
 /**
  * Displays a centered loading indicator
  */
-export declare const LoadingArea: () => JSX.Element;
+export declare const LoadingArea: () => import("react/jsx-runtime").JSX.Element;

package/loading-area/package.json

@@ -5,7 +5,7 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "react": "^18.2.0"
+    "@mui/material": "^6.4.5",
+    "react": "^19.0.0"
   }
 }

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

@@ -1,2 +1,2 @@
-"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})});
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/material/Typography"),a=require("lorem-ipsum");exports.LoremIpsumPlaceholder=({count:i=3,units:u="paragraph",variant:t="body1"})=>r.jsx(e,{variant:t,children:a.loremIpsum({count:i,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/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"}
+{"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":"6IAWqC,EACnCA,QAAQ,EACRC,QAAQ,YACRC,UAAU,WAGRC,EAAAA,IAACC,EAAU,CAACF,QAASA,EAClBG,SAAAC,aAAW,CACVN,QACAC"}

package/lorem-ipsum-placeholder/cjs/package.json

@@ -5,8 +5,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
+    "@mui/material": "^6.4.5",
     "lorem-ipsum": "^2.0.8",
-    "react": "^18.2.0"
+    "react": "^19.0.0"
   }
 }

package/lorem-ipsum-placeholder/lorem-ipsum-placeholder.d.ts

@@ -5,4 +5,4 @@ export interface LoremIpsumPlaceholderProps {
     units?: LoremUnit;
     variant?: Variant;
 }
-export declare const LoremIpsumPlaceholder: ({ count, units, variant, }: LoremIpsumPlaceholderProps) => JSX.Element;
+export declare const LoremIpsumPlaceholder: ({ count, units, variant, }: LoremIpsumPlaceholderProps) => import("react/jsx-runtime").JSX.Element;

package/lorem-ipsum-placeholder/package.json

@@ -5,8 +5,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
+    "@mui/material": "^6.4.5",
     "lorem-ipsum": "^2.0.8",
-    "react": "^18.2.0"
+    "react": "^19.0.0"
   }
 }

package/markdown/cjs/index.js

@@ -1,2 +1,2 @@
-"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;
+"use strict";var t=require("react/jsx-runtime"),o=require("@mui/material/Typography"),r=require("@mui/material/Link"),e=require("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:r},li:{component:"li"}}};exports.Markdown=({content:o,options:r=n})=>t.jsx(e,{options:r,children:o}),exports.markdownDefaultOptions=n;
 //# 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 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"}
+{"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":"mJASa,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,yBAKO,EAAGa,UAASC,UAAUjB,KACrCkB,EAAAA,IAACC,EAAc,CAAAF,QAASA,EAAOG,SAAGJ"}

package/markdown/cjs/package.json

@@ -5,8 +5,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "markdown-to-jsx": "^7.2.1",
-    "react": "^18.2.0"
+    "@mui/material": "^6.4.5",
+    "markdown-to-jsx": "^7.7.4",
+    "react": "^19.0.0"
   }
 }

package/markdown/markdown.d.ts

@@ -4,4 +4,4 @@ export interface MarkdownProps {
     options?: MarkdownToJSX.Options;
 }
 export declare const markdownDefaultOptions: MarkdownToJSX.Options;
-export declare const Markdown: ({ content, options }: MarkdownProps) => JSX.Element;
+export declare const Markdown: ({ content, options }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;

package/markdown/package.json

@@ -5,8 +5,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@mui/material": "^5.13.6",
-    "markdown-to-jsx": "^7.2.1",
-    "react": "^18.2.0"
+    "@mui/material": "^6.4.5",
+    "markdown-to-jsx": "^7.7.4",
+    "react": "^19.0.0"
   }
 }