ece-docs-components 1.0.4 → 1.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAGvB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG1D,YAAY,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAC;AAGvB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG1D,YAAY,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD,cAAc,cAAc,CAAC"}

package/dist/index.esm.js

@@ -1,4 +1,12 @@
-import {createTheme,ThemeProvider as ThemeProvider$1,styled}from'@mui/material/styles';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {deepmerge}from'@mui/utils';import*as React from'react';import React__default,{useState}from'react';import {Button as Button$1,styled as styled$1,InputLabel,TextField,Box,Select as Select$1,FormControl,MenuItem,FormHelperText,FormControlLabel,Typography,FormLabel,Checkbox as Checkbox$1,LinearProgress,Alert as Alert$1,IconButton,Dialog,DialogContent,Chip,Collapse,ListItemButton,List,ListItemText,Link,DialogTitle,Menu,Breadcrumbs}from'@mui/material';import {ExpandMoreRounded,InfoOutlineRounded,HighlightOffRounded,ErrorOutlineRounded,TaskAltRounded,EditRounded,CloseRounded,StickyNote2Rounded,ChevronLeftRounded,ChevronRightRounded,LinkRounded,ExpandLessRounded,PieChartRounded,HomeRounded,TextSnippetRounded,HelpOutlineRounded,SchoolRounded,SearchRounded,AddRounded}from'@mui/icons-material';const baseTheme = createTheme({
+import { createTheme, ThemeProvider as ThemeProvider$1, styled } from '@mui/material/styles';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { deepmerge } from '@mui/utils';
+import * as React from 'react';
+import React__default, { useState } from 'react';
+import { Button as Button$1, styled as styled$1, InputLabel, TextField, Box, Select as Select$1, FormControl, MenuItem, FormHelperText, FormControlLabel, Typography, FormLabel, Checkbox as Checkbox$1, LinearProgress, Alert as Alert$1, IconButton, Dialog, DialogContent, Chip, Collapse, ListItemButton, List, ListItemText, Link, DialogTitle, Menu, Breadcrumbs } from '@mui/material';
+import { ExpandMoreRounded, InfoOutlineRounded, HighlightOffRounded, ErrorOutlineRounded, TaskAltRounded, EditRounded, CloseRounded, StickyNote2Rounded, ChevronLeftRounded, ChevronRightRounded, LinkRounded, ExpandLessRounded, PieChartRounded, HomeRounded, TextSnippetRounded, HelpOutlineRounded, SchoolRounded, SearchRounded, AddRounded } from '@mui/icons-material';
+
+const baseTheme = createTheme({
     typography: {
         fontFamily: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'].join(','),
     },
@@ -99,7 +107,9 @@ const useTheme = () => {
         throw new Error('useTheme must be used within a ThemeProvider');
     }
     return context;
-};const StyledButton = styled(Button$1, {
+};
+
+const StyledButton = styled(Button$1, {
     shouldForwardProp: (prop) => prop !== 'customVariant' && prop !== 'customSize',
 })(({ theme, customVariant, customSize }) => {
     const currentTheme = theme.palette;
@@ -198,7 +208,9 @@ const useTheme = () => {
 });
 const Button = ({ variant = 'primary', size = 'md', children, fullWidth = false, ...props }) => {
     return (jsx(StyledButton, { customVariant: variant, customSize: size, fullWidth: fullWidth, disableRipple: true, ...props, children: children }));
-};const InputWrapper = styled$1('div')(({ theme }) => ({
+};
+
+const InputWrapper = styled$1('div')(({ theme }) => ({
     width: '100%',
 }));
 const StyledLabel$1 = styled$1(InputLabel)(({ theme }) => ({
@@ -265,7 +277,9 @@ const StyledTextField$1 = styled$1(TextField, {
 const Input = ({ error, fullWidth = false, id, label, ...props }) => {
     const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;
     return (jsxs(InputWrapper, { sx: { ...(!fullWidth && { width: 'auto' }) }, children: [label && (jsx(StyledLabel$1, { htmlFor: inputId, children: label })), jsx(StyledTextField$1, { id: inputId, error: !!error, helperText: error || props.helperText, errorMessage: error, fullWidth: fullWidth, variant: "outlined", ...props })] }));
-};const StyledCard = styled$1(Box, {
+};
+
+const StyledCard = styled$1(Box, {
     shouldForwardProp: (prop) => prop !== 'customPadding' && prop !== 'customVariant',
 })(({ theme, customPadding, customVariant }) => {
     const paddingStyles = {
@@ -300,7 +314,9 @@ const Input = ({ error, fullWidth = false, id, label, ...props }) => {
 const Card = ({ children, className = '', padding = 'md', variant = 'default', sx, // Destructure sx prop
  }) => {
     return (jsx(StyledCard, { className: className, customPadding: padding, customVariant: variant, sx: sx, children: children }));
-};const StyledSelect = styled$1(Select$1)(({ theme, error }) => ({
+};
+
+const StyledSelect = styled$1(Select$1)(({ theme, error }) => ({
     backgroundColor: theme.palette.light.main,
     borderRadius: (typeof theme.shape.borderRadius === 'string'
         ? parseInt(theme.shape.borderRadius, 10)
@@ -384,7 +400,9 @@ const Select = ({ label, error, helperText, fullWidth = false, options, classNam
                     fontSize: '0.875rem',
                     color: `${theme.palette.dark.main}99`,
                 }, children: helperText }))] }));
-};const CustomRadioIcon = styled$1('span')(({ theme, checked }) => ({
+};
+
+const CustomRadioIcon = styled$1('span')(({ theme, checked }) => ({
     width: 20,
     height: 20,
     borderRadius: '50%',
@@ -433,7 +451,9 @@ const RadioGroup = ({ label, error, children, className = '' }) => {
                     fontSize: '0.875rem',
                     color: theme.palette.accent.main,
                 }, children: error }))] }));
-};const StyledWrapper$1 = styled$1(Box)(({ theme }) => ({
+};
+
+const StyledWrapper$1 = styled$1(Box)(({ theme }) => ({
     display: 'flex',
     alignItems: 'flex-start',
 }));
@@ -465,7 +485,9 @@ const StyledDescription = styled$1(Typography)(({ theme }) => ({
 const Checkbox = ({ label, description, className = '', id, ...props }) => {
     const checkboxId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
     return (jsx(StyledWrapper$1, { className: className, children: jsx(FormControlLabel, { control: jsx(StyledCheckbox, { id: checkboxId, ...props }), label: jsxs(Box, { sx: { ml: 1.5, display: 'flex', flexDirection: 'column' }, children: [jsx(StyledLabel, { children: label }), description && jsx(StyledDescription, { children: description })] }) }) }));
-};const StyledLinearProgress = styled$1(LinearProgress)(({ theme }) => ({
+};
+
+const StyledLinearProgress = styled$1(LinearProgress)(({ theme }) => ({
     height: 10,
     borderRadius: 9999,
     backgroundColor: `${theme.palette.dark.main}1A`,
@@ -535,7 +557,9 @@ const StepIndicator = ({ steps, currentStep, className = '' }) => {
                                     color: isActive ? theme.palette.primary.main : `${theme.palette.dark.main}99`,
                                 }, children: step })] }), index < steps.length - 1 && (jsx(StepLine, { isCompleted: isCompleted }))] }, index));
         }) }));
-};const StyledAlert = styled$1(Alert$1)(({ theme, customvariant }) => {
+};
+
+const StyledAlert = styled$1(Alert$1)(({ theme, customvariant }) => {
     const variants = {
         info: {
             backgroundColor: '#eff6ff',
@@ -603,7 +627,9 @@ const Alert = ({ variant = 'info', children, className = '', icon = true, sx, })
         custom: 'info',
     };
     return (jsx(StyledAlert, { customvariant: variant, severity: severityMap[variant], icon: icon ? iconMap[variant] : false, className: className, sx: sx, children: children }));
-};const NoteContainer = styled$1(Box)({
+};
+
+const NoteContainer = styled$1(Box)({
     position: 'relative',
     maxWidth: '100%',
 });
@@ -702,7 +728,9 @@ const NoteBox = ({ variant = 'default', label, children, className = '', onEditC
                                 onEditClick();
                             }
                         }, title: "Edit variable highlight", size: "small", children: jsx(EditRounded, { sx: { fontSize: 14, color: "#FFFFFF", strokeWidth: 2 } }) })] })] }));
-};const StyledDialog$1 = styled$1(Dialog)(({ theme }) => ({
+};
+
+const StyledDialog$1 = styled$1(Dialog)(({ theme }) => ({
     '& .MuiDialog-paper': {
         borderRadius: theme.shape.borderRadius,
         maxWidth: '896px',
@@ -803,7 +831,9 @@ const Modal = ({ isOpen, onClose, status, description, defaultText, note, accept
                                     gap: 2,
                                     justifyContent: { xs: 'space-between', sm: 'flex-end' },
                                 }, children: [jsxs(Box, { sx: { display: 'flex', gap: 1.5 }, children: [jsx(NavButton, { onClick: onPrevious, "aria-label": "Previous", children: jsx(ChevronLeftRounded, { sx: { fontSize: 20 } }) }), jsx(NavButton, { onClick: onNext, "aria-label": "Next", children: jsx(ChevronRightRounded, { sx: { fontSize: 20 } }) })] }), jsxs(Typography, { fontWeight: 500, fontSize: "1.125rem", sx: { ml: 1 }, children: [currentPage, "/", totalPages] })] })] })] })] }));
