ece-docs-components 1.0.45 → 1.0.47

package/dist/ThemeProvider.d.ts

@@ -0,0 +1,118 @@
+import { createTheme } from '@mui/material/styles';
+import * as React from 'react';
+import './theme-types';
+declare const themeConfigs: {
+    default: {
+        palette: {
+            primary: {
+                main: string;
+            };
+            secondary: {
+                main: string;
+            };
+            accent: {
+                main: string;
+            };
+            dark: {
+                main: string;
+            };
+            light: {
+                main: string;
+            };
+            markedRead: {
+                main: string;
+            };
+            text: {
+                primary: string;
+                secondary: string;
+            };
+            custom: {
+                iconColor: string;
+                primaryButtonTextColor: string;
+                readByBackgroundColor: string;
+                stepIndicatorTextColor: string;
+                markAsReadBackgroundColor: string;
+                tabBackgroundColor: string;
+            };
+        };
+        appName: string;
+    };
+    school: {
+        palette: {
+            primary: {
+                main: string;
+            };
+            secondary: {
+                main: string;
+            };
+            accent: {
+                main: string;
+            };
+            dark: {
+                main: string;
+            };
+            light: {
+                main: string;
+            };
+            markedRead: {
+                main: string;
+            };
+            text: {
+                primary: string;
+                secondary: string;
+            };
+            custom: {
+                primaryButtonTextColor: string;
+                stepIndicatorTextColor: string;
+            };
+        };
+        appName: string;
+    };
+    health: {
+        palette: {
+            primary: {
+                main: string;
+            };
+            secondary: {
+                main: string;
+            };
+            accent: {
+                main: string;
+            };
+            dark: {
+                main: string;
+            };
+            light: {
+                main: string;
+            };
+            markedRead: {
+                main: string;
+            };
+            text: {
+                primary: string;
+                secondary: string;
+            };
+            custom: {
+                iconColor: string;
+                primaryButtonTextColor: string;
+                markAsReadBorderColor: string;
+                readByBackgroundColor: string;
+                stepIndicatorTextColor: string;
+                tabBackgroundColor: string;
+            };
+        };
+        appName: string;
+    };
+};
+export type ThemeKey = keyof typeof themeConfigs;
+interface ThemeContextType {
+    currentTheme: ThemeKey;
+    setTheme: (theme: ThemeKey) => void;
+    theme: ReturnType<typeof createTheme>;
+}
+export declare const ThemeProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const useTheme: () => ThemeContextType;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../src/ThemeProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAqC,MAAM,sBAAsB,CAAC;AAEtF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,eAAe,CAAC;AAgDvB,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,CAAC;AAMjD,UAAU,gBAAgB;IACxB,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;CACvC;AAID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAYjE,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC"}

package/dist/cjs/_virtual/index8.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var cjs = {};
+var lib = {};
 
-exports.__exports = cjs;
+exports.__exports = lib;
 //# sourceMappingURL=index8.js.map

package/dist/cjs/_virtual/index9.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var lib = {};
+var cjs = {};
 
-exports.__exports = lib;
+exports.__exports = cjs;
 //# sourceMappingURL=index9.js.map

