ece-docs-components 1.0.97 → 1.0.99

package/dist/esm/components/Concertina.js

@@ -5,115 +5,117 @@ import { ExpandCircleDownOutlined } from '@mui/icons-material';
 import { useTheme } from '../ThemeProvider.js';
 
 const StyledConcertina = styled(Box)(({ theme }) => ({
-    width: '100%',
-    display: 'flex',
-    flexDirection: 'column',
+    width: "100%",
+    display: "flex",
+    flexDirection: "column",
     gap: theme.spacing(1),
 }));
 const StyledSection = styled(Box)(({ theme }) => ({
-    overflow: 'hidden',
+    overflow: "hidden",
 }));
 const StyledHeader = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
+    display: "flex",
+    alignItems: "center",
     borderTop: `2px solid ${theme.palette.grey[200]}`,
     borderBottom: `2px solid ${theme.palette.grey[200]}`,
-    justifyContent: 'space-between',
-    cursor: 'pointer',
-    transition: 'background-color 0.2s',
+    justifyContent: "space-between",
+    cursor: "pointer",
+    transition: "background-color 0.2s",
     gap: theme.spacing(2),
-    '&:hover': {
+    "&:hover": {
         backgroundColor: theme.palette.background.default,
     },
     padding: theme.spacing(2),
 }));
 const StyledTitleWrapper = styled(Box)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
+    display: "flex",
+    alignItems: "center",
     gap: 0,
     flex: 1,
     minWidth: 0,
 }));