-};const StyledConcertina = styled$1(Box)(({ theme }) => ({
+};
+
+const StyledConcertina = styled$1(Box)(({ theme }) => ({
     width: '100%',
     display: 'flex',
     flexDirection: 'column',
@@ -944,7 +974,9 @@ function Concertina({ sections }) {
         setTimeout(() => setCopiedId(null), 2000);
     };
     return (jsx(StyledConcertina, { children: sections.map((section) => (jsxs(StyledSection, { id: section.id, children: [jsxs(StyledHeader$1, { onClick: () => toggleSection(section.id), onMouseEnter: () => setHoveredTitle(section.id), onMouseLeave: () => setHoveredTitle(null), children: [jsxs(StyledTitleWrapper, { children: [jsx(StyledTitle, { isHovered: hoveredTitle === section.id, variant: "h3", children: section.title }), hoveredTitle === section.id && (jsxs(Box, { sx: { position: 'relative', flexShrink: 0 }, children: [jsx(StyledLinkButton, { onClick: (e) => copyJumpLink(section.id, e), "aria-label": "Copy link", children: jsx(LinkRounded, { sx: { fontSize: 20 } }) }), copiedId === section.id && (jsx(StyledTooltip, { children: "Link copied" }))] }))] }), jsx(StyledChevron, { sx: { fontSize: 20, transform: openSections.has(section.id) ? 'rotate(180deg)' : 'none' } })] }), jsx(Collapse, { in: openSections.has(section.id), children: jsx(StyledContent, { children: jsx(StyledContentText, { children: section.content }) }) })] }, section.id))) }));
-}const ReadByContainer = styled$1(Box)(({ theme }) => ({
+}
+
+const ReadByContainer = styled$1(Box)(({ theme }) => ({
     display: 'flex',
     flexDirection: 'row',
     alignItems: 'flex-start',
@@ -989,7 +1021,9 @@ const ReadBy = ({ names }) => {
                             color: theme.palette.dark.main,
                             ml: 1,
                         }, children: displayText })] }), names.length > 5 && (jsx(ExpandButton, { onClick: () => setIsExpanded(!isExpanded), "aria-label": isExpanded ? 'Collapse' : 'Expand', size: "small", children: isExpanded ? (jsx(ExpandLessRounded, { sx: { fontSize: 16 } })) : (jsx(ExpandMoreRounded, { sx: { fontSize: 16 } })) }))] }));