package/dist/cjs/components/AcknowledgementBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AcknowledgementBox.js","sources":["../../../../src/components/AcknowledgementBox.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, SxProps, Theme, Typography } from '@mui/material';\r\nimport { InfoOutlineRounded } from '@mui/icons-material';\r\ninterface AcknowledgementProps {\r\n  children: React.ReactNode | React.ReactNode[];\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nconst StyledAcknowledgementBox = styled(Box)(({ theme }) => ({\r\n  marginTop: theme.spacing(2), // mt-4\r\n  padding: theme.spacing(2), // p-4\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  border: `1px solid ${theme.palette.dark.main}1A`,\r\n  backgroundColor: theme.palette.background.default,\r\n}));\r\n\r\n\r\nexport const AcknowledgementBox: React.FC<AcknowledgementProps> = ({\r\n  children,\r\n  sx,\r\n}) => {\r\n  return (\r\n    <StyledAcknowledgementBox\r\n      sx={sx}\r\n    >\r\n      <Box display='flex' flexDirection='row'>\r\n        <Box display='flex' flexDirection='column'>\r\n          <InfoOutlineRounded sx={{ mr: 1, color: 'black' }} />\r\n        </Box>\r\n        <Box flex='1'>\r\n          {children}\r\n        </Box>\r\n      </Box>\r\n    </StyledAcknowledgementBox>\r\n  );\r\n};"],"names":["styled","Box","_jsx","_jsxs","InfoOutlineRounded"],"mappings":";;;;;;AAUA,MAAM,wBAAwB,GAAGA,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAC3D,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC/C,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;IACtC,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,CAAA,CAAC,CAAC;AAGI,MAAM,kBAAkB,GAAmC,CAAC,EACjE,QAAQ,EACR,EAAE,GACH,KAAI;IACH,QACEC,cAAA,CAAC,wBAAwB,EAAA,EACvB,EAAE,EAAE,EAAE,EAAA,QAAA,EAENC,eAAA,CAACF,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAA,QAAA,EAAA,CACrCC,cAAA,CAACD,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAA,QAAA,EACxCC,cAAA,CAACE,gCAAkB,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,CAAI,EAAA,CACjD,EACNF,cAAA,CAACD,YAAG,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACmB;AAE/B;;;;"}
+{"version":3,"file":"AcknowledgementBox.js","sources":["../../../../src/components/AcknowledgementBox.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, styled, SxProps, Theme, Typography } from '@mui/material';\nimport { InfoOutlineRounded } from '@mui/icons-material';\ninterface AcknowledgementProps {\n  children: React.ReactNode | React.ReactNode[];\n  sx?: SxProps<Theme>;\n}\n\nconst StyledAcknowledgementBox = styled(Box)(({ theme }) => ({\n  marginTop: theme.spacing(2), // mt-4\n  padding: theme.spacing(2), // p-4\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\n    ? parseInt(theme.shape.borderRadius, 10)\n    : theme.shape.borderRadius || 4) * 2,\n  border: `1px solid ${theme.palette.dark.main}1A`,\n  backgroundColor: theme.palette.background.default,\n}));\n\n\nexport const AcknowledgementBox: React.FC<AcknowledgementProps> = ({\n  children,\n  sx,\n}) => {\n  return (\n    <StyledAcknowledgementBox\n      sx={sx}\n    >\n      <Box display='flex' flexDirection='row'>\n        <Box display='flex' flexDirection='column'>\n          <InfoOutlineRounded sx={{ mr: 1, color: 'black' }} />\n        </Box>\n        <Box flex='1'>\n          {children}\n        </Box>\n      </Box>\n    </StyledAcknowledgementBox>\n  );\n};"],"names":["styled","Box","_jsx","_jsxs","InfoOutlineRounded"],"mappings":";;;;;;AAUA,MAAM,wBAAwB,GAAGA,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAC3D,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC/C,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;IACtC,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,CAAA,CAAC,CAAC;AAGI,MAAM,kBAAkB,GAAmC,CAAC,EACjE,QAAQ,EACR,EAAE,GACH,KAAI;IACH,QACEC,cAAA,CAAC,wBAAwB,EAAA,EACvB,EAAE,EAAE,EAAE,EAAA,QAAA,EAENC,eAAA,CAACF,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAA,QAAA,EAAA,CACrCC,cAAA,CAACD,YAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAA,QAAA,EACxCC,cAAA,CAACE,gCAAkB,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,CAAI,EAAA,CACjD,EACNF,cAAA,CAACD,YAAG,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACmB;AAE/B;;;;"}

package/dist/cjs/components/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","sources":["../../../../src/components/ActionButton.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { IconButton, styled, SxProps, Theme } from '@mui/material';\r\nimport { SvgIconComponent } from '@mui/icons-material';\r\n\r\ninterface ActionButtonProps {\r\n  icon: SvgIconComponent;\r\n  onClick?: () => void;\r\n  label?: string;\r\n  sx?: SxProps<Theme>;\r\n}\r\n\r\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\r\n  width: 48,\r\n  height: 48,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: '#fff',\r\n  border: `1px solid ${theme.palette.dark.main}1A`,\r\n  '&:hover': {\r\n    backgroundColor: '#f9fafb',\r\n  },\r\n  '& svg': {\r\n    color: '#4D3019',\r\n    transition: 'color 0.2s',\r\n  },\r\n  '&:hover svg': {\r\n    color: theme.palette.primary.main,\r\n  },\r\n}));\r\n\r\nexport const ActionButton: React.FC<ActionButtonProps> = ({\r\n  icon: Icon,\r\n  onClick,\r\n  label,\r\n  sx,\r\n}) => {\r\n  return (\r\n    <StyledIconButton\r\n      onClick={onClick}\r\n      aria-label={label}\r\n      sx={sx}\r\n    >\r\n      <Icon />\r\n    </StyledIconButton>\r\n  );\r\n};"],"names":["styled","IconButton","_jsx"],"mappings":";;;;;AAaA,MAAM,gBAAgB,GAAGA,eAAM,CAACC,mBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC1D,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC/C,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;AACtC,IAAA,eAAe,EAAE,MAAM;IACvB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,SAAS;AAC3B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EAAE,IAAI,EACV,OAAO,EACP,KAAK,EACL,EAAE,GACH,KAAI;AACH,IAAA,QACEC,cAAA,CAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,KAAK,EACjB,EAAE,EAAE,EAAE,EAAA,QAAA,EAENA,cAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EAAA,CACS;AAEvB;;;;"}
+{"version":3,"file":"ActionButton.js","sources":["../../../../src/components/ActionButton.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { IconButton, styled, SxProps, Theme } from '@mui/material';\nimport { SvgIconComponent } from '@mui/icons-material';\n\ninterface ActionButtonProps {\n  icon: SvgIconComponent;\n  onClick?: () => void;\n  label?: string;\n  sx?: SxProps<Theme>;\n}\n\nconst StyledIconButton = styled(IconButton)(({ theme }) => ({\n  width: 48,\n  height: 48,\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\n    ? parseInt(theme.shape.borderRadius, 10)\n    : theme.shape.borderRadius || 4) * 2,\n  backgroundColor: '#fff',\n  border: `1px solid ${theme.palette.dark.main}1A`,\n  '&:hover': {\n    backgroundColor: '#f9fafb',\n  },\n  '& svg': {\n    color: '#4D3019',\n    transition: 'color 0.2s',\n  },\n  '&:hover svg': {\n    color: theme.palette.primary.main,\n  },\n}));\n\nexport const ActionButton: React.FC<ActionButtonProps> = ({\n  icon: Icon,\n  onClick,\n  label,\n  sx,\n}) => {\n  return (\n    <StyledIconButton\n      onClick={onClick}\n      aria-label={label}\n      sx={sx}\n    >\n      <Icon />\n    </StyledIconButton>\n  );\n};"],"names":["styled","IconButton","_jsx"],"mappings":";;;;;AAaA,MAAM,gBAAgB,GAAGA,eAAM,CAACC,mBAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC1D,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC/C,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC;AACtC,IAAA,eAAe,EAAE,MAAM;IACvB,MAAM,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAChD,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,SAAS;AAC3B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,UAAU,EAAE,YAAY;AACzB,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EAAE,IAAI,EACV,OAAO,EACP,KAAK,EACL,EAAE,GACH,KAAI;AACH,IAAA,QACEC,cAAA,CAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,KAAK,EACjB,EAAE,EAAE,EAAE,EAAA,QAAA,EAENA,cAAA,CAAC,IAAI,EAAA,EAAA,CAAG,EAAA,CACS;AAEvB;;;;"}

package/dist/cjs/components/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, styled, SxProps, Theme } from '@mui/material';\r\nimport { ErrorOutlineRounded, HighlightOffRounded, InfoOutlineRounded, LinkRounded, NoteOutlined, OpenInNewOutlined, TaskAltRounded } from '@mui/icons-material';\r\n\r\ninterface AlertProps {\r\n  variant?: 'info' |\r\n            'success' |\r\n            'warning' |\r\n            'error' |\r\n            'note-internallink' |\r\n            'note-externallink' |\r\n            'note-important' |\r\n            'note' |\r\n            'note-assurance' |\r\n            'note-share' |\r\n            'note-task' |\r\n            'custom';\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  icon?: boolean | React.ReactNode; // Allow React node\r\n  sx?: SxProps<Theme>; \r\n}\r\n\r\nconst StyledAlert = styled(MuiAlert)<{ customvariant?: string }>(({ theme, customvariant }) => {\r\n  const variants = {\r\n    info: {\r\n      backgroundColor: '#F8F0FC',\r\n      borderColor: '#C269FA',\r\n      color: '#4D3019',\r\n    },\r\n    success: {\r\n      backgroundColor: '#f0fdf4',\r\n      borderColor: '#bbf7d0',\r\n      color: '#14532d',\r\n    },\r\n    warning: {\r\n      backgroundColor: '#fefce8',\r\n      borderColor: '#fef08a',\r\n      color: '#713f12',\r\n    },\r\n    error: {\r\n      backgroundColor: '#fef2f2',\r\n      borderColor: '#fecaca',\r\n      color: '#7f1d1d',\r\n    },\r\n    'note-internallink': {\r\n      backgroundColor: '#FDFCEE',\r\n      borderColor: '#ECE8DF',\r\n      color: '#4D3019',\r\n    },\r\n    'note-externallink': {\r\n      backgroundColor: '#FDFCEE',\r\n      borderColor: '#ECE8DF',\r\n      color: '#4D3019',\r\n    },\r\n    'note': {\r\n      backgroundColor: '#FDFCEE',\r\n      borderColor: '#ECE8DF',\r\n      color: '#4D3019',\r\n    },\r\n    'note-important': {\r\n      backgroundColor: '#FDEDED',\r\n      borderColor: '#EDA6A6',\r\n      color: '#5F2120',\r\n    },\r\n    'note-task': {\r\n      backgroundColor: '#FFF4E5',\r\n      borderColor: '#F9C18F',\r\n      color: '#4D3019',\r\n    },\r\n    'note-assurance': {\r\n      backgroundColor: '#FFF4E5',\r\n      borderColor: '#F9C18F',\r\n      color: '#4D3019',\r\n    },\r\n    'note-share': {\r\n      backgroundColor: '#F8F0FC',\r\n      borderColor: '#C269FA',\r\n      color: '#4D3019',\r\n    },\r\n    custom: {\r\n      backgroundColor: theme.palette.light.main,\r\n      borderColor: `${theme.palette.dark.main}33`,\r\n      color: theme.palette.dark.main,\r\n    },\r\n  };\r\n\r\n  const variantKey = customvariant as keyof typeof variants || 'info';\r\n  const style = variants[variantKey];\r\n\r\n  return {\r\n    display: 'flex',\r\n    alignItems: 'flex-start',\r\n    gap: theme.spacing(1.5),\r\n    padding: theme.spacing(2),\r\n    marginBottom: theme.spacing(1.5),\r\n    overflow: 'visible',\r\n    maxHeight: 'none',\r\n    fontSize: '1rem',\r\n    border: `1px solid ${style.borderColor}`,\r\n    borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n  ? parseInt(theme.shape.borderRadius, 10)\r\n  : theme.shape.borderRadius || 4) * 2,\r\n    backgroundColor: style.backgroundColor,\r\n    color: style.color,\r\n    '& .MuiAlert-icon': {\r\n      marginRight: 0,\r\n      padding: 0,\r\n      marginTop: '2px',\r\n    },\r\n    '& .MuiAlert-message': {\r\n      padding: 0,\r\n      flex: 1,\r\n      overflow: 'visible',\r\n      maxHeight: 'none',\r\n    },\r\n  };\r\n});\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  variant = 'info',\r\n  children,\r\n  className = '',\r\n  icon = true,\r\n  sx,\r\n}) => {\r\n  const iconMap = {\r\n    info: <InfoOutlineRounded sx={{fontSize: 20, color:'#C571FA'}} />,\r\n    success: <TaskAltRounded sx={{fontSize: 20}} />,\r\n    warning: <ErrorOutlineRounded sx={{fontSize: 20}} />,\r\n    error: <HighlightOffRounded  sx={{fontSize: 20}} />,\r\n    'note-internallink': <LinkRounded sx={{fontSize: 20, color:'#4D3019'}} />,\r\n    'note-externallink': <OpenInNewOutlined sx={{fontSize: 20, color:'#4D3019'}} />,\r\n    'note': <NoteOutlined sx={{fontSize: 20, color:'#4D3019'}} />,\r\n    'note-important': <InfoOutlineRounded sx={{fontSize: 20, color:'#D32F2F'}} />,\r\n    'note-assurance': <TaskAltRounded sx={{fontSize: 20, color:'#FF9800'}} />,\r\n    'note-task': <TaskAltRounded sx={{fontSize: 20, color:'#FF9800'}} />,\r\n    'note-share': <InfoOutlineRounded sx={{fontSize: 20, color:'#C571FA'}} />,\r\n    custom: <InfoOutlineRounded sx={{fontSize: 20}} />,\r\n  };\r\n\r\n  const severityMap: Record<string, MuiAlertProps['severity'] | undefined> = {\r\n    info: 'info',\r\n    success: 'success',\r\n    warning: 'warning',\r\n    error: 'error',\r\n    custom: 'info',\r\n    'note-internallink': undefined,\r\n    'note-externallink': undefined,\r\n    'note-important': undefined,\r\n    'note': undefined,\r\n    'note-task': undefined,\r\n    'note-assurance': undefined,\r\n    'note-share': undefined,\r\n  };\r\n\r\n\r\n  const getIcon = () => {\r\n    if (icon === false) return false;\r\n    if (icon === true) return iconMap[variant];\r\n    return icon; // Custom icon passed\r\n  };\r\n\r\n  return (\r\n    <StyledAlert\r\n      customvariant={variant}\r\n      severity={severityMap[variant]}\r\n      icon={getIcon()}\r\n      className={className}\r\n      sx={sx}\r\n    >\r\n      {children}\r\n    </StyledAlert>\r\n  );\r\n};"],"names":["styled","MuiAlert","_jsx","InfoOutlineRounded","TaskAltRounded","ErrorOutlineRounded","HighlightOffRounded","LinkRounded","OpenInNewOutlined","NoteOutlined"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Alert as MuiAlert, AlertProps as MuiAlertProps, styled, SxProps, Theme } from '@mui/material';\nimport { ErrorOutlineRounded, HighlightOffRounded, InfoOutlineRounded, LinkRounded, NoteOutlined, OpenInNewOutlined, TaskAltRounded } from '@mui/icons-material';\n\ninterface AlertProps {\n  variant?: 'info' |\n            'success' |\n            'warning' |\n            'error' |\n            'note-internallink' |\n            'note-externallink' |\n            'note-important' |\n            'note' |\n            'note-assurance' |\n            'note-share' |\n            'note-task' |\n            'custom';\n  children: React.ReactNode;\n  className?: string;\n  icon?: boolean | React.ReactNode; // Allow React node\n  sx?: SxProps<Theme>; \n}\n\nconst StyledAlert = styled(MuiAlert)<{ customvariant?: string }>(({ theme, customvariant }) => {\n  const variants = {\n    info: {\n      backgroundColor: '#F8F0FC',\n      borderColor: '#C269FA',\n      color: '#4D3019',\n    },\n    success: {\n      backgroundColor: '#f0fdf4',\n      borderColor: '#bbf7d0',\n      color: '#14532d',\n    },\n    warning: {\n      backgroundColor: '#fefce8',\n      borderColor: '#fef08a',\n      color: '#713f12',\n    },\n    error: {\n      backgroundColor: '#fef2f2',\n      borderColor: '#fecaca',\n      color: '#7f1d1d',\n    },\n    'note-internallink': {\n      backgroundColor: '#FDFCEE',\n      borderColor: '#ECE8DF',\n      color: '#4D3019',\n    },\n    'note-externallink': {\n      backgroundColor: '#FDFCEE',\n      borderColor: '#ECE8DF',\n      color: '#4D3019',\n    },\n    'note': {\n      backgroundColor: '#FDFCEE',\n      borderColor: '#ECE8DF',\n      color: '#4D3019',\n    },\n    'note-important': {\n      backgroundColor: '#FDEDED',\n      borderColor: '#EDA6A6',\n      color: '#5F2120',\n    },\n    'note-task': {\n      backgroundColor: '#FFF4E5',\n      borderColor: '#F9C18F',\n      color: '#4D3019',\n    },\n    'note-assurance': {\n      backgroundColor: '#FFF4E5',\n      borderColor: '#F9C18F',\n      color: '#4D3019',\n    },\n    'note-share': {\n      backgroundColor: '#F8F0FC',\n      borderColor: '#C269FA',\n      color: '#4D3019',\n    },\n    custom: {\n      backgroundColor: theme.palette.light.main,\n      borderColor: `${theme.palette.dark.main}33`,\n      color: theme.palette.dark.main,\n    },\n  };\n\n  const variantKey = customvariant as keyof typeof variants || 'info';\n  const style = variants[variantKey];\n\n  return {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(1.5),\n    padding: theme.spacing(2),\n    marginBottom: theme.spacing(1.5),\n    overflow: 'visible',\n    maxHeight: 'none',\n    fontSize: '1rem',\n    border: `1px solid ${style.borderColor}`,\n    borderRadius: (typeof theme.shape.borderRadius === 'string'\n  ? parseInt(theme.shape.borderRadius, 10)\n  : theme.shape.borderRadius || 4) * 2,\n    backgroundColor: style.backgroundColor,\n    color: style.color,\n    '& .MuiAlert-icon': {\n      marginRight: 0,\n      padding: 0,\n      marginTop: '2px',\n    },\n    '& .MuiAlert-message': {\n      padding: 0,\n      flex: 1,\n      overflow: 'visible',\n      maxHeight: 'none',\n    },\n  };\n});\n\nexport const Alert: React.FC<AlertProps> = ({\n  variant = 'info',\n  children,\n  className = '',\n  icon = true,\n  sx,\n}) => {\n  const iconMap = {\n    info: <InfoOutlineRounded sx={{fontSize: 20, color:'#C571FA'}} />,\n    success: <TaskAltRounded sx={{fontSize: 20}} />,\n    warning: <ErrorOutlineRounded sx={{fontSize: 20}} />,\n    error: <HighlightOffRounded  sx={{fontSize: 20}} />,\n    'note-internallink': <LinkRounded sx={{fontSize: 20, color:'#4D3019'}} />,\n    'note-externallink': <OpenInNewOutlined sx={{fontSize: 20, color:'#4D3019'}} />,\n    'note': <NoteOutlined sx={{fontSize: 20, color:'#4D3019'}} />,\n    'note-important': <InfoOutlineRounded sx={{fontSize: 20, color:'#D32F2F'}} />,\n    'note-assurance': <TaskAltRounded sx={{fontSize: 20, color:'#FF9800'}} />,\n    'note-task': <TaskAltRounded sx={{fontSize: 20, color:'#FF9800'}} />,\n    'note-share': <InfoOutlineRounded sx={{fontSize: 20, color:'#C571FA'}} />,\n    custom: <InfoOutlineRounded sx={{fontSize: 20}} />,\n  };\n\n  const severityMap: Record<string, MuiAlertProps['severity'] | undefined> = {\n    info: 'info',\n    success: 'success',\n    warning: 'warning',\n    error: 'error',\n    custom: 'info',\n    'note-internallink': undefined,\n    'note-externallink': undefined,\n    'note-important': undefined,\n    'note': undefined,\n    'note-task': undefined,\n    'note-assurance': undefined,\n    'note-share': undefined,\n  };\n\n\n  const getIcon = () => {\n    if (icon === false) return false;\n    if (icon === true) return iconMap[variant];\n    return icon; // Custom icon passed\n  };\n\n  return (\n    <StyledAlert\n      customvariant={variant}\n      severity={severityMap[variant]}\n      icon={getIcon()}\n      className={className}\n      sx={sx}\n    >\n      {children}\n    </StyledAlert>\n  );\n};"],"names":["styled","MuiAlert","_jsx","InfoOutlineRounded","TaskAltRounded","ErrorOutlineRounded","HighlightOffRounded","LinkRounded","OpenInNewOutlined","NoteOutlined"],"mappings":"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"}

package/dist/cjs/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport {\r\n  Box,\r\n  Breadcrumbs as MuiBreadcrumbs,\r\n  Typography,\r\n  IconButton,\r\n  Menu,\r\n  MenuItem,\r\n  styled,\r\n  useMediaQuery,\r\n} from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { HomeRounded, ExpandMoreRounded, MoreHorizRounded } from '@mui/icons-material';\r\n\r\ninterface BreadcrumbItem {\r\n  label: string;\r\n  href?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n  items: BreadcrumbItem[];\r\n  currentItem: string;\r\n  dropdownItems?: BreadcrumbItem[];\r\n  onItemSelect?: (item: BreadcrumbItem) => void;\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\nconst HomeButton = styled(IconButton)(({ theme }) => ({\r\n  width: 40,\r\n  height: 40,\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === 'string'\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  backgroundColor: theme.palette.custom?.iconColor || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  '&:hover': {\r\n    backgroundColor: theme.palette.custom?.iconColor || theme.palette.accent.main,\r\n    opacity: 0.8,\r\n  },\r\n}));\r\n\r\nconst DropdownButton = styled('button')(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: theme.spacing(1),\r\n  padding: theme.spacing(0.75, 2),\r\n  borderRadius:\r\n    (typeof theme.shape.borderRadius === 'string'\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n  border: `1px solid ${theme.palette.dark.main}33`,\r\n  backgroundColor: '#fff',\r\n  color: theme.palette.dark.main,\r\n  fontWeight: 500,\r\n  whiteSpace: 'nowrap',\r\n  cursor: 'pointer',\r\n  transition: 'border-color 0.2s',\r\n  fontSize: '0.875rem',\r\n  '&:hover': {\r\n    borderColor: `${theme.palette.dark.main}4D`,\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    padding: theme.spacing(0.75, 1),\r\n    gap: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\nconst StyledMenu = styled(Menu)(({ theme }) => ({\r\n  '& .MuiPaper-root': {\r\n    marginTop: theme.spacing(1),\r\n    width: 'auto',\r\n    borderRadius:\r\n      (typeof theme.shape.borderRadius === 'string'\r\n        ? parseInt(theme.shape.borderRadius, 10)\r\n        : theme.shape.borderRadius || 4) * 2,\r\n    border: `1px solid ${theme.palette.dark.main}33`,\r\n    boxShadow:\r\n      '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\r\n  },\r\n}));\r\n\r\nconst StyledMenuItem = styled(MenuItem, {\r\n  shouldForwardProp: (prop) => prop !== 'isActive',\r\n})<{ isActive?: boolean }>(({ theme, isActive }) => ({\r\n  padding: theme.spacing(1.25, 2),\r\n  fontSize: '0.875rem',\r\n  color: isActive ? theme.palette.primary.main : '#4D3019',\r\n  fontWeight: isActive ? 500 : 400,\r\n  backgroundColor: isActive ? '#F5F1ED' : 'transparent',\r\n  whiteSpace: 'normal',\r\n  wordBreak: 'break-word',\r\n  display: 'block',\r\n  '&:hover': {\r\n    backgroundColor: '#F5F1ED',\r\n  },\r\n}));\r\n\r\n\r\nconst DropdownMenu = ({\r\n  dropdownItems,\r\n  currentItem,\r\n  anchorEl,\r\n  isDropdownOpen,\r\n  handleDropdownToggle,\r\n  handleClose,\r\n  handleItemClick,\r\n}: {\r\n  dropdownItems: BreadcrumbItem[];\r\n  currentItem: string;\r\n  anchorEl: HTMLElement | null;\r\n  isDropdownOpen: boolean;\r\n  handleDropdownToggle: (e: React.MouseEvent<HTMLButtonElement>) => void;\r\n  handleClose: () => void;\r\n  handleItemClick: (item: BreadcrumbItem) => void;\r\n}) => {\r\n  return dropdownItems.length > 0 ? (\r\n    <Box sx={{ position: 'relative', flexShrink: 0 }}>\r\n      <DropdownButton type=\"button\" onClick={handleDropdownToggle}>\r\n        <span>{currentItem}</span>\r\n        <ExpandMoreRounded\r\n          sx={{\r\n            fontSize: 20,\r\n            transition: 'transform 0.2s',\r\n            transform: isDropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)',\r\n          }}\r\n        />\r\n      </DropdownButton>\r\n\r\n      <StyledMenu anchorEl={anchorEl} open={isDropdownOpen} onClose={handleClose} disableScrollLock>\r\n        {dropdownItems.map((item, index) => (\r\n          <StyledMenuItem\r\n            key={index}\r\n            onClick={() => handleItemClick(item)}\r\n            isActive={item.label === currentItem}\r\n          >\r\n            {item.label}\r\n          </StyledMenuItem>\r\n        ))}\r\n      </StyledMenu>\r\n    </Box>\r\n  ) : null;\r\n};\r\n\r\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\r\n  items,\r\n  currentItem,\r\n  dropdownItems = [],\r\n  onItemSelect,\r\n  onNavigate,\r\n}) => {\r\n  const theme = useTheme();\r\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\r\n  const isDropdownOpen = Boolean(anchorEl);\r\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n  const [pathAnchorEl, setPathAnchorEl] = useState<null | HTMLElement>(null);\r\n  const isPathMenuOpen = Boolean(pathAnchorEl);\r\n  \r\n  const handleNavigation = (path: string) => {\r\n    if (onNavigate) {\r\n      onNavigate(path);\r\n    } else {\r\n      window.location.href = path;\r\n    }\r\n  };\r\n\r\n  const handleDropdownToggle = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleClose = () => setAnchorEl(null);\r\n\r\n  const handlePathMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n    setPathAnchorEl(event.currentTarget);\r\n  };\r\n  const handlePathMenuClose = () => setPathAnchorEl(null);\r\n\r\n  const handleHomeClick = () => handleNavigation('/');\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    handlePathMenuClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n\r\n  if (isMobile && items.length >= 2) {\r\n    const last = items[items.length - 1];\r\n    const middleItems = items.slice(0, -1);\r\n\r\n    return (\r\n      <Box component=\"nav\" sx={{\r\n        display: 'flex',\r\n        alignItems: 'center',\r\n        flexWrap: 'nowrap',\r\n        overflowX: 'auto',\r\n        minWidth: 0,\r\n        scrollbarWidth: 'none',\r\n        '&::-webkit-scrollbar': { display: 'none' },\r\n      }}>\r\n        <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n          <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n        </HomeButton>\r\n\r\n        <IconButton size=\"small\" onClick={handlePathMenuOpen}>\r\n          <MoreHorizRounded sx={{ color: theme.palette.dark.main }} />\r\n        </IconButton>\r\n\r\n        <Typography\r\n          sx={{\r\n            fontWeight: 500,\r\n            color: theme.palette.dark.main,\r\n            whiteSpace: 'nowrap',\r\n            overflow: 'hidden',\r\n            textOverflow: 'ellipsis',\r\n            maxWidth: '120px',\r\n          }}\r\n        >\r\n          {last.label || currentItem}\r\n        </Typography>\r\n\r\n        <StyledMenu\r\n          anchorEl={pathAnchorEl}\r\n          open={isPathMenuOpen}\r\n          onClose={handlePathMenuClose}\r\n          disableScrollLock \r\n        >\r\n          {middleItems.map((item, index) => (\r\n            <StyledMenuItem\r\n              key={index}\r\n              onClick={() => handleItemClick(item)}\r\n              isActive={item.label === currentItem}\r\n            >\r\n              {item.label}\r\n            </StyledMenuItem>\r\n          ))}\r\n        </StyledMenu>\r\n\r\n        <DropdownMenu\r\n          dropdownItems={dropdownItems}\r\n          currentItem={currentItem}\r\n          anchorEl={anchorEl}\r\n          isDropdownOpen={isDropdownOpen}\r\n          handleDropdownToggle={handleDropdownToggle}\r\n          handleClose={handleClose}\r\n          handleItemClick={handleItemClick}\r\n        />\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box component=\"nav\" sx={{\r\n      display: 'flex',\r\n      alignItems: 'center',\r\n      flexWrap: 'nowrap',\r\n      gap: 1,\r\n      overflowX: 'auto',\r\n      minWidth: 0,\r\n      scrollbarWidth: 'none',\r\n      '&::-webkit-scrollbar': { display: 'none' },\r\n    }}>\r\n      <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\r\n        <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\r\n      </HomeButton>\r\n      <MuiBreadcrumbs\r\n        separator=\"/\"\r\n        sx={{\r\n          display: 'flex',\r\n          flexWrap: 'wrap',\r\n          overflowX: 'hidden',\r\n          minWidth: 0,\r\n          '& .MuiBreadcrumbs-separator': { color: `${theme.palette.dark.main}66` },\r\n        }}\r\n      >\r\n        {items.map((item, index) => (\r\n          <Typography\r\n            key={index}\r\n            sx={{\r\n              color: theme.palette.dark.main,\r\n              fontWeight: 500,\r\n              px: { xs: 0.5, sm: 1 },\r\n              minWidth: 0,\r\n              whiteSpace: 'nowrap',\r\n              overflow: 'hidden',\r\n              textOverflow: 'ellipsis',\r\n              cursor: item.href ? 'pointer' : 'default',\r\n            }}\r\n            onClick={() => item.href && handleNavigation(item.href)}\r\n          >\r\n            {item.label}\r\n          </Typography>\r\n        ))}\r\n\r\n\r\n      </MuiBreadcrumbs>\r\n      <DropdownMenu\r\n        dropdownItems={dropdownItems}\r\n        currentItem={currentItem}\r\n        anchorEl={anchorEl}\r\n        isDropdownOpen={isDropdownOpen}\r\n        handleDropdownToggle={handleDropdownToggle}\r\n        handleClose={handleClose}\r\n        handleItemClick={handleItemClick}\r\n      />\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["styled","IconButton","Menu","MenuItem","_jsxs","Box","_jsx","ExpandMoreRounded","useTheme","useState","useMediaQuery","HomeRounded","MoreHorizRounded","Typography","MuiBreadcrumbs"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Box,\n  Breadcrumbs as MuiBreadcrumbs,\n  Typography,\n  IconButton,\n  Menu,\n  MenuItem,\n  styled,\n  useMediaQuery,\n} from '@mui/material';\nimport { useTheme } from '../ThemeProvider';\nimport { HomeRounded, ExpandMoreRounded, MoreHorizRounded } from '@mui/icons-material';\n\ninterface BreadcrumbItem {\n  label: string;\n  href?: string;\n}\n\ninterface BreadcrumbProps {\n  items: BreadcrumbItem[];\n  currentItem: string;\n  dropdownItems?: BreadcrumbItem[];\n  onItemSelect?: (item: BreadcrumbItem) => void;\n  onNavigate?: (path: string) => void;\n}\n\nconst HomeButton = styled(IconButton)(({ theme }) => ({\n  width: 40,\n  height: 40,\n  borderRadius:\n    (typeof theme.shape.borderRadius === 'string'\n      ? parseInt(theme.shape.borderRadius, 10)\n      : theme.shape.borderRadius || 4) * 2,\n  backgroundColor: theme.palette.custom?.iconColor || theme.palette.accent.main,\n  flexShrink: 0,\n  '&:hover': {\n    backgroundColor: theme.palette.custom?.iconColor || theme.palette.accent.main,\n    opacity: 0.8,\n  },\n}));\n\nconst DropdownButton = styled('button')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  padding: theme.spacing(0.75, 2),\n  borderRadius:\n    (typeof theme.shape.borderRadius === 'string'\n      ? parseInt(theme.shape.borderRadius, 10)\n      : theme.shape.borderRadius || 4) * 2,\n  border: `1px solid ${theme.palette.dark.main}33`,\n  backgroundColor: '#fff',\n  color: theme.palette.dark.main,\n  fontWeight: 500,\n  whiteSpace: 'nowrap',\n  cursor: 'pointer',\n  transition: 'border-color 0.2s',\n  fontSize: '0.875rem',\n  '&:hover': {\n    borderColor: `${theme.palette.dark.main}4D`,\n  },\n  [theme.breakpoints.down('sm')]: {\n    padding: theme.spacing(0.75, 1),\n    gap: theme.spacing(0.5),\n  },\n}));\n\nconst StyledMenu = styled(Menu)(({ theme }) => ({\n  '& .MuiPaper-root': {\n    marginTop: theme.spacing(1),\n    width: 'auto',\n    borderRadius:\n      (typeof theme.shape.borderRadius === 'string'\n        ? parseInt(theme.shape.borderRadius, 10)\n        : theme.shape.borderRadius || 4) * 2,\n    border: `1px solid ${theme.palette.dark.main}33`,\n    boxShadow:\n      '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n  },\n}));\n\nconst StyledMenuItem = styled(MenuItem, {\n  shouldForwardProp: (prop) => prop !== 'isActive',\n})<{ isActive?: boolean }>(({ theme, isActive }) => ({\n  padding: theme.spacing(1.25, 2),\n  fontSize: '0.875rem',\n  color: isActive ? theme.palette.primary.main : '#4D3019',\n  fontWeight: isActive ? 500 : 400,\n  backgroundColor: isActive ? '#F5F1ED' : 'transparent',\n  whiteSpace: 'normal',\n  wordBreak: 'break-word',\n  display: 'block',\n  '&:hover': {\n    backgroundColor: '#F5F1ED',\n  },\n}));\n\n\nconst DropdownMenu = ({\n  dropdownItems,\n  currentItem,\n  anchorEl,\n  isDropdownOpen,\n  handleDropdownToggle,\n  handleClose,\n  handleItemClick,\n}: {\n  dropdownItems: BreadcrumbItem[];\n  currentItem: string;\n  anchorEl: HTMLElement | null;\n  isDropdownOpen: boolean;\n  handleDropdownToggle: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  handleClose: () => void;\n  handleItemClick: (item: BreadcrumbItem) => void;\n}) => {\n  return dropdownItems.length > 0 ? (\n    <Box sx={{ position: 'relative', flexShrink: 0 }}>\n      <DropdownButton type=\"button\" onClick={handleDropdownToggle}>\n        <span>{currentItem}</span>\n        <ExpandMoreRounded\n          sx={{\n            fontSize: 20,\n            transition: 'transform 0.2s',\n            transform: isDropdownOpen ? 'rotate(180deg)' : 'rotate(0deg)',\n          }}\n        />\n      </DropdownButton>\n\n      <StyledMenu anchorEl={anchorEl} open={isDropdownOpen} onClose={handleClose} disableScrollLock>\n        {dropdownItems.map((item, index) => (\n          <StyledMenuItem\n            key={index}\n            onClick={() => handleItemClick(item)}\n            isActive={item.label === currentItem}\n          >\n            {item.label}\n          </StyledMenuItem>\n        ))}\n      </StyledMenu>\n    </Box>\n  ) : null;\n};\n\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\n  items,\n  currentItem,\n  dropdownItems = [],\n  onItemSelect,\n  onNavigate,\n}) => {\n  const theme = useTheme();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const isDropdownOpen = Boolean(anchorEl);\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n  const [pathAnchorEl, setPathAnchorEl] = useState<null | HTMLElement>(null);\n  const isPathMenuOpen = Boolean(pathAnchorEl);\n  \n  const handleNavigation = (path: string) => {\n    if (onNavigate) {\n      onNavigate(path);\n    } else {\n      window.location.href = path;\n    }\n  };\n\n  const handleDropdownToggle = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => setAnchorEl(null);\n\n  const handlePathMenuOpen = (event: React.MouseEvent<HTMLButtonElement>) => {\n    setPathAnchorEl(event.currentTarget);\n  };\n  const handlePathMenuClose = () => setPathAnchorEl(null);\n\n  const handleHomeClick = () => handleNavigation('/');\n  const handleItemClick = (item: BreadcrumbItem) => {\n    onItemSelect?.(item);\n    handleClose();\n    handlePathMenuClose();\n    if (item.href) handleNavigation(item.href);\n  };\n\n  if (isMobile && items.length >= 2) {\n    const last = items[items.length - 1];\n    const middleItems = items.slice(0, -1);\n\n    return (\n      <Box component=\"nav\" sx={{\n        display: 'flex',\n        alignItems: 'center',\n        flexWrap: 'nowrap',\n        overflowX: 'auto',\n        minWidth: 0,\n        scrollbarWidth: 'none',\n        '&::-webkit-scrollbar': { display: 'none' },\n      }}>\n        <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\n          <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\n        </HomeButton>\n\n        <IconButton size=\"small\" onClick={handlePathMenuOpen}>\n          <MoreHorizRounded sx={{ color: theme.palette.dark.main }} />\n        </IconButton>\n\n        <Typography\n          sx={{\n            fontWeight: 500,\n            color: theme.palette.dark.main,\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            maxWidth: '120px',\n          }}\n        >\n          {last.label || currentItem}\n        </Typography>\n\n        <StyledMenu\n          anchorEl={pathAnchorEl}\n          open={isPathMenuOpen}\n          onClose={handlePathMenuClose}\n          disableScrollLock \n        >\n          {middleItems.map((item, index) => (\n            <StyledMenuItem\n              key={index}\n              onClick={() => handleItemClick(item)}\n              isActive={item.label === currentItem}\n            >\n              {item.label}\n            </StyledMenuItem>\n          ))}\n        </StyledMenu>\n\n        <DropdownMenu\n          dropdownItems={dropdownItems}\n          currentItem={currentItem}\n          anchorEl={anchorEl}\n          isDropdownOpen={isDropdownOpen}\n          handleDropdownToggle={handleDropdownToggle}\n          handleClose={handleClose}\n          handleItemClick={handleItemClick}\n        />\n      </Box>\n    );\n  }\n\n  return (\n    <Box component=\"nav\" sx={{\n      display: 'flex',\n      alignItems: 'center',\n      flexWrap: 'nowrap',\n      gap: 1,\n      overflowX: 'auto',\n      minWidth: 0,\n      scrollbarWidth: 'none',\n      '&::-webkit-scrollbar': { display: 'none' },\n    }}>\n      <HomeButton aria-label=\"Home\" onClick={handleHomeClick}>\n        <HomeRounded sx={{ fontSize: 20, color: '#4D3019' }} />\n      </HomeButton>\n      <MuiBreadcrumbs\n        separator=\"/\"\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          overflowX: 'hidden',\n          minWidth: 0,\n          '& .MuiBreadcrumbs-separator': { color: `${theme.palette.dark.main}66` },\n        }}\n      >\n        {items.map((item, index) => (\n          <Typography\n            key={index}\n            sx={{\n              color: theme.palette.dark.main,\n              fontWeight: 500,\n              px: { xs: 0.5, sm: 1 },\n              minWidth: 0,\n              whiteSpace: 'nowrap',\n              overflow: 'hidden',\n              textOverflow: 'ellipsis',\n              cursor: item.href ? 'pointer' : 'default',\n            }}\n            onClick={() => item.href && handleNavigation(item.href)}\n          >\n            {item.label}\n          </Typography>\n        ))}\n\n\n      </MuiBreadcrumbs>\n      <DropdownMenu\n        dropdownItems={dropdownItems}\n        currentItem={currentItem}\n        anchorEl={anchorEl}\n        isDropdownOpen={isDropdownOpen}\n        handleDropdownToggle={handleDropdownToggle}\n        handleClose={handleClose}\n        handleItemClick={handleItemClick}\n      />\n    </Box>\n  );\n};\n"],"names":["styled","IconButton","Menu","MenuItem","_jsxs","Box","_jsx","ExpandMoreRounded","useTheme","useState","useMediaQuery","HomeRounded","MoreHorizRounded","Typography","MuiBreadcrumbs"],"mappings":"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"}

package/dist/cjs/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Button as MuiButton, ButtonProps as MuiButtonProps } from '@mui/material';\r\nimport { styled } from '@mui/material/styles';\r\nimport { ArticleRounded, FactCheckRounded } from '@mui/icons-material';\r\n\r\ninterface CustomButtonProps extends Omit<MuiButtonProps, 'variant' | 'size'> {\r\n  variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\r\n  size?: 'sm' | 'md' | 'lg';\r\n}\r\n\r\nconst StyledButton = styled(MuiButton, {\r\n  shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'customSize',\r\n})<{ customVariant: string; customSize: string }>(({ theme, customVariant, customSize }) => {\r\n  const currentTheme = theme.palette;\r\n\r\n  // Size styles\r\n  const sizeStyles = {\r\n    sm: {\r\n      padding: '6px 12px',\r\n      fontSize: '0.875rem',\r\n    },\r\n    md: {\r\n      padding: '10px 16px',\r\n      fontSize: '1rem',\r\n    },\r\n    lg: {\r\n      padding: '12px 24px',\r\n      fontSize: '1.125rem',\r\n    },\r\n  };\r\n\r\n  const baseStyles = {\r\n    fontWeight: 500,\r\n    borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n      ? parseInt(theme.shape.borderRadius, 10)\r\n      : theme.shape.borderRadius || 4) * 2,\r\n    textTransform: 'none' as const,\r\n    transition: 'all 0.2s',\r\n    boxShadow: 'none',\r\n    border: '2px solid transparent',\r\n    '&:hover': {\r\n      boxShadow: 'none',\r\n    },\r\n    '&.Mui-disabled': {\r\n      opacity: 0.5,\r\n      cursor: 'not-allowed',\r\n    },\r\n    ...sizeStyles[customSize as keyof typeof sizeStyles],\r\n  };\r\n\r\n  // Variant styles\r\n  const variantStyles = {\r\n    primary: {\r\n      backgroundColor: currentTheme.primary.main,\r\n      color: currentTheme.custom?.primaryButtonTextColor || '#FFFFFF',\r\n      borderColor: 'transparent', // Transparent border\r\n      boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n      '&:hover': {\r\n        backgroundColor: currentTheme.primary.main,\r\n        opacity: 0.9,\r\n      },\r\n    },\r\n    secondary: {\r\n      backgroundColor: currentTheme.secondary.main,\r\n      color: currentTheme.dark.main,\r\n      borderColor: 'transparent', // Transparent border\r\n      boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n      '&:hover': {\r\n        backgroundColor: currentTheme.secondary.main,\r\n        opacity: 0.9,\r\n      },\r\n    },\r\n    outline: {\r\n      backgroundColor: currentTheme.light.main,\r\n      borderColor: 'rgba(77, 48, 25, 0.2)', // Visible border\r\n      color: currentTheme.dark.main,\r\n      '&:hover': {\r\n        backgroundColor: 'rgba(77, 48, 25, 0.05)',\r\n        borderColor: 'rgba(77, 48, 25, 0.3)',\r\n      },\r\n    },\r\n    'marked-read': {\r\n      backgroundColor: 'rgba(163, 217, 119, 0.1)',\r\n      fontSize: '14px',\r\n      border: '1px solid',\r\n      padding: '2px 8px',\r\n      borderColor: currentTheme.markedRead.main, // Visible border\r\n      color: currentTheme.dark.main,\r\n      '&:hover': {\r\n        backgroundColor: 'rgba(163, 217, 119, 0.2)',\r\n        cursor: 'not-allowed',\r\n      },\r\n    },\r\n    'mark-read': {\r\n      backgroundColor: currentTheme.custom?.markAsReadBackgroundColor || currentTheme.accent.main,\r\n      border: '1px solid',\r\n      fontSize: '14px',\r\n      padding: '2px 8px',\r\n      borderColor: currentTheme.custom?.markAsReadBorderColor || currentTheme.secondary.main, // Visible border\r\n      color: currentTheme.dark.main,\r\n      '&:hover': {\r\n        opacity: 0.9,\r\n      },\r\n    },\r\n    danger: {\r\n      backgroundColor: '#D32F2F',\r\n      color: '#FFFFFF',\r\n      borderColor: 'transparent', // Transparent border\r\n      boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\r\n      '&:hover': {\r\n        backgroundColor: '#B71C1C',\r\n        opacity: 0.9,\r\n      },\r\n    },\r\n  };\r\n\r\n  return {\r\n    ...baseStyles,\r\n    ...variantStyles[customVariant as keyof typeof variantStyles],\r\n  };\r\n});\r\n\r\nexport const Button: React.FC<CustomButtonProps> = ({\r\n  variant = 'primary',\r\n  size = 'md',\r\n  children,\r\n  endIcon,\r\n  fullWidth = false,\r\n  ...props\r\n}) => {\r\n  // Logic for special end icons per variant\r\n  const getEndIcon = () => {\r\n    if (variant === 'mark-read') {\r\n      return (\r\n        <ArticleRounded sx={{ fontSize: 22, color: '#925cdb' }} />\r\n      );\r\n    }\r\n\r\n    if (variant === 'marked-read') {\r\n      return <FactCheckRounded sx={{ fontSize: 22, color: '#5a9c1a' }} />;\r\n    }\r\n\r\n    return endIcon || null;\r\n  };\r\n\r\n  return (\r\n    <StyledButton\r\n      customVariant={variant}\r\n      customSize={size}\r\n      fullWidth={fullWidth}\r\n      disableRipple\r\n      endIcon={getEndIcon()}\r\n      {...props}\r\n    >\r\n      {children}\r\n    </StyledButton>\r\n  );\r\n};\r\n"],"names":["styled","MuiButton","_jsx","ArticleRounded","FactCheckRounded"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button as MuiButton, ButtonProps as MuiButtonProps } from '@mui/material';\nimport { styled } from '@mui/material/styles';\nimport { ArticleRounded, FactCheckRounded } from '@mui/icons-material';\n\ninterface CustomButtonProps extends Omit<MuiButtonProps, 'variant' | 'size'> {\n  variant?: 'primary' | 'secondary' | 'outline' | 'marked-read' | 'mark-read' | 'danger';\n  size?: 'sm' | 'md' | 'lg';\n}\n\nconst StyledButton = styled(MuiButton, {\n  shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'customSize',\n})<{ customVariant: string; customSize: string }>(({ theme, customVariant, customSize }) => {\n  const currentTheme = theme.palette;\n\n  // Size styles\n  const sizeStyles = {\n    sm: {\n      padding: '6px 12px',\n      fontSize: '0.875rem',\n    },\n    md: {\n      padding: '10px 16px',\n      fontSize: '1rem',\n    },\n    lg: {\n      padding: '12px 24px',\n      fontSize: '1.125rem',\n    },\n  };\n\n  const baseStyles = {\n    fontWeight: 500,\n    borderRadius: (typeof theme.shape.borderRadius === 'string'\n      ? parseInt(theme.shape.borderRadius, 10)\n      : theme.shape.borderRadius || 4) * 2,\n    textTransform: 'none' as const,\n    transition: 'all 0.2s',\n    boxShadow: 'none',\n    border: '2px solid transparent',\n    '&:hover': {\n      boxShadow: 'none',\n    },\n    '&.Mui-disabled': {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n    },\n    ...sizeStyles[customSize as keyof typeof sizeStyles],\n  };\n\n  // Variant styles\n  const variantStyles = {\n    primary: {\n      backgroundColor: currentTheme.primary.main,\n      color: currentTheme.custom?.primaryButtonTextColor || '#FFFFFF',\n      borderColor: 'transparent', // Transparent border\n      boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n      '&:hover': {\n        backgroundColor: currentTheme.primary.main,\n        opacity: 0.9,\n      },\n    },\n    secondary: {\n      backgroundColor: currentTheme.secondary.main,\n      color: currentTheme.dark.main,\n      borderColor: 'transparent', // Transparent border\n      boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n      '&:hover': {\n        backgroundColor: currentTheme.secondary.main,\n        opacity: 0.9,\n      },\n    },\n    outline: {\n      backgroundColor: currentTheme.light.main,\n      borderColor: 'rgba(77, 48, 25, 0.2)', // Visible border\n      color: currentTheme.dark.main,\n      '&:hover': {\n        backgroundColor: 'rgba(77, 48, 25, 0.05)',\n        borderColor: 'rgba(77, 48, 25, 0.3)',\n      },\n    },\n    'marked-read': {\n      backgroundColor: 'rgba(163, 217, 119, 0.1)',\n      fontSize: '14px',\n      border: '1px solid',\n      padding: '2px 8px',\n      borderColor: currentTheme.markedRead.main, // Visible border\n      color: currentTheme.dark.main,\n      '&:hover': {\n        backgroundColor: 'rgba(163, 217, 119, 0.2)',\n        cursor: 'not-allowed',\n      },\n    },\n    'mark-read': {\n      backgroundColor: currentTheme.custom?.markAsReadBackgroundColor || currentTheme.accent.main,\n      border: '1px solid',\n      fontSize: '14px',\n      padding: '2px 8px',\n      borderColor: currentTheme.custom?.markAsReadBorderColor || currentTheme.secondary.main, // Visible border\n      color: currentTheme.dark.main,\n      '&:hover': {\n        opacity: 0.9,\n      },\n    },\n    danger: {\n      backgroundColor: '#D32F2F',\n      color: '#FFFFFF',\n      borderColor: 'transparent', // Transparent border\n      boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n      '&:hover': {\n        backgroundColor: '#B71C1C',\n        opacity: 0.9,\n      },\n    },\n  };\n\n  return {\n    ...baseStyles,\n    ...variantStyles[customVariant as keyof typeof variantStyles],\n  };\n});\n\nexport const Button: React.FC<CustomButtonProps> = ({\n  variant = 'primary',\n  size = 'md',\n  children,\n  endIcon,\n  fullWidth = false,\n  ...props\n}) => {\n  // Logic for special end icons per variant\n  const getEndIcon = () => {\n    if (variant === 'mark-read') {\n      return (\n        <ArticleRounded sx={{ fontSize: 22, color: '#925cdb' }} />\n      );\n    }\n\n    if (variant === 'marked-read') {\n      return <FactCheckRounded sx={{ fontSize: 22, color: '#5a9c1a' }} />;\n    }\n\n    return endIcon || null;\n  };\n\n  return (\n    <StyledButton\n      customVariant={variant}\n      customSize={size}\n      fullWidth={fullWidth}\n      disableRipple\n      endIcon={getEndIcon()}\n      {...props}\n    >\n      {children}\n    </StyledButton>\n  );\n};\n"],"names":["styled","MuiButton","_jsx","ArticleRounded","FactCheckRounded"],"mappings":"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"}

package/dist/cjs/components/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../src/components/Card.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, styled, SxProps, Theme } from '@mui/material';\r\n\r\ninterface CardProps {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n  padding?: 'none' | 'sm' | 'md' | 'lg';\r\n  variant?: 'default' | 'bordered' | 'elevated';\r\n  sx?: SxProps<Theme>; // Add sx prop to support Material-UI styling\r\n}\r\n\r\nconst StyledCard = styled(Box, {\r\n  shouldForwardProp: (prop) => prop !== 'customPadding' && prop !== 'customVariant',\r\n})<{ customPadding: string; customVariant: string }>(({ theme, customPadding, customVariant }) => {\r\n  const paddingStyles = {\r\n    none: { padding: 0 },\r\n    sm: { padding: theme.spacing(2) }, // 16px\r\n    md: { padding: theme.spacing(3) }, // 24px\r\n    lg: { padding: theme.spacing(4) }, // 32px\r\n  };\r\n\r\n  const variantStyles = {\r\n    default: {\r\n      border: `1px solid ${theme.palette.dark.main}10`, // dark.main with 10% opacity\r\n    },\r\n    bordered: {\r\n      border: `2px solid ${theme.palette.dark.main}20`, // dark.main with 20% opacity\r\n    },\r\n    elevated: {\r\n      border: `1px solid ${theme.palette.dark.main}05`, // dark.main with 5% opacity\r\n      boxShadow: theme.shadows[4], // MUI shadow level 4 for \"elevated\"\r\n    },\r\n  };\r\n\r\n  const borderRadiusValue = typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4;\r\n\r\n  return {\r\n    borderRadius: borderRadiusValue * 2, // Matches rounded-xl (approx 12px)\r\n    overflow: 'visible',\r\n    backgroundColor: theme.palette.light.main, // Matches #FEFDF7\r\n    ...paddingStyles[customPadding as keyof typeof paddingStyles],\r\n    ...variantStyles[customVariant as keyof typeof variantStyles],\r\n  };\r\n});\r\n\r\nexport const Card: React.FC<CardProps> = ({\r\n  children,\r\n  className = '',\r\n  padding = 'md',\r\n  variant = 'default',\r\n  sx, // Destructure sx prop\r\n}) => {\r\n  return (\r\n    <StyledCard\r\n      className={className}\r\n      customPadding={padding}\r\n      customVariant={variant}\r\n      sx={sx} // Pass sx prop to StyledCard\r\n    >\r\n      {children}\r\n    </StyledCard>\r\n  );\r\n};"],"names":["styled","Box","_jsx"],"mappings":";;;;;AAaA,MAAM,UAAU,GAAGA,eAAM,CAACC,YAAG,EAAE;AAC7B,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,eAAe;CAClF,CAAC,CAAmD,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,KAAI;AAC/F,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;KAClC;AAED,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE;YACP,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACjD,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACjD,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;YAChD,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC5B,SAAA;KACF;IAED,MAAM,iBAAiB,GAAG,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC1D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC;IAEjC,OAAO;AACL,QAAA,YAAY,EAAE,iBAAiB,GAAG,CAAC;AACnC,QAAA,QAAQ,EAAE,SAAS;QACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QACzC,GAAG,aAAa,CAAC,aAA2C,CAAC;QAC7D,GAAG,aAAa,CAAC,aAA2C,CAAC;KAC9D;AACH,CAAC,CAAC;MAEW,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,SAAS,EACnB,EAAE;AACH,EAAA,KAAI;IACH,QACEC,eAAC,UAAU,EAAA,EACT,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,EAAE,EAAE,EAAE,EAAA,QAAA,EAEL,QAAQ,EAAA,CACE;AAEjB;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/Card.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, styled, SxProps, Theme } from '@mui/material';\n\ninterface CardProps {\n  children: React.ReactNode;\n  className?: string;\n  padding?: 'none' | 'sm' | 'md' | 'lg';\n  variant?: 'default' | 'bordered' | 'elevated';\n  sx?: SxProps<Theme>; // Add sx prop to support Material-UI styling\n}\n\nconst StyledCard = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'customPadding' && prop !== 'customVariant',\n})<{ customPadding: string; customVariant: string }>(({ theme, customPadding, customVariant }) => {\n  const paddingStyles = {\n    none: { padding: 0 },\n    sm: { padding: theme.spacing(2) }, // 16px\n    md: { padding: theme.spacing(3) }, // 24px\n    lg: { padding: theme.spacing(4) }, // 32px\n  };\n\n  const variantStyles = {\n    default: {\n      border: `1px solid ${theme.palette.dark.main}10`, // dark.main with 10% opacity\n    },\n    bordered: {\n      border: `2px solid ${theme.palette.dark.main}20`, // dark.main with 20% opacity\n    },\n    elevated: {\n      border: `1px solid ${theme.palette.dark.main}05`, // dark.main with 5% opacity\n      boxShadow: theme.shadows[4], // MUI shadow level 4 for \"elevated\"\n    },\n  };\n\n  const borderRadiusValue = typeof theme.shape.borderRadius === 'string'\n    ? parseInt(theme.shape.borderRadius, 10)\n    : theme.shape.borderRadius || 4;\n\n  return {\n    borderRadius: borderRadiusValue * 2, // Matches rounded-xl (approx 12px)\n    overflow: 'visible',\n    backgroundColor: theme.palette.light.main, // Matches #FEFDF7\n    ...paddingStyles[customPadding as keyof typeof paddingStyles],\n    ...variantStyles[customVariant as keyof typeof variantStyles],\n  };\n});\n\nexport const Card: React.FC<CardProps> = ({\n  children,\n  className = '',\n  padding = 'md',\n  variant = 'default',\n  sx, // Destructure sx prop\n}) => {\n  return (\n    <StyledCard\n      className={className}\n      customPadding={padding}\n      customVariant={variant}\n      sx={sx} // Pass sx prop to StyledCard\n    >\n      {children}\n    </StyledCard>\n  );\n};"],"names":["styled","Box","_jsx"],"mappings":";;;;;AAaA,MAAM,UAAU,GAAGA,eAAM,CAACC,YAAG,EAAE;AAC7B,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,eAAe,IAAI,IAAI,KAAK,eAAe;CAClF,CAAC,CAAmD,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,KAAI;AAC/F,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;AACjC,QAAA,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;KAClC;AAED,IAAA,MAAM,aAAa,GAAG;AACpB,QAAA,OAAO,EAAE;YACP,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACjD,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACjD,SAAA;AACD,QAAA,QAAQ,EAAE;YACR,MAAM,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;YAChD,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC5B,SAAA;KACF;IAED,MAAM,iBAAiB,GAAG,OAAO,KAAK,CAAC,KAAK,CAAC,YAAY,KAAK;UAC1D,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE;UACrC,KAAK,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC;IAEjC,OAAO;AACL,QAAA,YAAY,EAAE,iBAAiB,GAAG,CAAC;AACnC,QAAA,QAAQ,EAAE,SAAS;QACnB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QACzC,GAAG,aAAa,CAAC,aAA2C,CAAC;QAC7D,GAAG,aAAa,CAAC,aAA2C,CAAC;KAC9D;AACH,CAAC,CAAC;MAEW,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,SAAS,EACnB,EAAE;AACH,EAAA,KAAI;IACH,QACEC,eAAC,UAAU,EAAA,EACT,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,OAAO,EACtB,aAAa,EAAE,OAAO,EACtB,EAAE,EAAE,EAAE,EAAA,QAAA,EAEL,QAAQ,EAAA,CACE;AAEjB;;;;"}

package/dist/cjs/components/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { Box, Checkbox as MuiCheckbox, CheckboxProps, FormControlLabel, styled, Typography } from '@mui/material';\r\n\r\ninterface CustomCheckboxProps extends CheckboxProps {\r\n  label: string;\r\n  description?: string;\r\n}\r\n\r\nconst StyledWrapper = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n}));\r\n\r\nconst StyledCheckbox = styled(MuiCheckbox)(({ theme }) => ({\r\n  // width: 16,\r\n  // height: 16,\r\n  color: theme.palette.dark.main + '33', // dark.main with 20% opacity (border-dark/20)\r\n  '&.Mui-checked': {\r\n    color: theme.palette.primary.main, // text-primary\r\n  },\r\n  display: 'flex',\r\n  borderRadius: theme.shape.borderRadius, // Matches rounded\r\n  cursor: 'pointer',\r\n}));\r\n\r\nconst StyledLabel = styled('span')(({ theme }) => ({\r\n  fontSize: '1rem', // text-base (16px)\r\n  fontWeight: 500, // font-medium\r\n  color: theme.palette.dark.main, // text-dark\r\n  cursor: 'pointer',\r\n}));\r\n\r\nconst StyledDescription = styled('span')(({ theme }) => ({\r\n  fontSize: '0.875rem', // text-sm (14px)\r\n  color: theme.palette.dark.main + '99', // dark.main with 60% opacity (text-dark/60)\r\n  marginTop: theme.spacing(0.5), // mt-0.5\r\n}));\r\n\r\nexport const Checkbox: React.FC<CustomCheckboxProps> = ({\r\n  label,\r\n  description,\r\n  className = '',\r\n  id,\r\n  ...props\r\n}) => {\r\n  const checkboxId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  return (\r\n    <StyledWrapper className={className}>\r\n      <FormControlLabel\r\n        control={\r\n          <StyledCheckbox \r\n            disableRipple\r\n            id={checkboxId}\r\n            {...props}\r\n            \r\n          />\r\n        }\r\n        label={\r\n          <Box sx={{ display: 'flex', flexDirection: 'column' }}>\r\n            <StyledLabel>{label}</StyledLabel>\r\n            {description && <StyledDescription>{description}</StyledDescription>}\r\n          </Box>\r\n        }\r\n      />\r\n    </StyledWrapper>\r\n  );\r\n};"],"names":["styled","Box","MuiCheckbox","_jsx","FormControlLabel","_jsxs"],"mappings":";;;;;AAUA,MAAM,aAAa,GAAGA,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAChD,IAAA,OAAO,EAAE,MAAM;AAChB,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAGD,eAAM,CAACE,iBAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;;;IAGzD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACrC,IAAA,eAAe,EAAE;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AACtC,IAAA,MAAM,EAAE,SAAS;AAClB,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAGF,eAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IACjD,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,MAAM,EAAE,SAAS;AAClB,CAAA,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAGA,eAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IACvD,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;IACrC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC9B,CAAA,CAAC,CAAC;MAEU,QAAQ,GAAkC,CAAC,EACtD,KAAK,EACL,WAAW,EACX,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,KAAI;IACH,MAAM,UAAU,GAAG,EAAE,IAAI,YAAY,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;IAE9E,QACEG,cAAA,CAAC,aAAa,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA,QAAA,EACjCA,cAAA,CAACC,yBAAgB,EAAA,EACf,OAAO,EACLD,cAAA,CAAC,cAAc,EAAA,EACb,aAAa,EAAA,IAAA,EACb,EAAE,EAAE,UAAU,EAAA,GACV,KAAK,EAAA,CAET,EAEJ,KAAK,EACHE,eAAA,CAACJ,YAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACnDE,cAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAe,EACjC,WAAW,IAAIA,cAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAAE,WAAW,EAAA,CAAqB,CAAA,EAAA,CAChE,EAAA,CAER,EAAA,CACY;AAEpB;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox.tsx"],"sourcesContent":["\n\nimport React from 'react';\nimport { Box, Checkbox as MuiCheckbox, CheckboxProps, FormControlLabel, styled, Typography } from '@mui/material';\n\ninterface CustomCheckboxProps extends CheckboxProps {\n  label: string;\n  description?: string;\n}\n\nconst StyledWrapper = styled(Box)(({ theme }) => ({\n  display: 'flex',\n}));\n\nconst StyledCheckbox = styled(MuiCheckbox)(({ theme }) => ({\n  // width: 16,\n  // height: 16,\n  color: theme.palette.dark.main + '33', // dark.main with 20% opacity (border-dark/20)\n  '&.Mui-checked': {\n    color: theme.palette.primary.main, // text-primary\n  },\n  display: 'flex',\n  borderRadius: theme.shape.borderRadius, // Matches rounded\n  cursor: 'pointer',\n}));\n\nconst StyledLabel = styled('span')(({ theme }) => ({\n  fontSize: '1rem', // text-base (16px)\n  fontWeight: 500, // font-medium\n  color: theme.palette.dark.main, // text-dark\n  cursor: 'pointer',\n}));\n\nconst StyledDescription = styled('span')(({ theme }) => ({\n  fontSize: '0.875rem', // text-sm (14px)\n  color: theme.palette.dark.main + '99', // dark.main with 60% opacity (text-dark/60)\n  marginTop: theme.spacing(0.5), // mt-0.5\n}));\n\nexport const Checkbox: React.FC<CustomCheckboxProps> = ({\n  label,\n  description,\n  className = '',\n  id,\n  ...props\n}) => {\n  const checkboxId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;\n\n  return (\n    <StyledWrapper className={className}>\n      <FormControlLabel\n        control={\n          <StyledCheckbox \n            disableRipple\n            id={checkboxId}\n            {...props}\n            \n          />\n        }\n        label={\n          <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n            <StyledLabel>{label}</StyledLabel>\n            {description && <StyledDescription>{description}</StyledDescription>}\n          </Box>\n        }\n      />\n    </StyledWrapper>\n  );\n};"],"names":["styled","Box","MuiCheckbox","_jsx","FormControlLabel","_jsxs"],"mappings":";;;;;AAUA,MAAM,aAAa,GAAGA,eAAM,CAACC,YAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAChD,IAAA,OAAO,EAAE,MAAM;AAChB,CAAA,CAAC,CAAC;AAEH,MAAM,cAAc,GAAGD,eAAM,CAACE,iBAAW,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;;;IAGzD,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACrC,IAAA,eAAe,EAAE;QACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,KAAA;AACD,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AACtC,IAAA,MAAM,EAAE,SAAS;AAClB,CAAA,CAAC,CAAC;AAEH,MAAM,WAAW,GAAGF,eAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IACjD,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,MAAM,EAAE,SAAS;AAClB,CAAA,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAGA,eAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IACvD,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;IACrC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AAC9B,CAAA,CAAC,CAAC;MAEU,QAAQ,GAAkC,CAAC,EACtD,KAAK,EACL,WAAW,EACX,SAAS,GAAG,EAAE,EACd,EAAE,EACF,GAAG,KAAK,EACT,KAAI;IACH,MAAM,UAAU,GAAG,EAAE,IAAI,YAAY,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;IAE9E,QACEG,cAAA,CAAC,aAAa,EAAA,EAAC,SAAS,EAAE,SAAS,EAAA,QAAA,EACjCA,cAAA,CAACC,yBAAgB,EAAA,EACf,OAAO,EACLD,cAAA,CAAC,cAAc,EAAA,EACb,aAAa,EAAA,IAAA,EACb,EAAE,EAAE,UAAU,EAAA,GACV,KAAK,EAAA,CAET,EAEJ,KAAK,EACHE,eAAA,CAACJ,YAAG,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACnDE,cAAA,CAAC,WAAW,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAe,EACjC,WAAW,IAAIA,cAAA,CAAC,iBAAiB,EAAA,EAAA,QAAA,EAAE,WAAW,EAAA,CAAqB,CAAA,EAAA,CAChE,EAAA,CAER,EAAA,CACY;AAEpB;;;;"}

package/dist/cjs/components/Concertina.js.map

@@ -1 +1 @@
-{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { Box, styled, Typography, Collapse, useMediaQuery } from '@mui/material';\r\nimport { ExpandCircleDown, ExpandCircleDownOutlined, ExpandMoreRounded } from '@mui/icons-material';\r\nimport { useTheme } from '../ThemeProvider';\r\n\r\n\r\ninterface ConcertinaSection {\r\n  id: string;\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\n\r\ninterface ConcertinaProps {\r\n  sections: ConcertinaSection[];\r\n}\r\n\r\n\r\nconst StyledConcertina = styled(Box)(({ theme }) => ({\r\n  width: '100%',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  gap: theme.spacing(1),\r\n}));\r\n\r\n\r\nconst StyledSection = styled(Box)(({ theme }) => ({\r\n  overflow: 'hidden',\r\n}));\r\n\r\n\r\nconst StyledHeader = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  borderTop: `2px solid ${theme.palette.grey[200]}`,\r\n  borderBottom: `2px solid ${theme.palette.grey[200]}`,\r\n  justifyContent: 'space-between',\r\n  cursor: 'pointer',\r\n  transition: 'background-color 0.2s',\r\n  gap: theme.spacing(2),\r\n  '&:hover': {\r\n    backgroundColor: theme.palette.background.default,\r\n  },\r\n  padding: theme.spacing(2),\r\n}));\r\n\r\n\r\nconst StyledTitleWrapper = styled(Box)(({ theme }) => ({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  gap: 0,\r\n  flex: 1,\r\n  minWidth: 0,\r\n}));\r\n\r\n\r\nconst StyledHashtag = styled('span', {\r\n  shouldForwardProp: (prop) => prop !== 'isVisible' && prop !== 'color',\r\n})<{ isVisible: boolean; color?: string }>(({ theme, isVisible, color }) => ({\r\n  color: color || theme.palette.info.main,\r\n  fontWeight: 700,\r\n  fontSize: 'inherit',\r\n  opacity: isVisible ? 1 : 0,\r\n  transition: 'opacity 0.2s',\r\n  marginRight: isVisible ? '0.25em' : 0,\r\n  cursor: 'pointer',\r\n}));\r\n\r\n\r\n\r\nconst StyledTitle = styled(Typography, {\r\n  shouldForwardProp: (prop) => prop !== 'isHovered',\r\n})<{ isHovered: boolean }>(({ theme, isHovered }) => ({\r\n  fontWeight: 700,\r\n  fontSize: '1.75rem',\r\n  lineHeight: 1.2,\r\n  color: theme.palette.dark.main,\r\n  wordBreak: 'break-word',\r\n  display: 'inline-block',\r\n  position: 'relative',\r\n  paddingBottom: '2px',\r\n  borderBottom: isHovered ? `3px solid ${theme.palette.info.main}` : '3px solid transparent',\r\n  transition: 'border-bottom 0.2s',\r\n  [theme.breakpoints.down('lg')]: {\r\n    fontSize: '1.25rem',\r\n  },\r\n  [theme.breakpoints.down('md')]: {\r\n    fontSize: '1.125rem',\r\n  },\r\n  [theme.breakpoints.down('sm')]: {\r\n    fontSize: '1rem',\r\n  },\r\n}));\r\n\r\n\r\nconst StyledTooltip = styled(Box)(({ theme }) => ({\r\n  position: 'fixed',\r\n  transform: 'translate(-50%, -120%)',\r\n  backgroundColor: theme.palette.grey[900],\r\n  color: theme.palette.common.white,\r\n  fontSize: '0.75rem',\r\n  padding: theme.spacing(1, 2),\r\n  borderRadius: theme.shape.borderRadius,\r\n  whiteSpace: 'nowrap',\r\n  zIndex: 1000,\r\n  pointerEvents: 'none',\r\n  [theme.breakpoints.up('sm')]: {\r\n    fontSize: '0.875rem',\r\n    padding: theme.spacing(1.5, 3),\r\n  },\r\n}));\r\n\r\n\r\nconst StyledContent = styled(Box)(({ theme }) => ({\r\n  padding: theme.spacing(2, 3, 3),\r\n  [theme.breakpoints.up('sm')]: {\r\n    padding: theme.spacing(2, 4, 4),\r\n  },\r\n  [theme.breakpoints.up('md')]: {\r\n    padding: theme.spacing(2, 6, 6),\r\n  },\r\n}));\r\n\r\n\r\nconst StyledContentWrapper = styled(Box)(({ theme }) => ({\r\n  color: theme.palette.dark.main,\r\n  lineHeight: 1.5,\r\n  wordBreak: 'break-word',\r\n  fontSize: 13,\r\n  '& p': {\r\n    margin: 0,\r\n    marginBottom: theme.spacing(2),\r\n    '&:last-child': {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  '& ul, & ol': {\r\n    marginTop: theme.spacing(1),\r\n    marginBottom: theme.spacing(2),\r\n    paddingLeft: theme.spacing(3),\r\n    '&:last-child': {\r\n      marginBottom: 0,\r\n    },\r\n  },\r\n  '& li': {\r\n    marginBottom: theme.spacing(0.5),\r\n  },\r\n}));\r\n\r\n\r\nexport function Concertina({ sections }: ConcertinaProps) {\r\n  const [hoveredTitle, setHoveredTitle] = useState<string | null>(null);\r\n  const [copiedId, setCopiedId] = useState<string | null>(null);\r\n  const [tooltipPosition, setTooltipPosition] = useState<{ x: number; y: number } | null>(null);\r\n  const theme = useTheme()\r\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\r\n\r\n  const [openSections, setOpenSections] = useState<Set<string>>(() => {\r\n    // Initialize with all sections open on desktop, closed on mobile\r\n    return isDesktop ? new Set(sections.map(s => s.id)) : new Set();\r\n  });\r\n\r\n\r\n  React.useEffect(() => {\r\n    if (isDesktop) {\r\n      setOpenSections(new Set(sections.map(s => s.id)));\r\n    } else {\r\n      setOpenSections(new Set());\r\n    }\r\n  }, [isDesktop, sections]);\r\n\r\n\r\n\r\n  const toggleSection = (id: string) => {\r\n    const newOpenSections = new Set(openSections);\r\n    if (newOpenSections.has(id)) {\r\n      newOpenSections.delete(id);\r\n    } else {\r\n      newOpenSections.add(id);\r\n    }\r\n    setOpenSections(newOpenSections);\r\n  };\r\n\r\n\r\n  const copyJumpLink = (id: string, e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    const url = `${window.location.origin}${window.location.pathname}#${id}`;\r\n    navigator.clipboard.writeText(url);\r\n    setCopiedId(id);\r\n    setTooltipPosition({ x: e.clientX, y: e.clientY });\r\n    setTimeout(() => {\r\n      setCopiedId(null);\r\n      setTooltipPosition(null);\r\n    }, 2000);\r\n  };\r\n\r\n\r\n  return (\r\n    <StyledConcertina>\r\n      {sections.map((section) => (\r\n        <StyledSection key={section.id} id={section.id}>\r\n          <StyledHeader\r\n            onClick={() => toggleSection(section.id)}\r\n            onMouseEnter={() => setHoveredTitle(section.id)}\r\n            onMouseLeave={() => setHoveredTitle(null)}\r\n          >\r\n            <StyledTitleWrapper>\r\n              <StyledTitle isHovered={hoveredTitle === section.id} variant=\"h3\">\r\n                <StyledHashtag\r\n                  isVisible={true}\r\n                  color={hoveredTitle === section.id ? theme.palette.info.main : '#00000000'}\r\n                  onClick={(e) => copyJumpLink(section.id, e as any)}\r\n                >\r\n                  #\r\n                </StyledHashtag>\r\n                {section.title}\r\n              </StyledTitle>\r\n            </StyledTitleWrapper>\r\n            <ExpandCircleDownOutlined\r\n              sx={{ fontSize: '1.5rem', transform: openSections.has(section.id) ? 'rotate(180deg)' : 'none' }}\r\n            />\r\n          </StyledHeader>\r\n          <Collapse in={openSections.has(section.id)}>\r\n            <StyledContent>\r\n              <StyledContentWrapper>{section.content}</StyledContentWrapper>\r\n            </StyledContent>\r\n          </Collapse>\r\n        </StyledSection>\r\n      ))}\r\n      {copiedId && tooltipPosition && (\r\n        <StyledTooltip\r\n          sx={{\r\n            left: tooltipPosition.x,\r\n            top: tooltipPosition.y,\r\n          }}\r\n        >\r\n          Link copied\r\n        </StyledTooltip>\r\n      )}\r\n    </StyledConcertina>\r\n  );\r\n}\r\n"],"names":["styled","Box","Typography","useState","useTheme","useMediaQuery","_jsxs","_jsx","ExpandCircleDownOutlined","Collapse"],"mappings":"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"}
+{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, styled, Typography, Collapse, useMediaQuery } from '@mui/material';\nimport { ExpandCircleDown, ExpandCircleDownOutlined, ExpandMoreRounded } from '@mui/icons-material';\nimport { useTheme } from '../ThemeProvider';\n\n\ninterface ConcertinaSection {\n  id: string;\n  title: string;\n  content: React.ReactNode;\n}\n\n\ninterface ConcertinaProps {\n  sections: ConcertinaSection[];\n}\n\n\nconst StyledConcertina = styled(Box)(({ theme }) => ({\n  width: '100%',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}));\n\n\nconst StyledSection = styled(Box)(({ theme }) => ({\n  overflow: 'hidden',\n}));\n\n\nconst StyledHeader = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  borderTop: `2px solid ${theme.palette.grey[200]}`,\n  borderBottom: `2px solid ${theme.palette.grey[200]}`,\n  justifyContent: 'space-between',\n  cursor: 'pointer',\n  transition: 'background-color 0.2s',\n  gap: theme.spacing(2),\n  '&:hover': {\n    backgroundColor: theme.palette.background.default,\n  },\n  padding: theme.spacing(2),\n}));\n\n\nconst StyledTitleWrapper = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: 0,\n  flex: 1,\n  minWidth: 0,\n}));\n\n\nconst StyledHashtag = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'isVisible' && prop !== 'color',\n})<{ isVisible: boolean; color?: string }>(({ theme, isVisible, color }) => ({\n  color: color || theme.palette.info.main,\n  fontWeight: 700,\n  fontSize: 'inherit',\n  opacity: isVisible ? 1 : 0,\n  transition: 'opacity 0.2s',\n  marginRight: isVisible ? '0.25em' : 0,\n  cursor: 'pointer',\n}));\n\n\n\nconst StyledTitle = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'isHovered',\n})<{ isHovered: boolean }>(({ theme, isHovered }) => ({\n  fontWeight: 700,\n  fontSize: '1.75rem',\n  lineHeight: 1.2,\n  color: theme.palette.dark.main,\n  wordBreak: 'break-word',\n  display: 'inline-block',\n  position: 'relative',\n  paddingBottom: '2px',\n  borderBottom: isHovered ? `3px solid ${theme.palette.info.main}` : '3px solid transparent',\n  transition: 'border-bottom 0.2s',\n  [theme.breakpoints.down('lg')]: {\n    fontSize: '1.25rem',\n  },\n  [theme.breakpoints.down('md')]: {\n    fontSize: '1.125rem',\n  },\n  [theme.breakpoints.down('sm')]: {\n    fontSize: '1rem',\n  },\n}));\n\n\nconst StyledTooltip = styled(Box)(({ theme }) => ({\n  position: 'fixed',\n  transform: 'translate(-50%, -120%)',\n  backgroundColor: theme.palette.grey[900],\n  color: theme.palette.common.white,\n  fontSize: '0.75rem',\n  padding: theme.spacing(1, 2),\n  borderRadius: theme.shape.borderRadius,\n  whiteSpace: 'nowrap',\n  zIndex: 1000,\n  pointerEvents: 'none',\n  [theme.breakpoints.up('sm')]: {\n    fontSize: '0.875rem',\n    padding: theme.spacing(1.5, 3),\n  },\n}));\n\n\nconst StyledContent = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(2, 3, 3),\n  [theme.breakpoints.up('sm')]: {\n    padding: theme.spacing(2, 4, 4),\n  },\n  [theme.breakpoints.up('md')]: {\n    padding: theme.spacing(2, 6, 6),\n  },\n}));\n\n\nconst StyledContentWrapper = styled(Box)(({ theme }) => ({\n  color: theme.palette.dark.main,\n  lineHeight: 1.5,\n  wordBreak: 'break-word',\n  fontSize: 13,\n  '& p': {\n    margin: 0,\n    marginBottom: theme.spacing(2),\n    '&:last-child': {\n      marginBottom: 0,\n    },\n  },\n  '& ul, & ol': {\n    marginTop: theme.spacing(1),\n    marginBottom: theme.spacing(2),\n    paddingLeft: theme.spacing(3),\n    '&:last-child': {\n      marginBottom: 0,\n    },\n  },\n  '& li': {\n    marginBottom: theme.spacing(0.5),\n  },\n}));\n\n\nexport function Concertina({ sections }: ConcertinaProps) {\n  const [hoveredTitle, setHoveredTitle] = useState<string | null>(null);\n  const [copiedId, setCopiedId] = useState<string | null>(null);\n  const [tooltipPosition, setTooltipPosition] = useState<{ x: number; y: number } | null>(null);\n  const theme = useTheme()\n  const isDesktop = useMediaQuery(theme.breakpoints.up('md'));\n\n  const [openSections, setOpenSections] = useState<Set<string>>(() => {\n    // Initialize with all sections open on desktop, closed on mobile\n    return isDesktop ? new Set(sections.map(s => s.id)) : new Set();\n  });\n\n\n  React.useEffect(() => {\n    if (isDesktop) {\n      setOpenSections(new Set(sections.map(s => s.id)));\n    } else {\n      setOpenSections(new Set());\n    }\n  }, [isDesktop, sections]);\n\n\n\n  const toggleSection = (id: string) => {\n    const newOpenSections = new Set(openSections);\n    if (newOpenSections.has(id)) {\n      newOpenSections.delete(id);\n    } else {\n      newOpenSections.add(id);\n    }\n    setOpenSections(newOpenSections);\n  };\n\n\n  const copyJumpLink = (id: string, e: React.MouseEvent) => {\n    e.stopPropagation();\n    const url = `${window.location.origin}${window.location.pathname}#${id}`;\n    navigator.clipboard.writeText(url);\n    setCopiedId(id);\n    setTooltipPosition({ x: e.clientX, y: e.clientY });\n    setTimeout(() => {\n      setCopiedId(null);\n      setTooltipPosition(null);\n    }, 2000);\n  };\n\n\n  return (\n    <StyledConcertina>\n      {sections.map((section) => (\n        <StyledSection key={section.id} id={section.id}>\n          <StyledHeader\n            onClick={() => toggleSection(section.id)}\n            onMouseEnter={() => setHoveredTitle(section.id)}\n            onMouseLeave={() => setHoveredTitle(null)}\n          >\n            <StyledTitleWrapper>\n              <StyledTitle isHovered={hoveredTitle === section.id} variant=\"h3\">\n                <StyledHashtag\n                  isVisible={true}\n                  color={hoveredTitle === section.id ? theme.palette.info.main : '#00000000'}\n                  onClick={(e) => copyJumpLink(section.id, e as any)}\n                >\n                  #\n                </StyledHashtag>\n                {section.title}\n              </StyledTitle>\n            </StyledTitleWrapper>\n            <ExpandCircleDownOutlined\n              sx={{ fontSize: '1.5rem', transform: openSections.has(section.id) ? 'rotate(180deg)' : 'none' }}\n            />\n          </StyledHeader>\n          <Collapse in={openSections.has(section.id)}>\n            <StyledContent>\n              <StyledContentWrapper>{section.content}</StyledContentWrapper>\n            </StyledContent>\n          </Collapse>\n        </StyledSection>\n      ))}\n      {copiedId && tooltipPosition && (\n        <StyledTooltip\n          sx={{\n            left: tooltipPosition.x,\n            top: tooltipPosition.y,\n          }}\n        >\n          Link copied\n        </StyledTooltip>\n      )}\n    </StyledConcertina>\n  );\n}\n"],"names":["styled","Box","Typography","useState","useTheme","useMediaQuery","_jsxs","_jsx","ExpandCircleDownOutlined","Collapse"],"mappings":"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"}

package/dist/cjs/components/DefinitionBox.js

@@ -15,17 +15,22 @@ const StyledParagraph = material.styled(material.Typography)(({ theme }) => ({
     display: 'inline-flex',
     alignItems: 'center',
 }));
-const StyledTermWrapper = material.styled(material.Box, {
-    shouldForwardProp: (prop) => prop !== 'isOpen',
-})(({ theme, isOpen }) => ({
+const StyledTermWrapper = material.styled(material.Box)(({ theme }) => ({
     position: 'relative',
     display: 'inline-flex',
     alignItems: 'center',
     cursor: 'pointer',
     marginLeft: theme.spacing(0.5), // ml-1
+}));
+const StyledTerm = material.styled('span', {
+    shouldForwardProp: (prop) => prop !== 'isOpen',
+})(({ theme, isOpen }) => ({
     paddingBottom: '1px', // style={{ paddingBottom: '1px' }}
-    borderBottom: `2px solid ${theme.palette.dark.main}`, // border-b-2
-    backgroundColor: theme.palette.background.default,
+    borderBottom: `2px solid ${isOpen ? theme.palette.secondary.main : theme.palette.dark.main}`, // border-b-2
+    transition: 'border-bottom-color 0.2s', // transition-colors
+    '&:hover': {
+        borderBottomColor: theme.palette.secondary.main, // hover effect
+    },
 }));
 const StyledIconWrapper = material.styled(material.Box)(({ theme }) => ({
     display: 'inline-flex',
@@ -37,25 +42,34 @@ const StyledIconWrapper = material.styled(material.Box)(({ theme }) => ({
 const StyledDefinitionBox = material.styled(material.Box)(({ theme }) => ({
     marginTop: theme.spacing(2), // mt-4
     padding: theme.spacing(2), // p-4
-    borderRadius: 4,
-    border: `1px solid ${theme.palette.dark.main}`,
-    backgroundColor: theme.palette.background.default,
+    borderRadius: (typeof theme.shape.borderRadius === 'string'
+        ? parseInt(theme.shape.borderRadius, 10)
+        : theme.shape.borderRadius || 4) * 2, // rounded-lg
+    border: `1px solid ${theme.palette.dark.main}33`, // border-[#4D3019]/20
+    borderRight: `4px solid ${theme.palette.dark.main}33`, // border-r-4
+    backgroundColor: theme.palette.light.main, // style={{ backgroundColor: '#FDFCEE' }}
 }));
 const StyledDefinitionText = material.styled(material.Typography)(({ theme }) => ({
     fontSize: '14px', // text-[14px]
     color: theme.palette.dark.main, // text-[#4D3019]
     lineHeight: 1.5, // leading-relaxed
 }));
-function DefinitionBox({ term, definition }) {
+function DefinitionBox({ term, definition, children }) {
     const theme = ThemeProvider.useTheme();
     const [isOpen, setIsOpen] = React.useState(false);
-    return (jsxRuntime.jsxs(StyledWrapper, { children: [jsxRuntime.jsx(StyledParagraph, { children: jsxRuntime.jsxs(StyledTermWrapper, { onClick: () => setIsOpen(!isOpen), isOpen: isOpen, children: [term, jsxRuntime.jsx(StyledIconWrapper, { children: isOpen ? (jsxRuntime.jsx(iconsMaterial.IndeterminateCheckBoxRounded, { sx: {
-                                    fontSize: 16,
-                                    color: theme.palette.text.primary
-                                } })) : (jsxRuntime.jsx(iconsMaterial.AddBoxRounded, { sx: {
-                                    fontSize: 16,
-                                    color: theme.palette.text.primary,
-                                } })) })] }) }), isOpen && (jsxRuntime.jsx(StyledDefinitionBox, { children: jsxRuntime.jsx(StyledDefinitionText, { children: definition }) }))] }));
+    return (jsxRuntime.jsxs(StyledWrapper, { children: [jsxRuntime.jsxs(StyledParagraph, { children: [children, jsxRuntime.jsxs(StyledTermWrapper, { onClick: () => setIsOpen(!isOpen), children: [jsxRuntime.jsx(StyledTerm, { isOpen: isOpen, onMouseEnter: (e) => (e.currentTarget.style.borderBottomColor = theme.palette.secondary.main), onMouseLeave: (e) => (e.currentTarget.style.borderBottomColor = isOpen ? theme.palette.secondary.main : theme.palette.dark.main), children: term }), jsxRuntime.jsx(StyledIconWrapper, { children: isOpen ? (jsxRuntime.jsx(iconsMaterial.CloseRounded, { sx: {
+                                        fontSize: 16,
+                                        color: isOpen ? theme.palette.secondary.main : theme.palette.dark.main,
+                                        '&:hover': {
+                                            color: theme.palette.secondary.main
+                                        }
+                                    } })) : (jsxRuntime.jsx(iconsMaterial.AddRounded, { sx: {
+                                        fontSize: 16,
+                                        color: theme.palette.dark.main,
+                                        '&:hover': {
+                                            color: theme.palette.secondary.main
+                                        }
+                                    } })) })] })] }), isOpen && (jsxRuntime.jsx(StyledDefinitionBox, { children: jsxRuntime.jsx(StyledDefinitionText, { children: definition }) }))] }));
 }
 
 exports.DefinitionBox = DefinitionBox;