-const StyledHashtag = styled('span', {
-    shouldForwardProp: (prop) => prop !== 'isVisible' && prop !== 'color',
+const StyledHashtag = styled("span", {
+    shouldForwardProp: (prop) => prop !== "isVisible" && prop !== "color",
 })(({ theme, isVisible, color }) => ({
     color: color || theme.palette.info.main,
     fontWeight: 700,
-    fontSize: 'inherit',
+    fontSize: "inherit",
     opacity: isVisible ? 1 : 0,
-    transition: 'opacity 0.2s',
-    marginRight: isVisible ? '0.25em' : 0,
-    cursor: 'pointer',
+    transition: "opacity 0.2s",
+    marginRight: isVisible ? "0.25em" : 0,
+    cursor: "pointer",
 }));
 const StyledTitle = styled(Typography, {
-    shouldForwardProp: (prop) => prop !== 'isHovered',
+    shouldForwardProp: (prop) => prop !== "isHovered",
 })(({ theme, isHovered }) => ({
     fontWeight: 700,
-    fontSize: '1.75rem',
+    fontSize: "1.75rem",
     lineHeight: 1.2,
     color: theme.palette.dark.main,
-    wordBreak: 'break-word',
-    display: 'inline-block',
-    position: 'relative',
-    paddingBottom: '2px',
-    borderBottom: isHovered ? `3px solid ${theme.palette.info.main}` : '3px solid transparent',
-    transition: 'border-bottom 0.2s',
-    [theme.breakpoints.down('lg')]: {
-        fontSize: '1.25rem',
+    wordBreak: "break-word",
+    display: "inline-block",
+    position: "relative",
+    paddingBottom: "2px",
+    borderBottom: isHovered
+        ? `3px solid ${theme.palette.info.main}`
+        : "3px solid transparent",
+    transition: "border-bottom 0.2s",
+    [theme.breakpoints.down("lg")]: {
+        fontSize: "1.25rem",
     },
-    [theme.breakpoints.down('md')]: {
-        fontSize: '1.125rem',
+    [theme.breakpoints.down("md")]: {
+        fontSize: "1.125rem",
     },
-    [theme.breakpoints.down('sm')]: {
-        fontSize: '1rem',
+    [theme.breakpoints.down("sm")]: {
+        fontSize: "1rem",
     },
 }));
 const StyledTooltip = styled(Box)(({ theme }) => ({
-    position: 'fixed',
-    transform: 'translate(-50%, -120%)',
+    position: "fixed",
+    transform: "translate(-50%, -120%)",
     backgroundColor: theme.palette.grey[900],
     color: theme.palette.common.white,
-    fontSize: '0.75rem',
+    fontSize: "0.75rem",
     padding: theme.spacing(1, 2),
     borderRadius: theme.shape.borderRadius,
-    whiteSpace: 'nowrap',
+    whiteSpace: "nowrap",
     zIndex: 1000,
-    pointerEvents: 'none',
-    [theme.breakpoints.up('sm')]: {
-        fontSize: '0.875rem',
+    pointerEvents: "none",
+    [theme.breakpoints.up("sm")]: {
+        fontSize: "0.875rem",
         padding: theme.spacing(1.5, 3),
     },
 }));
 const StyledContent = styled(Box)(({ theme }) => ({
     padding: theme.spacing(2, 3, 3),
-    [theme.breakpoints.up('sm')]: {
+    [theme.breakpoints.up("sm")]: {
         padding: theme.spacing(2, 4, 4),
     },
-    [theme.breakpoints.up('md')]: {
+    [theme.breakpoints.up("md")]: {
         padding: theme.spacing(2, 6, 6),
     },
 }));
 const StyledContentWrapper = styled(Box)(({ theme }) => ({
     color: theme.palette.dark.main,
     lineHeight: 1.5,
-    wordBreak: 'break-word',
+    wordBreak: "break-word",
     fontSize: 13,
-    '& p': {
+    "& p": {
         margin: 0,
         marginBottom: theme.spacing(2),
-        '&:last-child': {
+        "&:last-child": {
             marginBottom: 0,
         },
     },
-    '& ul, & ol': {
+    "& ul, & ol": {
         marginTop: theme.spacing(1),
         marginBottom: theme.spacing(2),
         paddingLeft: theme.spacing(3),
-        '&:last-child': {
+        "&:last-child": {
             marginBottom: 0,
         },
     },
-    '& li': {
+    "& li": {
         marginBottom: theme.spacing(0.5),
     },
 }));
@@ -122,19 +124,21 @@ function Concertina({ sections }) {
     const [copiedId, setCopiedId] = useState(null);
     const [tooltipPosition, setTooltipPosition] = useState(null);
     const theme = useTheme();
-    const isDesktop = useMediaQuery(theme.breakpoints.up('md'));
+    const isDesktop = useMediaQuery(theme.breakpoints.up("md"));
     const [openSections, setOpenSections] = useState(() => {
         // Initialize with all sections open on desktop, closed on mobile
-        return isDesktop ? new Set(sections.map(s => s.id)) : new Set();
+        return isDesktop ? new Set(sections.map((s) => s.id)) : new Set();
     });
+    const sectionIdsKey = JSON.stringify(sections.map((s) => s.id));
     React__default.useEffect(() => {
+        const sectionIds = JSON.parse(sectionIdsKey);
         if (isDesktop) {
-            setOpenSections(new Set(sections.map(s => s.id)));
+            setOpenSections(new Set(sectionIds));
         }
         else {
             setOpenSections(new Set());
         }
-    }, [isDesktop, sections]);
+    }, [isDesktop, sectionIdsKey]);
     const toggleSection = (id) => {
         const newOpenSections = new Set(openSections);
         if (newOpenSections.has(id)) {
@@ -156,7 +160,14 @@ function Concertina({ sections }) {
             setTooltipPosition(null);
         }, 2000);
     };
-    return (jsxs(StyledConcertina, { children: [sections.map((section) => (jsxs(StyledSection, { id: section.id, children: [jsxs(StyledHeader, { onClick: () => toggleSection(section.id), onMouseEnter: () => setHoveredTitle(section.id), onMouseLeave: () => setHoveredTitle(null), children: [jsx(StyledTitleWrapper, { children: jsxs(StyledTitle, { isHovered: hoveredTitle === section.id, variant: "h3", children: [jsx(StyledHashtag, { isVisible: true, color: hoveredTitle === section.id ? theme.palette.info.main : '#00000000', onClick: (e) => copyJumpLink(section.id, e), children: "#" }), section.title] }) }), jsx(ExpandCircleDownOutlined, { sx: { fontSize: '1.5rem', transform: openSections.has(section.id) ? 'rotate(180deg)' : 'none' } })] }), jsx(Collapse, { in: openSections.has(section.id), children: jsx(StyledContent, { children: jsx(StyledContentWrapper, { children: section.content }) }) })] }, section.id))), copiedId && tooltipPosition && (jsx(StyledTooltip, { sx: {
+    return (jsxs(StyledConcertina, { children: [sections.map((section) => (jsxs(StyledSection, { id: section.id, children: [jsxs(StyledHeader, { onClick: () => toggleSection(section.id), onMouseEnter: () => setHoveredTitle(section.id), onMouseLeave: () => setHoveredTitle(null), children: [jsx(StyledTitleWrapper, { children: jsxs(StyledTitle, { isHovered: hoveredTitle === section.id, variant: "h3", children: [jsx(StyledHashtag, { isVisible: true, color: hoveredTitle === section.id
+                                                ? theme.palette.info.main
+                                                : "#00000000", onClick: (e) => copyJumpLink(section.id, e), children: "#" }), section.title] }) }), jsx(ExpandCircleDownOutlined, { sx: {
+                                    fontSize: "1.5rem",
+                                    transform: openSections.has(section.id)
+                                        ? "rotate(180deg)"
+                                        : "none",
+                                } })] }), jsx(Collapse, { in: openSections.has(section.id), children: jsx(StyledContent, { children: jsx(StyledContentWrapper, { children: section.content }) }) })] }, section.id))), copiedId && tooltipPosition && (jsx(StyledTooltip, { sx: {
                     left: tooltipPosition.x,
                     top: tooltipPosition.y,
                 }, children: "Link copied" }))] }));

package/dist/esm/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":["React","_jsxs","_jsx"],"mappings":";;;;;;AAkBA,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACnD,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,aAAa,EAAE,QAAQ;AACvB,IAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACtB,CAAA,CAAC,CAAC;AAGH,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAChD,IAAA,QAAQ,EAAE,QAAQ;AACnB,CAAA,CAAC,CAAC;AAGH,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAC/C,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE;IACjD,YAAY,EAAE,CAAA,UAAA,EAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,CAAE;AACpD,IAAA,cAAc,EAAE,eAAe;AAC/B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,UAAU,EAAE,uBAAuB;AACnC,IAAA,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACrB,IAAA,SAAS,EAAE;AACT,QAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;AAClD,KAAA;AACD,IAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,CAAA,CAAC,CAAC;AAGH,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACrD,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,GAAG,EAAE,CAAC;AACN,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,QAAQ,EAAE,CAAC;AACZ,CAAA,CAAC,CAAC;AAGH,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE;AACnC,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,WAAW,IAAI,IAAI,KAAK,OAAO;AACtE,CAAA,CAAC,CAAyC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM;IAC3E,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AACvC,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC;AAC1B,IAAA,UAAU,EAAE,cAAc;IAC1B,WAAW,EAAE,SAAS,GAAG,QAAQ,GAAG,CAAC;AACrC,IAAA,MAAM,EAAE,SAAS;AAClB,CAAA,CAAC,CAAC;AAIH,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE;IACrC,iBAAiB,EAAE,CAAC,IAAI,KAAK,IAAI,KAAK,WAAW;CAClD,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM;AACpD,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,YAAY,EAAE,SAAS,GAAG,aAAa,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,uBAAuB;AAC1F,IAAA,UAAU,EAAE,oBAAoB;IAChC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,SAAS;AACpB,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,UAAU;AACrB,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;AAC9B,QAAA,QAAQ,EAAE,MAAM;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAGH,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AAChD,IAAA,QAAQ,EAAE,OAAO;AACjB,IAAA,SAAS,EAAE,wBAAwB;IACnC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACxC,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;AACjC,IAAA,QAAQ,EAAE,SAAS;IACnB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;AAC5B,IAAA,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;AACtC,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,aAAa,EAAE,MAAM;IACrB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;AAC5B,QAAA,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;AAC/B,KAAA;AACF,CAAA,CAAC,CAAC;AAGH,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;IAChD,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChC,KAAA;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;QAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAChC,KAAA;AACF,CAAA,CAAC,CAAC;AAGH,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM;AACvD,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,cAAc,EAAE;AACd,YAAA,YAAY,EAAE,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA,YAAY,EAAE;AACZ,QAAA,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC9B,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7B,QAAA,cAAc,EAAE;AACd,YAAA,YAAY,EAAE,CAAC;AAChB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;AACjC,KAAA;AACF,CAAA,CAAC,CAAC;AAGG,SAAU,UAAU,CAAC,EAAE,QAAQ,EAAmB,EAAA;IACtD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;IACrE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC;IAC7D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAkC,IAAI,CAAC;AAC7F,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAE3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAc,MAAK;;QAEjE,OAAO,SAAS,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,GAAG,EAAE;AACjE,IAAA,CAAC,CAAC;AAGF,IAAAA,cAAK,CAAC,SAAS,CAAC,MAAK;QACnB,IAAI,SAAS,EAAE;AACb,YAAA,eAAe,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACnD;aAAO;AACL,YAAA,eAAe,CAAC,IAAI,GAAG,EAAE,CAAC;QAC5B;AACF,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAIzB,IAAA,MAAM,aAAa,GAAG,CAAC,EAAU,KAAI;AACnC,QAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,YAAY,CAAC;AAC7C,QAAA,IAAI,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;AAC3B,YAAA,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC;QAC5B;aAAO;AACL,YAAA,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;QACzB;QACA,eAAe,CAAC,eAAe,CAAC;AAClC,IAAA,CAAC;AAGD,IAAA,MAAM,YAAY,GAAG,CAAC,EAAU,EAAE,CAAmB,KAAI;QACvD,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,MAAM,GAAG,GAAG,CAAA,EAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAA,EAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAA,CAAA,EAAI,EAAE,EAAE;AACxE,QAAA,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC;QAClC,WAAW,CAAC,EAAE,CAAC;AACf,QAAA,kBAAkB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;QAClD,UAAU,CAAC,MAAK;YACd,WAAW,CAAC,IAAI,CAAC;YACjB,kBAAkB,CAAC,IAAI,CAAC;QAC1B,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;IAGD,QACEC,KAAC,gBAAgB,EAAA,EAAA,QAAA,EAAA,CACd,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MACpBA,KAAC,aAAa,EAAA,EAAkB,EAAE,EAAE,OAAO,CAAC,EAAE,EAAA,QAAA,EAAA,CAC5CA,IAAA,CAAC,YAAY,EAAA,EACX,OAAO,EAAE,MAAM,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,EACxC,YAAY,EAAE,MAAM,eAAe,CAAC,OAAO,CAAC,EAAE,CAAC,EAC/C,YAAY,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,EAAA,QAAA,EAAA,CAEzCC,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EACjBD,KAAC,WAAW,EAAA,EAAC,SAAS,EAAE,YAAY,KAAK,OAAO,CAAC,EAAE,EAAE,OAAO,EAAC,IAAI,EAAA,QAAA,EAAA,CAC/DC,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,YAAY,KAAK,OAAO,CAAC,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,WAAW,EAC1E,OAAO,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC,OAAO,CAAC,EAAE,EAAE,CAAQ,CAAC,EAAA,QAAA,EAAA,GAAA,EAAA,CAGpC,EACf,OAAO,CAAC,KAAK,CAAA,EAAA,CACF,GACK,EACrBA,GAAA,CAAC,wBAAwB,EAAA,EACvB,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,gBAAgB,GAAG,MAAM,EAAE,EAAA,CAC/F,IACW,EACfA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAA,QAAA,EACxCA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EACZA,GAAA,CAAC,oBAAoB,EAAA,EAAA,QAAA,EAAE,OAAO,CAAC,OAAO,EAAA,CAAwB,GAChD,EAAA,CACP,CAAA,EAAA,EA1BO,OAAO,CAAC,EAAE,CA2Bd,CACjB,CAAC,EACD,QAAQ,IAAI,eAAe,KAC1BA,GAAA,CAAC,aAAa,EAAA,EACZ,EAAE,EAAE;oBACF,IAAI,EAAE,eAAe,CAAC,CAAC;oBACvB,GAAG,EAAE,eAAe,CAAC,CAAC;iBACvB,EAAA,QAAA,EAAA,aAAA,EAAA,CAGa,CACjB,CAAA,EAAA,CACgB;AAEvB;;;;"}
+{"version":3,"file":"Concertina.js","sources":["../../../../src/components/Concertina.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport {\r\n  Box,\r\n  styled,\r\n  Typography,\r\n  Collapse,\r\n  useMediaQuery,\r\n} from \"@mui/material\";\r\nimport {\r\n  ExpandCircleDown,\r\n  ExpandCircleDownOutlined,\r\n  ExpandMoreRounded,\r\n} from \"@mui/icons-material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\n\r\ninterface ConcertinaSection {\r\n  id: string;\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface ConcertinaProps {\r\n  sections: ConcertinaSection[];\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\nconst StyledSection = styled(Box)(({ theme }) => ({\r\n  overflow: \"hidden\",\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\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\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\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\r\n    ? `3px solid ${theme.palette.info.main}`\r\n    : \"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\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\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\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\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<{\r\n    x: number;\r\n    y: number;\r\n  } | 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  const sectionIdsKey = JSON.stringify(sections.map((s) => s.id));\r\n\r\n  React.useEffect(() => {\r\n    const sectionIds = JSON.parse(sectionIdsKey) as string[];\r\n\r\n    if (isDesktop) {\r\n      setOpenSections(new Set(sectionIds));\r\n    } else {\r\n      setOpenSections(new Set());\r\n    }\r\n  }, [isDesktop, sectionIdsKey]);\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  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  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={\r\n                    hoveredTitle === section.id\r\n                      ? theme.palette.info.main\r\n                      : \"#00000000\"\r\n                  }\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={{\r\n                fontSize: \"1.5rem\",\r\n                transform: openSections.has(section.id)\r\n                  ? \"rotate(180deg)\"\r\n                  : \"none\",\r\n              }}\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":["React","_jsxs","_jsx"],"mappings":"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"}

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

@@ -1,29 +1,29 @@
-export { Button } from './Button';
-export { Input } from './Input';
-export { Card } from './Card';
-export { Select } from './Select';
-export { Radio, RadioGroup } from './Radio';
-export { Checkbox } from './Checkbox';
-export { Progress, StepIndicator } from './Progress';
-export { Alert } from './Alert';
-export { NoteBox } from './NoteBox';
-export { Modal } from './Modal';
-export { Concertina } from './Concertina';
-export { ReadBy } from './ReadBy';
-export { StatusBar } from './StatusBar';
-export { Tabs } from './Tabs';
-export { Sidebar } from './Sidebar';
-export { SidebarV2, MenuItem } from './SidebarV2';
-export { Header } from './Header';
-export { TableOfContents } from './TableOfContents';
-export { Toggle } from './Toggle';
-export { SimpleModal } from './SimpleModal';
-export { ActionButton } from './ActionButton';
-export { ExpandingBox } from './ExpandingBox';
-export { ExpandingBoxToggle } from './ExpandingBoxToggle';
-export { Breadcrumb } from './Breadcrumb';
-export { AcknowledgementBox } from './AcknowledgementBox';
-export { RichTextArea } from './RichTextArea';
-export { FileUploadButton } from './FileUploadButton';
-export { HeaderSearchResult } from './Header';
+export { Button } from "./Button";
+export { Input, StyledLabel } from "./Input";
+export { Card } from "./Card";
+export { Select } from "./Select";
+export { Radio, RadioGroup } from "./Radio";
+export { Checkbox } from "./Checkbox";
+export { Progress, StepIndicator } from "./Progress";
+export { Alert } from "./Alert";
+export { NoteBox } from "./NoteBox";
+export { Modal } from "./Modal";
+export { Concertina } from "./Concertina";
+export { ReadBy } from "./ReadBy";
+export { StatusBar } from "./StatusBar";
+export { Tabs } from "./Tabs";
+export { Sidebar } from "./Sidebar";
+export { SidebarV2, MenuItem } from "./SidebarV2";
+export { Header } from "./Header";
+export { TableOfContents } from "./TableOfContents";
+export { Toggle } from "./Toggle";
+export { SimpleModal } from "./SimpleModal";
+export { ActionButton } from "./ActionButton";
+export { ExpandingBox } from "./ExpandingBox";
+export { ExpandingBoxToggle } from "./ExpandingBoxToggle";
+export { Breadcrumb } from "./Breadcrumb";
+export { AcknowledgementBox } from "./AcknowledgementBox";
+export { RichTextArea } from "./RichTextArea";
+export { FileUploadButton } from "./FileUploadButton";
+export { HeaderSearchResult } from "./Header";
 export { Footer } from "./Footer";

package/dist/esm/index.d.ts

@@ -1,7 +1,7 @@
 import "./theme-types";
 export { ThemeProvider, useTheme } from "./ThemeProvider";
 export { Button } from "./components/Button";
-export { Input } from "./components/Input";
+export { Input, StyledLabel } from "./components/Input";
 export { Card } from "./components/Card";
 export { Select } from "./components/Select";
 export { Radio, RadioGroup } from "./components/Radio";

package/dist/esm/index.js

@@ -1,7 +1,7 @@
 import '@mui/material/styles';
 export { ThemeProvider, useTheme } from './ThemeProvider.js';
 export { Button } from './components/Button.js';
-export { Input } from './components/Input.js';
+export { Input, StyledLabel } from './components/Input.js';
 export { Card } from './components/Card.js';
 export { Select } from './components/Select.js';
 export { Radio, RadioGroup } from './components/Radio.js';