-};const StatusBarContainer = styled$1(Box)(({ theme }) => ({
+};
+
+const StatusBarContainer = styled$1(Box)(({ theme }) => ({
     width: '100%',
     backgroundColor: '#F5C98E',
     padding: theme.spacing(1.5, 3),
@@ -1041,7 +1075,9 @@ const StatusBar = ({ itemCount, variant = 'actionstarted', onTailorClick, onNext
                             wordBreak: 'break-word',
                             textAlign: { xs: 'center', sm: 'left' },
                         }, children: variant === 'actionstarted' ? (jsxs(Fragment, { children: [jsx(Box, { component: "span", sx: { fontWeight: 700 }, children: "Incomplete." }), " ", message] })) : (jsxs(Fragment, { children: [jsx(Box, { component: "span", sx: { fontWeight: 700 }, children: "Not started." }), " ", message] })) })] }), variant === 'actionstarted' ? (jsx(Box, { sx: { display: 'flex', gap: 1.5, flexShrink: 0 }, children: jsx(NextButton, { onClick: onNextClick, "aria-label": "Next", children: jsx(ChevronRightRounded, { sx: { fontSize: 20 } }) }) })) : (jsx(Box, { sx: { flexShrink: 0 }, children: jsx(Button, { variant: "outline", size: "sm", onClick: onTailorClick, children: "Tailor policies" }) }))] }));
-};const TabsContainer = styled$1(Box)({
+};
+
+const TabsContainer = styled$1(Box)({
     display: 'none',
     '@media (min-width: 900px)': {
         display: 'block',
@@ -1126,7 +1162,9 @@ const Tabs = ({ tabs, defaultTab }) => {
                                         transform: mobileExpandedTab === tab.id ? 'rotate(180deg)' : 'rotate(0deg)',
                                         transition: 'transform 0.2s',
                                     } })] }), jsx(Collapse, { in: mobileExpandedTab === tab.id, children: jsx(MobileTabContent, { children: tab.content }) })] }, tab.id))) })] }));
-};const SidebarContainer = styled$1(Box)(({ theme, isOpen }) => ({
+};
+
+const SidebarContainer = styled$1(Box)(({ theme, isOpen }) => ({
     height: '100vh',
     position: 'sticky',
     top: 0,
@@ -1319,7 +1357,9 @@ const Sidebar = ({ isOpen, onToggle, centreName = "Centre name goes here \n acro
                                                                                 fontSize: '0.875rem',
                                                                             } }) }, index));
                                                                 }) }) }))] }, subItem.id))) }) }))] }, item.id))) }) })] }) })] }));
-};const StyledHeader = styled$1(Box)(({ theme }) => ({
+};
+
+const StyledHeader = styled$1(Box)(({ theme }) => ({
     padding: theme.spacing(1.5, 4), // px-4 py-3
     display: 'flex',
     alignItems: 'center',
@@ -1484,7 +1524,9 @@ const Header = ({ userName = 'John Doe', userInitials = 'JD', }) => {
     return (jsxs(StyledHeader, { children: [jsxs(StyledLogoWrapper, { children: [jsx(StyledLogoIcon, { children: jsx(SchoolRounded, { sx: { fontSize: 32, color: 'currentColor' } }) }), jsx(StyledLogoText, { variant: "h1", children: theme.appName })] }), jsx(StyledSearchContainer, { children: jsx(StyledTextField, { placeholder: "Search for a policy", variant: "outlined", fullWidth: true, InputProps: {
                         endAdornment: (jsx(StyledSearchButton, { children: jsx(StyledSearchIcon, { children: jsx(SearchRounded, { sx: { fontSize: 20 } }) }) })),
                     } }) }), jsxs(StyledUserContainer, { children: [jsx(StyledAvatar, { children: jsx(StyledAvatarText, { children: userInitials }) }), jsx(StyledUserName, { children: userName })] })] }));
-};const Container = styled$1(Box)(({ theme }) => ({
+};
+
+const Container = styled$1(Box)(({ theme }) => ({
     width: '100%',
     [theme.breakpoints.up('md')]: {
         position: 'sticky',
@@ -1536,7 +1578,9 @@ const TableOfContents = ({ sections, activeSection = 'current-section', }) => {
                         const isActive = section.id === activeSection;
                         return (jsx(NavLink, { href: `#${section.id}`, isActive: isActive, children: section.title }, section.id));
                     }) })] }) }));
-};const ToggleButton = styled$1(Box)(({ theme }) => ({
+};
+
+const ToggleButton = styled$1(Box)(({ theme }) => ({
     display: 'inline-flex',
     alignItems: 'center',
     gap: theme.spacing(1.5),
@@ -1585,7 +1629,9 @@ const Toggle = ({ label = 'Admin view', checked = false, onChange, }) => {
                     fontWeight: 500,
                     fontSize: '0.875rem',
                 }, children: label })] }));
-};const StyledDialog = styled$1(Dialog)(({ theme }) => ({
+};
+
+const StyledDialog = styled$1(Dialog)(({ theme }) => ({
     '& .MuiDialog-paper': {
         borderRadius: (typeof theme.shape.borderRadius === 'string'
             ? parseInt(theme.shape.borderRadius, 10)
@@ -1613,7 +1659,9 @@ const CloseButton = styled$1(IconButton)(({ theme }) => ({
 const SimpleModal = ({ isOpen, onClose, title, children, }) => {
     const { theme } = useTheme();
     return (jsxs(StyledDialog, { open: isOpen, onClose: onClose, maxWidth: "sm", fullWidth: true, children: [jsxs(StyledDialogTitle, { children: [title, jsx(CloseButton, { onClick: onClose, "aria-label": "Close", children: jsx(CloseRounded, { sx: { fontSize: 20, color: theme.palette.dark.main } }) })] }), jsx(DialogContent, { sx: { p: 3 }, children: children })] }));
-};const StyledIconButton = styled$1(IconButton)(({ theme }) => ({
+};
+
+const StyledIconButton = styled$1(IconButton)(({ theme }) => ({
     width: 48,
     height: 48,
     borderRadius: (typeof theme.shape.borderRadius === 'string'
@@ -1634,7 +1682,9 @@ const SimpleModal = ({ isOpen, onClose, title, children, }) => {
 }));
 const ActionButton = ({ icon: Icon, onClick, label, sx, }) => {
     return (jsx(StyledIconButton, { onClick: onClick, "aria-label": label, sx: sx, children: jsx(Icon, {}) }));
-};const StyledWrapper = styled$1(Box)(({ theme }) => ({
+};
+
+const StyledWrapper = styled$1(Box)(({ theme }) => ({
 // No specific wrapper styles needed, just a container
 }));
 const StyledParagraph = styled$1(Typography)(({ theme }) => ({
@@ -1698,7 +1748,9 @@ function DefinitionBox({ term, definition, children }) {
                                             color: theme.palette.secondary.main
                                         }
                                     } })) })] })] }), isOpen && (jsx(StyledDefinitionBox, { children: jsx(StyledDefinitionText, { children: definition }) }))] }));
-}const HomeButton = styled$1(IconButton)(({ theme }) => ({
+}
+
+const HomeButton = styled$1(IconButton)(({ theme }) => ({
     width: 40,
     height: 40,
     borderRadius: (typeof theme.shape.borderRadius === 'string'
@@ -1805,4 +1857,7 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, }) =
                             vertical: 'top',
                             horizontal: 'left',
                         }, children: dropdownItems.map((item, index) => (jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: item === currentItem, children: item }, index))) }))] })] }));
-};export{ActionButton,Alert,Breadcrumb,Button,Card,Checkbox,Concertina,DefinitionBox,Header,Input,Modal,NoteBox,Progress,Radio,RadioGroup,ReadBy,Select,Sidebar,SimpleModal,StatusBar,StepIndicator,TableOfContents,Tabs,ThemeProvider,Toggle,useTheme};//# sourceMappingURL=index.esm.js.map
+};
+
+export { ActionButton, Alert, Breadcrumb, Button, Card, Checkbox, Concertina, DefinitionBox, Header, Input, Modal, NoteBox, Progress, Radio, RadioGroup, ReadBy, Select, Sidebar, SimpleModal, StatusBar, StepIndicator, TableOfContents, Tabs, ThemeProvider, Toggle, useTheme };
+//# sourceMappingURL=index.esm.js.map