ece-docs-components 1.0.93 → 1.0.95

package/dist/cjs/_virtual/index8.js

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

package/dist/cjs/_virtual/index9.js

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

package/dist/cjs/components/Breadcrumb.js

@@ -6,6 +6,21 @@ var material = require('@mui/material');
 var ThemeProvider = require('../ThemeProvider.js');
 var iconsMaterial = require('@mui/icons-material');
 
+/** App-relative path after the first URL segment (e.g. org slug), matching policies-site behaviour. */
+const stripOrganisationPrefix = (pathname) => pathname.replace(/^\/[^/]+\//, "");
+const normalizeHref = (href) => href.replace(/^\//, "");
+/** True when this crumb or dropdown entry is the current page (href-based, not label). */
+const pathMatchesHref = (pathname, href) => {
+    if (!href)
+        return false;
+    return stripOrganisationPrefix(pathname) === normalizeHref(href);
+};
+function isDropdownItemActive(item, currentItem, pathname) {
+    if (item.href) {
+        return pathMatchesHref(pathname, item.href);
+    }
+    return item.label === currentItem;
+}
 const HomeButton = material.styled(material.IconButton)(({ theme }) => ({
     width: 40,
     height: 40,
@@ -74,20 +89,21 @@ const StyledMenuItem = material.styled(material.MenuItem, {
         backgroundColor: "#F5F1ED",
     },
 }));
-const DropdownMenu = ({ dropdownItems, currentItem, anchorEl, isDropdownOpen, handleDropdownToggle, handleClose, handleItemClick, }) => {
+const DropdownMenu = ({ dropdownItems, currentItem, pathname, anchorEl, isDropdownOpen, handleDropdownToggle, handleClose, handleItemClick, }) => {
     return dropdownItems.length > 0 ? (jsxRuntime.jsxs(material.Box, { sx: { position: "relative", flexShrink: 0 }, children: [jsxRuntime.jsxs(DropdownButton, { type: "button", onClick: handleDropdownToggle, children: ["In this section...", jsxRuntime.jsx(iconsMaterial.ExpandMoreRounded, { sx: {
                             fontSize: 20,
                             transition: "transform 0.2s",
                             transform: isDropdownOpen ? "rotate(180deg)" : "rotate(0deg)",
-                        } })] }), jsxRuntime.jsx(StyledMenu, { anchorEl: anchorEl, open: isDropdownOpen, onClose: handleClose, disableScrollLock: true, children: dropdownItems.map((item, index) => (jsxRuntime.jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: item.label === currentItem, children: item.label }, index))) })] })) : null;
+                        } })] }), jsxRuntime.jsx(StyledMenu, { anchorEl: anchorEl, open: isDropdownOpen, onClose: handleClose, disableScrollLock: true, children: dropdownItems.map((item, index) => (jsxRuntime.jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: isDropdownItemActive(item, currentItem, pathname), children: item.label }, `section-${index}-${item.href ?? item.label}`))) })] })) : null;
 };
-const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNavigate, }) => {
+const Breadcrumb = ({ items, currentItem, pathname, dropdownItems = [], onItemSelect, onNavigate, }) => {
     const theme = ThemeProvider.useTheme();
     const [anchorEl, setAnchorEl] = React.useState(null);
     const isDropdownOpen = Boolean(anchorEl);
     const isMobile = material.useMediaQuery(theme.breakpoints.down("sm"));
     const scrollMask = React.useRef(null);
     const endRef = React.useRef(null);
+    const crumbLinkActive = (item) => pathMatchesHref(pathname, item.href);
     const updateMask = (el) => {
         const { scrollLeft, scrollWidth, clientWidth } = el;
         const atStart = scrollLeft === 0;
@@ -101,10 +117,11 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
     React.useEffect(() => {
         const el = scrollMask.current;
         if (!el)
-            return;
-        updateMask(el); // set on mount
-        el.addEventListener("scroll", () => updateMask(el));
-        return () => el.removeEventListener("scroll", () => updateMask(el));
+            return undefined;
+        updateMask(el);
+        const onScroll = () => updateMask(el);
+        el.addEventListener("scroll", onScroll);
+        return () => el.removeEventListener("scroll", onScroll);
     }, []);
     React.useEffect(() => {
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
@@ -132,7 +149,7 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
         return;
     }
     if (isMobile) {
-        return (jsxRuntime.jsxs(material.Box, { display: "flex", flexDirection: "column", gap: 2, children: [jsxRuntime.jsx(material.Box, { ref: scrollMask, component: "nav", sx: {
+        return (jsxRuntime.jsxs(material.Box, { display: "flex", flexDirection: "column", gap: 2, children: [jsxRuntime.jsxs(material.Box, { ref: scrollMask, component: "nav", sx: {
                         width: "100%",
                         display: "flex",
                         flexDirection: "row",
@@ -143,22 +160,18 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
                         minWidth: 0,
                         scrollbarWidth: "none",
                         "&::-webkit-scrollbar": { display: "none" },
-                    }, children: items.map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(iconsMaterial.ChevronRightRounded, {}), index >= items.length - 1 ? (jsxRuntime.jsx(material.Typography, { sx: {
-                                    fontWeight: 700,
-                                    whiteSpace: "nowrap",
-                                }, children: item?.label ?? "" })) : (jsxRuntime.jsx(material.Link
-                            // href={item.href as string}
-                            , { 
-                                // href={item.href as string}
-                                underline: item.label === currentItem ? "none" : "always", onClick: () => {
-                                    if (item.label !== currentItem)
-                                        handleNavigation(item.href);
-                                }, sx: {
-                                    '&:hover': { cursor: 'pointer' },
-                                    color: theme.palette.dark.main,
-                                    fontWeight: 500,
-                                    whiteSpace: "nowrap",
-                                }, children: item?.label ?? "" })), jsxRuntime.jsx("div", { ref: endRef })] }, item.label))) }), jsxRuntime.jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
+                    }, children: [items.map((item, index) => (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx(iconsMaterial.ChevronRightRounded, {}), index >= items.length - 1 ? (jsxRuntime.jsx(material.Typography, { sx: {
+                                        fontWeight: 700,
+                                        whiteSpace: "nowrap",
+                                    }, children: item?.label ?? "" })) : (jsxRuntime.jsx(material.Link, { underline: crumbLinkActive(item) ? "none" : "always", onClick: () => {
+                                        if (!crumbLinkActive(item) && item.href)
+                                            handleNavigation(item.href);
+                                    }, sx: {
+                                        "&:hover": { cursor: "pointer" },
+                                        color: theme.palette.dark.main,
+                                        fontWeight: 500,
+                                        whiteSpace: "nowrap",
+                                    }, children: item?.label ?? "" }))] }, item.href ? `${item.href}-${index}` : `${item.label}-${index}`))), jsxRuntime.jsx("div", { ref: endRef })] }), dropdownItems.length !== 1 && (jsxRuntime.jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, pathname: pathname, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick }))] }));
     }
     return (jsxRuntime.jsxs(material.Box, { component: "nav", sx: {
             display: "inline-flex",
@@ -177,22 +190,18 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
                     "& .MuiBreadcrumbs-separator": {
                         color: `${theme.palette.dark.main}66`,
                     },
-                }, children: items.map((item, index) => (index >= items.length - 1 ? (jsxRuntime.jsx(material.Typography, { sx: {
+                }, children: items.map((item, index) => index >= items.length - 1 ? (jsxRuntime.jsx(material.Typography, { sx: {
                         fontWeight: 700,
                         whiteSpace: "nowrap",
-                    }, children: item?.label ?? "" })) : (jsxRuntime.jsx(material.Link
-                // href={item.href as string}
-                , { 
-                    // href={item.href as string}
-                    underline: item.label === currentItem ? "none" : "always", onClick: () => {
-                        if (item.label !== currentItem)
+                    }, children: item?.label ?? "" }, item.href ? `${item.href}-${index}` : `${item.label}-${index}`)) : (jsxRuntime.jsx(material.Link, { underline: crumbLinkActive(item) ? "none" : "always", onClick: () => {
+                        if (!crumbLinkActive(item) && item.href)
                             handleNavigation(item.href);
                     }, sx: {
-                        '&:hover': { cursor: 'pointer' },
+                        "&:hover": { cursor: "pointer" },
                         color: theme.palette.dark.main,
                         fontWeight: 500,
                         whiteSpace: "nowrap",
-                    }, children: item?.label ?? "" })))) }), jsxRuntime.jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
+                    }, children: item?.label ?? "" }, item.href ? `${item.href}-${index}` : `${item.label}-${index}`))) }), dropdownItems.length !== 1 && (jsxRuntime.jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, pathname: pathname, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick }))] }));
 };
 
 exports.Breadcrumb = Breadcrumb;

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, 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  Link,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  HomeRounded,\r\n  ExpandMoreRounded,\r\n  ChevronRightRounded,\r\n} 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.secondary.main || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.secondary.main || 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  justifyContent: \"space-between\",\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    width: \"100%\",\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    [theme.breakpoints.down(\"sm\")]: {\r\n      width: \"100%\",\r\n    },\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\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        In this section...\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\r\n        anchorEl={anchorEl}\r\n        open={isDropdownOpen}\r\n        onClose={handleClose}\r\n        disableScrollLock\r\n      >\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  const scrollMask = useRef<HTMLDivElement>(null);\r\n  const endRef = useRef<HTMLDivElement>(null);\r\n\r\n  const updateMask = (el: {\r\n    style?: any;\r\n    scrollLeft?: any;\r\n    scrollWidth?: any;\r\n    clientWidth?: any;\r\n  }) => {\r\n    const { scrollLeft, scrollWidth, clientWidth } = el;\r\n    const atStart = scrollLeft === 0;\r\n    const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\r\n\r\n    const left = atStart ? \"black\" : \"transparent\";\r\n    const right = atEnd ? \"black\" : \"transparent\";\r\n\r\n    const mask = `linear-gradient(to right, ${left}, black 30px, black calc(100% - 30px), ${right})`;\r\n    el.style.maskImage = mask;\r\n    el.style.webkitMaskImage = mask;\r\n  };\r\n\r\n  useEffect(() => {\r\n    const el = scrollMask.current;\r\n    if (!el) return;\r\n    updateMask(el); // set on mount\r\n    el.addEventListener(\"scroll\", () => updateMask(el));\r\n    return () => el.removeEventListener(\"scroll\", () => updateMask(el));\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    endRef.current?.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\r\n  }, [items]);\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 handleHomeClick = () => handleNavigation(\"/\");\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n\r\n  if (items.length < 1) {\r\n    return;\r\n  }\r\n\r\n  if (isMobile) {\r\n    return (\r\n      <Box display=\"flex\" flexDirection=\"column\" gap={2}>\r\n        <Box\r\n          ref={scrollMask}\r\n          component=\"nav\"\r\n          sx={{\r\n            width: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            alignItems: \"start\",\r\n            flexWrap: \"nowrap\",\r\n            overflowX: \"auto\",\r\n            textOverflow: \"ellipsis\",\r\n            minWidth: 0,\r\n            scrollbarWidth: \"none\",\r\n            \"&::-webkit-scrollbar\": { display: \"none\" },\r\n          }}\r\n        >\r\n          {items.map((item, index) => (\r\n            <Fragment key={item.label}>\r\n              <ChevronRightRounded />\r\n              {index >= items.length - 1 ? (\r\n                <Typography\r\n                  sx={{\r\n                    fontWeight: 700,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {item?.label ?? \"\"}\r\n                </Typography>\r\n              ) : (\r\n                <Link\r\n                  // href={item.href as string}\r\n                  underline={item.label === currentItem ? \"none\" : \"always\"}\r\n                  onClick={() => {\r\n                    if (item.label !== currentItem)\r\n                      handleNavigation(item.href as string);\r\n                  }}\r\n                  sx={{\r\n                    '&:hover': { cursor: 'pointer' },\r\n                    color: theme.palette.dark.main,\r\n                    fontWeight: 500,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {item?.label ?? \"\"}\r\n                </Link>\r\n              )}\r\n              <div ref={endRef} />\r\n            </Fragment>\r\n          ))}\r\n        </Box>\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\r\n      component=\"nav\"\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        justifyContent: \"start\",\r\n        alignItems: \"center\",\r\n        // flexWrap: \"nowrap\",\r\n        gap: 1,\r\n        scrollbarWidth: \"none\",\r\n        \"&::-webkit-scrollbar\": { display: \"none\" },\r\n      }}\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: \"inline-flex\",\r\n          flexDirection: \"row\",\r\n          flexWrap: \"initial\",\r\n          // width: \"fit-content\",\r\n          flexShrink: 2,\r\n          \"& .MuiBreadcrumbs-separator\": {\r\n            color: `${theme.palette.dark.main}66`,\r\n          },\r\n        }}\r\n      >\r\n        {items.map((item, index) => (\r\n          index >= items.length - 1 ? (\r\n            <Typography\r\n              sx={{\r\n                fontWeight: 700,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {item?.label ?? \"\"}\r\n            </Typography>\r\n          ) : (\r\n            <Link\r\n              // href={item.href as string}\r\n              underline={item.label === currentItem ? \"none\" : \"always\"}\r\n              onClick={() => {\r\n                if (item.label !== currentItem)\r\n                  handleNavigation(item.href as string);\r\n              }}\r\n              sx={{\r\n                '&:hover': { cursor: 'pointer' },\r\n                color: theme.palette.dark.main,\r\n                fontWeight: 500,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {item?.label ?? \"\"}\r\n            </Link>\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","useRef","useEffect","Fragment","ChevronRightRounded","Typography","Link","HomeRounded","MuiBreadcrumbs"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, 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  Link,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  HomeRounded,\r\n  ExpandMoreRounded,\r\n  ChevronRightRounded,\r\n} 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  /** Current URL path (e.g. Next.js `usePathname()`). Used to highlight the active crumb/dropdown row when titles repeat. */\r\n  pathname: string;\r\n  dropdownItems?: BreadcrumbItem[];\r\n  onItemSelect?: (item: BreadcrumbItem) => void;\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\n/** App-relative path after the first URL segment (e.g. org slug), matching policies-site behaviour. */\r\nconst stripOrganisationPrefix = (pathname: string) =>\r\n  pathname.replace(/^\\/[^/]+\\//, \"\");\r\n\r\nconst normalizeHref = (href: string) => href.replace(/^\\//, \"\");\r\n\r\n/** True when this crumb or dropdown entry is the current page (href-based, not label). */\r\nconst pathMatchesHref = (\r\n  pathname: string,\r\n  href: string | undefined,\r\n): boolean => {\r\n  if (!href) return false;\r\n  return stripOrganisationPrefix(pathname) === normalizeHref(href);\r\n};\r\n\r\nfunction isDropdownItemActive(\r\n  item: BreadcrumbItem,\r\n  currentItem: string,\r\n  pathname: string,\r\n): boolean {\r\n  if (item.href) {\r\n    return pathMatchesHref(pathname, item.href);\r\n  }\r\n  return item.label === currentItem;\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.secondary.main || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.secondary.main || 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  justifyContent: \"space-between\",\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    width: \"100%\",\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    [theme.breakpoints.down(\"sm\")]: {\r\n      width: \"100%\",\r\n    },\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\nconst DropdownMenu = ({\r\n  dropdownItems,\r\n  currentItem,\r\n  pathname,\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  pathname: 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        In this section...\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\r\n        anchorEl={anchorEl}\r\n        open={isDropdownOpen}\r\n        onClose={handleClose}\r\n        disableScrollLock\r\n      >\r\n        {dropdownItems.map((item, index) => (\r\n          <StyledMenuItem\r\n            key={`section-${index}-${item.href ?? item.label}`}\r\n            onClick={() => handleItemClick(item)}\r\n            isActive={isDropdownItemActive(item, currentItem, pathname)}\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  pathname,\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  const scrollMask = useRef<HTMLDivElement>(null);\r\n  const endRef = useRef<HTMLDivElement>(null);\r\n\r\n  const crumbLinkActive = (item: BreadcrumbItem) =>\r\n    pathMatchesHref(pathname, item.href);\r\n\r\n  const updateMask = (el: {\r\n    style?: any;\r\n    scrollLeft?: any;\r\n    scrollWidth?: any;\r\n    clientWidth?: any;\r\n  }) => {\r\n    const { scrollLeft, scrollWidth, clientWidth } = el;\r\n    const atStart = scrollLeft === 0;\r\n    const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\r\n\r\n    const left = atStart ? \"black\" : \"transparent\";\r\n    const right = atEnd ? \"black\" : \"transparent\";\r\n\r\n    const mask = `linear-gradient(to right, ${left}, black 30px, black calc(100% - 30px), ${right})`;\r\n    el.style.maskImage = mask;\r\n    el.style.webkitMaskImage = mask;\r\n  };\r\n\r\n  useEffect(() => {\r\n    const el = scrollMask.current;\r\n    if (!el) return undefined;\r\n    updateMask(el);\r\n    const onScroll = () => updateMask(el);\r\n    el.addEventListener(\"scroll\", onScroll);\r\n    return () => el.removeEventListener(\"scroll\", onScroll);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    endRef.current?.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\r\n  }, [items]);\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 handleHomeClick = () => handleNavigation(\"/\");\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n\r\n  if (items.length < 1) {\r\n    return;\r\n  }\r\n\r\n  if (isMobile) {\r\n    return (\r\n      <Box display=\"flex\" flexDirection=\"column\" gap={2}>\r\n        <Box\r\n          ref={scrollMask}\r\n          component=\"nav\"\r\n          sx={{\r\n            width: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            alignItems: \"start\",\r\n            flexWrap: \"nowrap\",\r\n            overflowX: \"auto\",\r\n            textOverflow: \"ellipsis\",\r\n            minWidth: 0,\r\n            scrollbarWidth: \"none\",\r\n            \"&::-webkit-scrollbar\": { display: \"none\" },\r\n          }}\r\n        >\r\n          {items.map((item, index) => (\r\n            <Fragment\r\n              key={\r\n                item.href ? `${item.href}-${index}` : `${item.label}-${index}`\r\n              }\r\n            >\r\n              <ChevronRightRounded />\r\n              {index >= items.length - 1 ? (\r\n                <Typography\r\n                  sx={{\r\n                    fontWeight: 700,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {item?.label ?? \"\"}\r\n                </Typography>\r\n              ) : (\r\n                <Link\r\n                  underline={crumbLinkActive(item) ? \"none\" : \"always\"}\r\n                  onClick={() => {\r\n                    if (!crumbLinkActive(item) && item.href)\r\n                      handleNavigation(item.href);\r\n                  }}\r\n                  sx={{\r\n                    \"&:hover\": { cursor: \"pointer\" },\r\n                    color: theme.palette.dark.main,\r\n                    fontWeight: 500,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {item?.label ?? \"\"}\r\n                </Link>\r\n              )}\r\n            </Fragment>\r\n          ))}\r\n          <div ref={endRef} />\r\n        </Box>\r\n        {dropdownItems.length !== 1 && (\r\n          <DropdownMenu\r\n            dropdownItems={dropdownItems}\r\n            currentItem={currentItem}\r\n            pathname={pathname}\r\n            anchorEl={anchorEl}\r\n            isDropdownOpen={isDropdownOpen}\r\n            handleDropdownToggle={handleDropdownToggle}\r\n            handleClose={handleClose}\r\n            handleItemClick={handleItemClick}\r\n          />\r\n        )}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      component=\"nav\"\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        justifyContent: \"start\",\r\n        alignItems: \"center\",\r\n        // flexWrap: \"nowrap\",\r\n        gap: 1,\r\n        scrollbarWidth: \"none\",\r\n        \"&::-webkit-scrollbar\": { display: \"none\" },\r\n      }}\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: \"inline-flex\",\r\n          flexDirection: \"row\",\r\n          flexWrap: \"initial\",\r\n          // width: \"fit-content\",\r\n          flexShrink: 2,\r\n          \"& .MuiBreadcrumbs-separator\": {\r\n            color: `${theme.palette.dark.main}66`,\r\n          },\r\n        }}\r\n      >\r\n        {items.map((item, index) =>\r\n          index >= items.length - 1 ? (\r\n            <Typography\r\n              key={\r\n                item.href ? `${item.href}-${index}` : `${item.label}-${index}`\r\n              }\r\n              sx={{\r\n                fontWeight: 700,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {item?.label ?? \"\"}\r\n            </Typography>\r\n          ) : (\r\n            <Link\r\n              key={\r\n                item.href ? `${item.href}-${index}` : `${item.label}-${index}`\r\n              }\r\n              underline={crumbLinkActive(item) ? \"none\" : \"always\"}\r\n              onClick={() => {\r\n                if (!crumbLinkActive(item) && item.href)\r\n                  handleNavigation(item.href);\r\n              }}\r\n              sx={{\r\n                \"&:hover\": { cursor: \"pointer\" },\r\n                color: theme.palette.dark.main,\r\n                fontWeight: 500,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {item?.label ?? \"\"}\r\n            </Link>\r\n          ),\r\n        )}\r\n      </MuiBreadcrumbs>\r\n      {dropdownItems.length !== 1 && (\r\n        <DropdownMenu\r\n          dropdownItems={dropdownItems}\r\n          currentItem={currentItem}\r\n          pathname={pathname}\r\n          anchorEl={anchorEl}\r\n          isDropdownOpen={isDropdownOpen}\r\n          handleDropdownToggle={handleDropdownToggle}\r\n          handleClose={handleClose}\r\n          handleItemClick={handleItemClick}\r\n        />\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["styled","IconButton","Menu","MenuItem","_jsxs","Box","_jsx","ExpandMoreRounded","useTheme","useState","useMediaQuery","useRef","useEffect","Fragment","ChevronRightRounded","Typography","Link","HomeRounded","MuiBreadcrumbs"],"mappings":"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"}

package/dist/cjs/components/Select.js

@@ -57,15 +57,27 @@ const Select = ({ label, error, helperText, fullWidth = false, options, classNam
         }
     };
     return (jsxRuntime.jsxs(material.FormControl, { fullWidth: fullWidth, error: !!error, className: className, children: [label && (jsxRuntime.jsx(Input.StyledLabel, { htmlFor: selectId, shrink: false, children: label })), jsxRuntime.jsx(StyledSelect, { id: selectId, name: name, value: value || '', onChange: handleChange, disabled: disabled, error: !!error, IconComponent: iconsMaterial.ExpandMoreRounded, MenuProps: {
+                    // Ticket 6024 - Keep the list below the field: MUI Popover otherwise shifts the paper up when
+                    // the viewport is short, which overlaps labels and inputs above the select.
+                    marginThreshold: null,
+                    anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
+                    transformOrigin: { vertical: 'top', horizontal: 'left' },
+                    //-------------------------------
                     MenuListProps: {
                         sx: {
                             paddingBottom: 0,
+                            // Bounded height so items stay reachable when the menu is anchored below the field
+                            // and the viewport is short (6024 / marginThreshold: null prevents flip-up).
+                            maxHeight: 'min(22rem, calc(100vh - 6rem))',
+                            overflowY: 'auto',
                         },
                     },
                     PaperProps: {
                         sx: {
                             borderRadius: 2,
                             boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+                            maxHeight: 'min(22rem, calc(100vh - 6rem))',
+                            overflow: 'hidden',
                         },
                     },
                 }, children: options.map((option) => (jsxRuntime.jsx(material.MenuItem, { value: option.value, sx: {

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { FormControl, InputLabel, Select as MuiSelect, MenuItem, FormHelperText, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { StyledLabel } from './Input';\r\n\r\ninterface SelectProps {\r\n  label?: string;\r\n  error?: string;\r\n  helperText?: string;\r\n  fullWidth?: boolean;\r\n  options: { value: string; label: string }[];\r\n  value?: string;\r\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  name?: string;\r\n}\r\n\r\nconst StyledSelect = styled(MuiSelect)(({ theme, error }) => ({\r\n  backgroundColor: theme.palette.light.main,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  fontSize: '1rem',\r\n  color: theme.palette.dark.main,\r\n  '& .MuiInputBase-root, &.MuiOutlinedInput-root': {\r\n    height: 48,\r\n    padding: 0,\r\n  },\r\n  '& .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : `${theme.palette.dark.main}33`,\r\n    borderWidth: 2,\r\n  },\r\n  '&:hover .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n    borderWidth: 2,\r\n  },\r\n  '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\r\n    borderWidth: 2,\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n  },\r\n  '&.Mui-disabled': {\r\n    backgroundColor: `${theme.palette.dark.main}0D`,\r\n    '& .MuiSelect-select': {\r\n      color: `${theme.palette.dark.main}80`,\r\n      cursor: 'not-allowed',\r\n    },\r\n  },\r\n  '& .MuiSelect-icon': {\r\n    color: `${theme.palette.dark.main}66`,\r\n  },\r\n}));\r\n\r\nexport const Select: React.FC<SelectProps> = ({\r\n  label,\r\n  error,\r\n  helperText,\r\n  fullWidth = false,\r\n  options,\r\n  className = '',\r\n  id,\r\n  value,\r\n  onChange,\r\n  disabled,\r\n  name,\r\n}) => {\r\n  const theme = useTheme();\r\n  const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  const handleChange = (event: any) => {\r\n    if (onChange) {\r\n      // Create a synthetic event that matches React.ChangeEvent<HTMLSelectElement>\r\n      const syntheticEvent = {\r\n        target: {\r\n          value: event.target.value,\r\n          name: name || '',\r\n        },\r\n        currentTarget: event.currentTarget,\r\n      } as React.ChangeEvent<HTMLSelectElement>;\r\n      onChange(syntheticEvent);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormControl \r\n      fullWidth={fullWidth} \r\n      error={!!error}\r\n      className={className}\r\n    >\r\n      {label && (\r\n        <StyledLabel htmlFor={selectId} shrink={false}>\r\n          {label}\r\n        </StyledLabel>\r\n      )}\r\n      <StyledSelect\r\n        id={selectId}\r\n        name={name}\r\n        value={value || ''}\r\n        onChange={handleChange}\r\n        disabled={disabled}\r\n        error={!!error}\r\n        IconComponent={ExpandMoreRounded}\r\n        MenuProps={{\r\n          MenuListProps: {\r\n            sx: {\r\n              paddingBottom: 0,\r\n            },\r\n          },\r\n          PaperProps: {\r\n            sx: {\r\n              borderRadius: 2,\r\n              boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        {options.map((option) => (\r\n          <MenuItem \r\n            key={option.value} \r\n            value={option.value}\r\n            sx={{\r\n              fontSize: '1rem',\r\n              color: theme.palette.dark.main,\r\n              '&:hover': {\r\n                backgroundColor: `${theme.palette.primary.main}1A`,\r\n              },\r\n              '&.Mui-selected': {\r\n                backgroundColor: 'transparent',\r\n                '&:hover': {\r\n                  backgroundColor: `${theme.palette.primary.main}1A`,\r\n                },\r\n              },\r\n            }}\r\n          >\r\n            {option.label}\r\n          </MenuItem>\r\n        ))}\r\n      </StyledSelect>\r\n      {error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: theme.palette.accent.main,\r\n          }}\r\n        >\r\n          {error}\r\n        </FormHelperText>\r\n      )}\r\n      {helperText && !error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: `${theme.palette.dark.main}99`,\r\n          }}\r\n        >\r\n          {helperText}\r\n        </FormHelperText>\r\n      )}\r\n    </FormControl>\r\n  );\r\n};"],"names":["styled","MuiSelect","useTheme","_jsxs","FormControl","_jsx","StyledLabel","ExpandMoreRounded","MenuItem","FormHelperText"],"mappings":";;;;;;;;AAsBA,MAAM,YAAY,GAAGA,eAAM,CAACC,eAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM;AAC5D,IAAA,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;IACzC,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,QAAQ,EAAE,MAAM;AAChB,IAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,IAAA,+CAA+C,EAAE;AAC/C,QAAA,MAAM,EAAE,EAAE;AACV,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AACD,IAAA,oCAAoC,EAAE;QACpC,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,GAAG,CAAA,EAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAC/E,QAAA,WAAW,EAAE,CAAC;AACf,KAAA;AACD,IAAA,0CAA0C,EAAE;QAC1C,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAC3E,QAAA,WAAW,EAAE,CAAC;AACf,KAAA;AACD,IAAA,gDAAgD,EAAE;AAChD,QAAA,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAC5E,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AAC/C,QAAA,qBAAqB,EAAE;YACrB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACrC,YAAA,MAAM,EAAE,aAAa;AACtB,SAAA;AACF,KAAA;AACD,IAAA,mBAAmB,EAAE;QACnB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtC,KAAA;AACF,CAAA,CAAC,CAAC;AAEI,MAAM,MAAM,GAA0B,CAAC,EAC5C,KAAK,EACL,KAAK,EACL,UAAU,EACV,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,SAAS,GAAG,EAAE,EACd,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,GACL,KAAI;AACH,IAAA,MAAM,KAAK,GAAGC,sBAAQ,EAAE;IACxB,MAAM,QAAQ,GAAG,EAAE,IAAI,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE;AAE1E,IAAA,MAAM,YAAY,GAAG,CAAC,KAAU,KAAI;QAClC,IAAI,QAAQ,EAAE;;AAEZ,YAAA,MAAM,cAAc,GAAG;AACrB,gBAAA,MAAM,EAAE;AACN,oBAAA,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;oBACzB,IAAI,EAAE,IAAI,IAAI,EAAE;AACjB,iBAAA;gBACD,aAAa,EAAE,KAAK,CAAC,aAAa;aACK;YACzC,QAAQ,CAAC,cAAc,CAAC;QAC1B;AACF,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAACC,oBAAW,EAAA,EACV,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,SAAS,EAAE,SAAS,EAAA,QAAA,EAAA,CAEnB,KAAK,KACJC,cAAA,CAACC,iBAAW,IAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAA,QAAA,EAC1C,KAAK,GACM,CACf,EACDD,cAAA,CAAC,YAAY,EAAA,EACX,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,aAAa,EAAEE,+BAAiB,EAChC,SAAS,EAAE;AACT,oBAAA,aAAa,EAAE;AACb,wBAAA,EAAE,EAAE;AACF,4BAAA,aAAa,EAAE,CAAC;AACjB,yBAAA;AACF,qBAAA;AACD,oBAAA,UAAU,EAAE;AACV,wBAAA,EAAE,EAAE;AACF,4BAAA,YAAY,EAAE,CAAC;AACf,4BAAA,SAAS,EAAE,uEAAuE;AACnF,yBAAA;AACF,qBAAA;iBACF,EAAA,QAAA,EAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,MAClBF,eAACG,iBAAQ,EAAA,EAEP,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,EAAE,EAAE;AACF,wBAAA,QAAQ,EAAE,MAAM;AAChB,wBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC9B,wBAAA,SAAS,EAAE;4BACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD,yBAAA;AACD,wBAAA,gBAAgB,EAAE;AAChB,4BAAA,eAAe,EAAE,aAAa;AAC9B,4BAAA,SAAS,EAAE;gCACT,eAAe,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAA,EAAA,CAAI;AACnD,6BAAA;AACF,yBAAA;AACF,qBAAA,EAAA,QAAA,EAEA,MAAM,CAAC,KAAK,IAhBR,MAAM,CAAC,KAAK,CAiBR,CACZ,CAAC,EAAA,CACW,EACd,KAAK,KACJH,eAACI,uBAAc,EAAA,EACb,EAAE,EAAE;AACF,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;AACjC,iBAAA,EAAA,QAAA,EAEA,KAAK,EAAA,CACS,CAClB,EACA,UAAU,IAAI,CAAC,KAAK,KACnBJ,cAAA,CAACI,uBAAc,EAAA,EACb,EAAE,EAAE;AACF,oBAAA,EAAE,EAAE,IAAI;AACR,oBAAA,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,EAAA,CAAI;AACtC,iBAAA,EAAA,QAAA,EAEA,UAAU,EAAA,CACI,CAClB,CAAA,EAAA,CACW;AAElB;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { FormControl, InputLabel, Select as MuiSelect, MenuItem, FormHelperText, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { StyledLabel } from './Input';\r\n\r\ninterface SelectProps {\r\n  label?: string;\r\n  error?: string;\r\n  helperText?: string;\r\n  fullWidth?: boolean;\r\n  options: { value: string; label: string }[];\r\n  value?: string;\r\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  name?: string;\r\n}\r\n\r\nconst StyledSelect = styled(MuiSelect)(({ theme, error }) => ({\r\n  backgroundColor: theme.palette.light.main,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  fontSize: '1rem',\r\n  color: theme.palette.dark.main,\r\n  '& .MuiInputBase-root, &.MuiOutlinedInput-root': {\r\n    height: 48,\r\n    padding: 0,\r\n  },\r\n  '& .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : `${theme.palette.dark.main}33`,\r\n    borderWidth: 2,\r\n  },\r\n  '&:hover .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n    borderWidth: 2,\r\n  },\r\n  '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\r\n    borderWidth: 2,\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n  },\r\n  '&.Mui-disabled': {\r\n    backgroundColor: `${theme.palette.dark.main}0D`,\r\n    '& .MuiSelect-select': {\r\n      color: `${theme.palette.dark.main}80`,\r\n      cursor: 'not-allowed',\r\n    },\r\n  },\r\n  '& .MuiSelect-icon': {\r\n    color: `${theme.palette.dark.main}66`,\r\n  },\r\n}));\r\n\r\nexport const Select: React.FC<SelectProps> = ({\r\n  label,\r\n  error,\r\n  helperText,\r\n  fullWidth = false,\r\n  options,\r\n  className = '',\r\n  id,\r\n  value,\r\n  onChange,\r\n  disabled,\r\n  name,\r\n}) => {\r\n  const theme = useTheme();\r\n  const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  const handleChange = (event: any) => {\r\n    if (onChange) {\r\n      // Create a synthetic event that matches React.ChangeEvent<HTMLSelectElement>\r\n      const syntheticEvent = {\r\n        target: {\r\n          value: event.target.value,\r\n          name: name || '',\r\n        },\r\n        currentTarget: event.currentTarget,\r\n      } as React.ChangeEvent<HTMLSelectElement>;\r\n      onChange(syntheticEvent);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormControl \r\n      fullWidth={fullWidth} \r\n      error={!!error}\r\n      className={className}\r\n    >\r\n      {label && (\r\n        <StyledLabel htmlFor={selectId} shrink={false}>\r\n          {label}\r\n        </StyledLabel>\r\n      )}\r\n      <StyledSelect\r\n        id={selectId}\r\n        name={name}\r\n        value={value || ''}\r\n        onChange={handleChange}\r\n        disabled={disabled}\r\n        error={!!error}\r\n        IconComponent={ExpandMoreRounded}\r\n        MenuProps={{\r\n          // Ticket 6024 - Keep the list below the field: MUI Popover otherwise shifts the paper up when\r\n          // the viewport is short, which overlaps labels and inputs above the select.\r\n          marginThreshold: null,\r\n          anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\r\n          transformOrigin: { vertical: 'top', horizontal: 'left' },\r\n          //-------------------------------\r\n          MenuListProps: {\r\n            sx: {\r\n              paddingBottom: 0,\r\n              // Bounded height so items stay reachable when the menu is anchored below the field\r\n              // and the viewport is short (6024 / marginThreshold: null prevents flip-up).\r\n              maxHeight: 'min(22rem, calc(100vh - 6rem))',\r\n              overflowY: 'auto',\r\n            },\r\n          },\r\n          PaperProps: {\r\n            sx: {\r\n              borderRadius: 2,\r\n              boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\r\n              maxHeight: 'min(22rem, calc(100vh - 6rem))',\r\n              overflow: 'hidden',\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        {options.map((option) => (\r\n          <MenuItem \r\n            key={option.value} \r\n            value={option.value}\r\n            sx={{\r\n              fontSize: '1rem',\r\n              color: theme.palette.dark.main,\r\n              '&:hover': {\r\n                backgroundColor: `${theme.palette.primary.main}1A`,\r\n              },\r\n              '&.Mui-selected': {\r\n                backgroundColor: 'transparent',\r\n                '&:hover': {\r\n                  backgroundColor: `${theme.palette.primary.main}1A`,\r\n                },\r\n              },\r\n            }}\r\n          >\r\n            {option.label}\r\n          </MenuItem>\r\n        ))}\r\n      </StyledSelect>\r\n      {error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: theme.palette.accent.main,\r\n          }}\r\n        >\r\n          {error}\r\n        </FormHelperText>\r\n      )}\r\n      {helperText && !error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: `${theme.palette.dark.main}99`,\r\n          }}\r\n        >\r\n          {helperText}\r\n        </FormHelperText>\r\n      )}\r\n    </FormControl>\r\n  );\r\n};"],"names":["styled","MuiSelect","useTheme","_jsxs","FormControl","_jsx","StyledLabel","ExpandMoreRounded","MenuItem","FormHelperText"],"mappings":"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"}

package/dist/cjs/node_modules/domutils/lib/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index8.js');
+var index = require('../../../_virtual/index9.js');
 var stringify = require('./stringify.js');
 var traversal = require('./traversal.js');
 var manipulation = require('./manipulation.js');

package/dist/cjs/node_modules/style-to-object/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index9.js');
+var index = require('../../../_virtual/index8.js');
 var index$1 = require('../../inline-style-parser/cjs/index.js');
 
 var hasRequiredCjs;

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

@@ -6,6 +6,8 @@ interface BreadcrumbItem {
 interface BreadcrumbProps {
     items: BreadcrumbItem[];
     currentItem: string;
+    /** Current URL path (e.g. Next.js `usePathname()`). Used to highlight the active crumb/dropdown row when titles repeat. */
+    pathname: string;
     dropdownItems?: BreadcrumbItem[];
     onItemSelect?: (item: BreadcrumbItem) => void;
     onNavigate?: (path: string) => void;

package/dist/esm/components/Breadcrumb.js

@@ -4,6 +4,21 @@ import { styled, IconButton, Menu, MenuItem, useMediaQuery, Box, Typography, Lin
 import { useTheme } from '../ThemeProvider.js';
 import { ChevronRightRounded, HomeRounded, ExpandMoreRounded } from '@mui/icons-material';
 
+/** App-relative path after the first URL segment (e.g. org slug), matching policies-site behaviour. */
+const stripOrganisationPrefix = (pathname) => pathname.replace(/^\/[^/]+\//, "");
+const normalizeHref = (href) => href.replace(/^\//, "");
+/** True when this crumb or dropdown entry is the current page (href-based, not label). */
+const pathMatchesHref = (pathname, href) => {
+    if (!href)
+        return false;
+    return stripOrganisationPrefix(pathname) === normalizeHref(href);
+};
+function isDropdownItemActive(item, currentItem, pathname) {
+    if (item.href) {
+        return pathMatchesHref(pathname, item.href);
+    }
+    return item.label === currentItem;
+}
 const HomeButton = styled(IconButton)(({ theme }) => ({
     width: 40,
     height: 40,
@@ -72,20 +87,21 @@ const StyledMenuItem = styled(MenuItem, {
         backgroundColor: "#F5F1ED",
     },
 }));
-const DropdownMenu = ({ dropdownItems, currentItem, anchorEl, isDropdownOpen, handleDropdownToggle, handleClose, handleItemClick, }) => {
+const DropdownMenu = ({ dropdownItems, currentItem, pathname, anchorEl, isDropdownOpen, handleDropdownToggle, handleClose, handleItemClick, }) => {
     return dropdownItems.length > 0 ? (jsxs(Box, { sx: { position: "relative", flexShrink: 0 }, children: [jsxs(DropdownButton, { type: "button", onClick: handleDropdownToggle, children: ["In this section...", jsx(ExpandMoreRounded, { sx: {
                             fontSize: 20,
                             transition: "transform 0.2s",
                             transform: isDropdownOpen ? "rotate(180deg)" : "rotate(0deg)",
-                        } })] }), jsx(StyledMenu, { anchorEl: anchorEl, open: isDropdownOpen, onClose: handleClose, disableScrollLock: true, children: dropdownItems.map((item, index) => (jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: item.label === currentItem, children: item.label }, index))) })] })) : null;
+                        } })] }), jsx(StyledMenu, { anchorEl: anchorEl, open: isDropdownOpen, onClose: handleClose, disableScrollLock: true, children: dropdownItems.map((item, index) => (jsx(StyledMenuItem, { onClick: () => handleItemClick(item), isActive: isDropdownItemActive(item, currentItem, pathname), children: item.label }, `section-${index}-${item.href ?? item.label}`))) })] })) : null;
 };
-const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNavigate, }) => {
+const Breadcrumb = ({ items, currentItem, pathname, dropdownItems = [], onItemSelect, onNavigate, }) => {
     const theme = useTheme();
     const [anchorEl, setAnchorEl] = useState(null);
     const isDropdownOpen = Boolean(anchorEl);
     const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
     const scrollMask = useRef(null);
     const endRef = useRef(null);
+    const crumbLinkActive = (item) => pathMatchesHref(pathname, item.href);
     const updateMask = (el) => {
         const { scrollLeft, scrollWidth, clientWidth } = el;
         const atStart = scrollLeft === 0;
@@ -99,10 +115,11 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
     useEffect(() => {
         const el = scrollMask.current;
         if (!el)
-            return;
-        updateMask(el); // set on mount
-        el.addEventListener("scroll", () => updateMask(el));
-        return () => el.removeEventListener("scroll", () => updateMask(el));
+            return undefined;
+        updateMask(el);
+        const onScroll = () => updateMask(el);
+        el.addEventListener("scroll", onScroll);
+        return () => el.removeEventListener("scroll", onScroll);
     }, []);
     useEffect(() => {
         endRef.current?.scrollIntoView({ behavior: "smooth", block: "nearest" });
@@ -130,7 +147,7 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
         return;
     }
     if (isMobile) {
-        return (jsxs(Box, { display: "flex", flexDirection: "column", gap: 2, children: [jsx(Box, { ref: scrollMask, component: "nav", sx: {
+        return (jsxs(Box, { display: "flex", flexDirection: "column", gap: 2, children: [jsxs(Box, { ref: scrollMask, component: "nav", sx: {
                         width: "100%",
                         display: "flex",
                         flexDirection: "row",
@@ -141,22 +158,18 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
                         minWidth: 0,
                         scrollbarWidth: "none",
                         "&::-webkit-scrollbar": { display: "none" },
-                    }, children: items.map((item, index) => (jsxs(Fragment, { children: [jsx(ChevronRightRounded, {}), index >= items.length - 1 ? (jsx(Typography, { sx: {
-                                    fontWeight: 700,
-                                    whiteSpace: "nowrap",
-                                }, children: item?.label ?? "" })) : (jsx(Link
-                            // href={item.href as string}
-                            , { 
-                                // href={item.href as string}
-                                underline: item.label === currentItem ? "none" : "always", onClick: () => {
-                                    if (item.label !== currentItem)
-                                        handleNavigation(item.href);
-                                }, sx: {
-                                    '&:hover': { cursor: 'pointer' },
-                                    color: theme.palette.dark.main,
-                                    fontWeight: 500,
-                                    whiteSpace: "nowrap",
-                                }, children: item?.label ?? "" })), jsx("div", { ref: endRef })] }, item.label))) }), jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
+                    }, children: [items.map((item, index) => (jsxs(Fragment, { children: [jsx(ChevronRightRounded, {}), index >= items.length - 1 ? (jsx(Typography, { sx: {
+                                        fontWeight: 700,
+                                        whiteSpace: "nowrap",
+                                    }, children: item?.label ?? "" })) : (jsx(Link, { underline: crumbLinkActive(item) ? "none" : "always", onClick: () => {
+                                        if (!crumbLinkActive(item) && item.href)
+                                            handleNavigation(item.href);
+                                    }, sx: {
+                                        "&:hover": { cursor: "pointer" },
+                                        color: theme.palette.dark.main,
+                                        fontWeight: 500,
+                                        whiteSpace: "nowrap",
+                                    }, children: item?.label ?? "" }))] }, item.href ? `${item.href}-${index}` : `${item.label}-${index}`))), jsx("div", { ref: endRef })] }), dropdownItems.length !== 1 && (jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, pathname: pathname, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick }))] }));
     }
     return (jsxs(Box, { component: "nav", sx: {
             display: "inline-flex",
@@ -175,22 +188,18 @@ const Breadcrumb = ({ items, currentItem, dropdownItems = [], onItemSelect, onNa
                     "& .MuiBreadcrumbs-separator": {
                         color: `${theme.palette.dark.main}66`,
                     },
-                }, children: items.map((item, index) => (index >= items.length - 1 ? (jsx(Typography, { sx: {
+                }, children: items.map((item, index) => index >= items.length - 1 ? (jsx(Typography, { sx: {
                         fontWeight: 700,
                         whiteSpace: "nowrap",
-                    }, children: item?.label ?? "" })) : (jsx(Link
-                // href={item.href as string}
-                , { 
-                    // href={item.href as string}
-                    underline: item.label === currentItem ? "none" : "always", onClick: () => {
-                        if (item.label !== currentItem)
+                    }, children: item?.label ?? "" }, item.href ? `${item.href}-${index}` : `${item.label}-${index}`)) : (jsx(Link, { underline: crumbLinkActive(item) ? "none" : "always", onClick: () => {
+                        if (!crumbLinkActive(item) && item.href)
                             handleNavigation(item.href);
                     }, sx: {
-                        '&:hover': { cursor: 'pointer' },
+                        "&:hover": { cursor: "pointer" },
                         color: theme.palette.dark.main,
                         fontWeight: 500,
                         whiteSpace: "nowrap",
-                    }, children: item?.label ?? "" })))) }), jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick })] }));
+                    }, children: item?.label ?? "" }, item.href ? `${item.href}-${index}` : `${item.label}-${index}`))) }), dropdownItems.length !== 1 && (jsx(DropdownMenu, { dropdownItems: dropdownItems, currentItem: currentItem, pathname: pathname, anchorEl: anchorEl, isDropdownOpen: isDropdownOpen, handleDropdownToggle: handleDropdownToggle, handleClose: handleClose, handleItemClick: handleItemClick }))] }));
 };
 
 export { Breadcrumb };

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, 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  Link,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  HomeRounded,\r\n  ExpandMoreRounded,\r\n  ChevronRightRounded,\r\n} 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.secondary.main || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.secondary.main || 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  justifyContent: \"space-between\",\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    width: \"100%\",\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    [theme.breakpoints.down(\"sm\")]: {\r\n      width: \"100%\",\r\n    },\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\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        In this section...\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\r\n        anchorEl={anchorEl}\r\n        open={isDropdownOpen}\r\n        onClose={handleClose}\r\n        disableScrollLock\r\n      >\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  const scrollMask = useRef<HTMLDivElement>(null);\r\n  const endRef = useRef<HTMLDivElement>(null);\r\n\r\n  const updateMask = (el: {\r\n    style?: any;\r\n    scrollLeft?: any;\r\n    scrollWidth?: any;\r\n    clientWidth?: any;\r\n  }) => {\r\n    const { scrollLeft, scrollWidth, clientWidth } = el;\r\n    const atStart = scrollLeft === 0;\r\n    const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\r\n\r\n    const left = atStart ? \"black\" : \"transparent\";\r\n    const right = atEnd ? \"black\" : \"transparent\";\r\n\r\n    const mask = `linear-gradient(to right, ${left}, black 30px, black calc(100% - 30px), ${right})`;\r\n    el.style.maskImage = mask;\r\n    el.style.webkitMaskImage = mask;\r\n  };\r\n\r\n  useEffect(() => {\r\n    const el = scrollMask.current;\r\n    if (!el) return;\r\n    updateMask(el); // set on mount\r\n    el.addEventListener(\"scroll\", () => updateMask(el));\r\n    return () => el.removeEventListener(\"scroll\", () => updateMask(el));\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    endRef.current?.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\r\n  }, [items]);\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 handleHomeClick = () => handleNavigation(\"/\");\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n\r\n  if (items.length < 1) {\r\n    return;\r\n  }\r\n\r\n  if (isMobile) {\r\n    return (\r\n      <Box display=\"flex\" flexDirection=\"column\" gap={2}>\r\n        <Box\r\n          ref={scrollMask}\r\n          component=\"nav\"\r\n          sx={{\r\n            width: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            alignItems: \"start\",\r\n            flexWrap: \"nowrap\",\r\n            overflowX: \"auto\",\r\n            textOverflow: \"ellipsis\",\r\n            minWidth: 0,\r\n            scrollbarWidth: \"none\",\r\n            \"&::-webkit-scrollbar\": { display: \"none\" },\r\n          }}\r\n        >\r\n          {items.map((item, index) => (\r\n            <Fragment key={item.label}>\r\n              <ChevronRightRounded />\r\n              {index >= items.length - 1 ? (\r\n                <Typography\r\n                  sx={{\r\n                    fontWeight: 700,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {item?.label ?? \"\"}\r\n                </Typography>\r\n              ) : (\r\n                <Link\r\n                  // href={item.href as string}\r\n                  underline={item.label === currentItem ? \"none\" : \"always\"}\r\n                  onClick={() => {\r\n                    if (item.label !== currentItem)\r\n                      handleNavigation(item.href as string);\r\n                  }}\r\n                  sx={{\r\n                    '&:hover': { cursor: 'pointer' },\r\n                    color: theme.palette.dark.main,\r\n                    fontWeight: 500,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {item?.label ?? \"\"}\r\n                </Link>\r\n              )}\r\n              <div ref={endRef} />\r\n            </Fragment>\r\n          ))}\r\n        </Box>\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\r\n      component=\"nav\"\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        justifyContent: \"start\",\r\n        alignItems: \"center\",\r\n        // flexWrap: \"nowrap\",\r\n        gap: 1,\r\n        scrollbarWidth: \"none\",\r\n        \"&::-webkit-scrollbar\": { display: \"none\" },\r\n      }}\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: \"inline-flex\",\r\n          flexDirection: \"row\",\r\n          flexWrap: \"initial\",\r\n          // width: \"fit-content\",\r\n          flexShrink: 2,\r\n          \"& .MuiBreadcrumbs-separator\": {\r\n            color: `${theme.palette.dark.main}66`,\r\n          },\r\n        }}\r\n      >\r\n        {items.map((item, index) => (\r\n          index >= items.length - 1 ? (\r\n            <Typography\r\n              sx={{\r\n                fontWeight: 700,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {item?.label ?? \"\"}\r\n            </Typography>\r\n          ) : (\r\n            <Link\r\n              // href={item.href as string}\r\n              underline={item.label === currentItem ? \"none\" : \"always\"}\r\n              onClick={() => {\r\n                if (item.label !== currentItem)\r\n                  handleNavigation(item.href as string);\r\n              }}\r\n              sx={{\r\n                '&:hover': { cursor: 'pointer' },\r\n                color: theme.palette.dark.main,\r\n                fontWeight: 500,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {item?.label ?? \"\"}\r\n            </Link>\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":["_jsxs","_jsx","MuiBreadcrumbs"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef, 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  Link,\r\n} from \"@mui/material\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport {\r\n  HomeRounded,\r\n  ExpandMoreRounded,\r\n  ChevronRightRounded,\r\n} 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  /** Current URL path (e.g. Next.js `usePathname()`). Used to highlight the active crumb/dropdown row when titles repeat. */\r\n  pathname: string;\r\n  dropdownItems?: BreadcrumbItem[];\r\n  onItemSelect?: (item: BreadcrumbItem) => void;\r\n  onNavigate?: (path: string) => void;\r\n}\r\n\r\n/** App-relative path after the first URL segment (e.g. org slug), matching policies-site behaviour. */\r\nconst stripOrganisationPrefix = (pathname: string) =>\r\n  pathname.replace(/^\\/[^/]+\\//, \"\");\r\n\r\nconst normalizeHref = (href: string) => href.replace(/^\\//, \"\");\r\n\r\n/** True when this crumb or dropdown entry is the current page (href-based, not label). */\r\nconst pathMatchesHref = (\r\n  pathname: string,\r\n  href: string | undefined,\r\n): boolean => {\r\n  if (!href) return false;\r\n  return stripOrganisationPrefix(pathname) === normalizeHref(href);\r\n};\r\n\r\nfunction isDropdownItemActive(\r\n  item: BreadcrumbItem,\r\n  currentItem: string,\r\n  pathname: string,\r\n): boolean {\r\n  if (item.href) {\r\n    return pathMatchesHref(pathname, item.href);\r\n  }\r\n  return item.label === currentItem;\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.secondary.main || theme.palette.accent.main,\r\n  flexShrink: 0,\r\n  \"&:hover\": {\r\n    backgroundColor: theme.palette.secondary.main || 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  justifyContent: \"space-between\",\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    width: \"100%\",\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    [theme.breakpoints.down(\"sm\")]: {\r\n      width: \"100%\",\r\n    },\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\nconst DropdownMenu = ({\r\n  dropdownItems,\r\n  currentItem,\r\n  pathname,\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  pathname: 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        In this section...\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\r\n        anchorEl={anchorEl}\r\n        open={isDropdownOpen}\r\n        onClose={handleClose}\r\n        disableScrollLock\r\n      >\r\n        {dropdownItems.map((item, index) => (\r\n          <StyledMenuItem\r\n            key={`section-${index}-${item.href ?? item.label}`}\r\n            onClick={() => handleItemClick(item)}\r\n            isActive={isDropdownItemActive(item, currentItem, pathname)}\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  pathname,\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  const scrollMask = useRef<HTMLDivElement>(null);\r\n  const endRef = useRef<HTMLDivElement>(null);\r\n\r\n  const crumbLinkActive = (item: BreadcrumbItem) =>\r\n    pathMatchesHref(pathname, item.href);\r\n\r\n  const updateMask = (el: {\r\n    style?: any;\r\n    scrollLeft?: any;\r\n    scrollWidth?: any;\r\n    clientWidth?: any;\r\n  }) => {\r\n    const { scrollLeft, scrollWidth, clientWidth } = el;\r\n    const atStart = scrollLeft === 0;\r\n    const atEnd = scrollLeft + clientWidth >= scrollWidth - 1;\r\n\r\n    const left = atStart ? \"black\" : \"transparent\";\r\n    const right = atEnd ? \"black\" : \"transparent\";\r\n\r\n    const mask = `linear-gradient(to right, ${left}, black 30px, black calc(100% - 30px), ${right})`;\r\n    el.style.maskImage = mask;\r\n    el.style.webkitMaskImage = mask;\r\n  };\r\n\r\n  useEffect(() => {\r\n    const el = scrollMask.current;\r\n    if (!el) return undefined;\r\n    updateMask(el);\r\n    const onScroll = () => updateMask(el);\r\n    el.addEventListener(\"scroll\", onScroll);\r\n    return () => el.removeEventListener(\"scroll\", onScroll);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    endRef.current?.scrollIntoView({ behavior: \"smooth\", block: \"nearest\" });\r\n  }, [items]);\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 handleHomeClick = () => handleNavigation(\"/\");\r\n  const handleItemClick = (item: BreadcrumbItem) => {\r\n    onItemSelect?.(item);\r\n    handleClose();\r\n    if (item.href) handleNavigation(item.href);\r\n  };\r\n\r\n  if (items.length < 1) {\r\n    return;\r\n  }\r\n\r\n  if (isMobile) {\r\n    return (\r\n      <Box display=\"flex\" flexDirection=\"column\" gap={2}>\r\n        <Box\r\n          ref={scrollMask}\r\n          component=\"nav\"\r\n          sx={{\r\n            width: \"100%\",\r\n            display: \"flex\",\r\n            flexDirection: \"row\",\r\n            alignItems: \"start\",\r\n            flexWrap: \"nowrap\",\r\n            overflowX: \"auto\",\r\n            textOverflow: \"ellipsis\",\r\n            minWidth: 0,\r\n            scrollbarWidth: \"none\",\r\n            \"&::-webkit-scrollbar\": { display: \"none\" },\r\n          }}\r\n        >\r\n          {items.map((item, index) => (\r\n            <Fragment\r\n              key={\r\n                item.href ? `${item.href}-${index}` : `${item.label}-${index}`\r\n              }\r\n            >\r\n              <ChevronRightRounded />\r\n              {index >= items.length - 1 ? (\r\n                <Typography\r\n                  sx={{\r\n                    fontWeight: 700,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {item?.label ?? \"\"}\r\n                </Typography>\r\n              ) : (\r\n                <Link\r\n                  underline={crumbLinkActive(item) ? \"none\" : \"always\"}\r\n                  onClick={() => {\r\n                    if (!crumbLinkActive(item) && item.href)\r\n                      handleNavigation(item.href);\r\n                  }}\r\n                  sx={{\r\n                    \"&:hover\": { cursor: \"pointer\" },\r\n                    color: theme.palette.dark.main,\r\n                    fontWeight: 500,\r\n                    whiteSpace: \"nowrap\",\r\n                  }}\r\n                >\r\n                  {item?.label ?? \"\"}\r\n                </Link>\r\n              )}\r\n            </Fragment>\r\n          ))}\r\n          <div ref={endRef} />\r\n        </Box>\r\n        {dropdownItems.length !== 1 && (\r\n          <DropdownMenu\r\n            dropdownItems={dropdownItems}\r\n            currentItem={currentItem}\r\n            pathname={pathname}\r\n            anchorEl={anchorEl}\r\n            isDropdownOpen={isDropdownOpen}\r\n            handleDropdownToggle={handleDropdownToggle}\r\n            handleClose={handleClose}\r\n            handleItemClick={handleItemClick}\r\n          />\r\n        )}\r\n      </Box>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      component=\"nav\"\r\n      sx={{\r\n        display: \"inline-flex\",\r\n        justifyContent: \"start\",\r\n        alignItems: \"center\",\r\n        // flexWrap: \"nowrap\",\r\n        gap: 1,\r\n        scrollbarWidth: \"none\",\r\n        \"&::-webkit-scrollbar\": { display: \"none\" },\r\n      }}\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: \"inline-flex\",\r\n          flexDirection: \"row\",\r\n          flexWrap: \"initial\",\r\n          // width: \"fit-content\",\r\n          flexShrink: 2,\r\n          \"& .MuiBreadcrumbs-separator\": {\r\n            color: `${theme.palette.dark.main}66`,\r\n          },\r\n        }}\r\n      >\r\n        {items.map((item, index) =>\r\n          index >= items.length - 1 ? (\r\n            <Typography\r\n              key={\r\n                item.href ? `${item.href}-${index}` : `${item.label}-${index}`\r\n              }\r\n              sx={{\r\n                fontWeight: 700,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {item?.label ?? \"\"}\r\n            </Typography>\r\n          ) : (\r\n            <Link\r\n              key={\r\n                item.href ? `${item.href}-${index}` : `${item.label}-${index}`\r\n              }\r\n              underline={crumbLinkActive(item) ? \"none\" : \"always\"}\r\n              onClick={() => {\r\n                if (!crumbLinkActive(item) && item.href)\r\n                  handleNavigation(item.href);\r\n              }}\r\n              sx={{\r\n                \"&:hover\": { cursor: \"pointer\" },\r\n                color: theme.palette.dark.main,\r\n                fontWeight: 500,\r\n                whiteSpace: \"nowrap\",\r\n              }}\r\n            >\r\n              {item?.label ?? \"\"}\r\n            </Link>\r\n          ),\r\n        )}\r\n      </MuiBreadcrumbs>\r\n      {dropdownItems.length !== 1 && (\r\n        <DropdownMenu\r\n          dropdownItems={dropdownItems}\r\n          currentItem={currentItem}\r\n          pathname={pathname}\r\n          anchorEl={anchorEl}\r\n          isDropdownOpen={isDropdownOpen}\r\n          handleDropdownToggle={handleDropdownToggle}\r\n          handleClose={handleClose}\r\n          handleItemClick={handleItemClick}\r\n        />\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["_jsxs","_jsx","MuiBreadcrumbs"],"mappings":"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"}

package/dist/esm/components/Select.js

@@ -55,15 +55,27 @@ const Select = ({ label, error, helperText, fullWidth = false, options, classNam
         }
     };
     return (jsxs(FormControl, { fullWidth: fullWidth, error: !!error, className: className, children: [label && (jsx(StyledLabel, { htmlFor: selectId, shrink: false, children: label })), jsx(StyledSelect, { id: selectId, name: name, value: value || '', onChange: handleChange, disabled: disabled, error: !!error, IconComponent: ExpandMoreRounded, MenuProps: {
+                    // Ticket 6024 - Keep the list below the field: MUI Popover otherwise shifts the paper up when
+                    // the viewport is short, which overlaps labels and inputs above the select.
+                    marginThreshold: null,
+                    anchorOrigin: { vertical: 'bottom', horizontal: 'left' },
+                    transformOrigin: { vertical: 'top', horizontal: 'left' },
+                    //-------------------------------
                     MenuListProps: {
                         sx: {
                             paddingBottom: 0,
+                            // Bounded height so items stay reachable when the menu is anchored below the field
+                            // and the viewport is short (6024 / marginThreshold: null prevents flip-up).
+                            maxHeight: 'min(22rem, calc(100vh - 6rem))',
+                            overflowY: 'auto',
                         },
                     },
                     PaperProps: {
                         sx: {
                             borderRadius: 2,
                             boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+                            maxHeight: 'min(22rem, calc(100vh - 6rem))',
+                            overflow: 'hidden',
                         },
                     },
                 }, children: options.map((option) => (jsx(MenuItem, { value: option.value, sx: {

package/dist/esm/components/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../src/components/Select.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { FormControl, InputLabel, Select as MuiSelect, MenuItem, FormHelperText, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { StyledLabel } from './Input';\r\n\r\ninterface SelectProps {\r\n  label?: string;\r\n  error?: string;\r\n  helperText?: string;\r\n  fullWidth?: boolean;\r\n  options: { value: string; label: string }[];\r\n  value?: string;\r\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  name?: string;\r\n}\r\n\r\nconst StyledSelect = styled(MuiSelect)(({ theme, error }) => ({\r\n  backgroundColor: theme.palette.light.main,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  fontSize: '1rem',\r\n  color: theme.palette.dark.main,\r\n  '& .MuiInputBase-root, &.MuiOutlinedInput-root': {\r\n    height: 48,\r\n    padding: 0,\r\n  },\r\n  '& .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : `${theme.palette.dark.main}33`,\r\n    borderWidth: 2,\r\n  },\r\n  '&:hover .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n    borderWidth: 2,\r\n  },\r\n  '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\r\n    borderWidth: 2,\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n  },\r\n  '&.Mui-disabled': {\r\n    backgroundColor: `${theme.palette.dark.main}0D`,\r\n    '& .MuiSelect-select': {\r\n      color: `${theme.palette.dark.main}80`,\r\n      cursor: 'not-allowed',\r\n    },\r\n  },\r\n  '& .MuiSelect-icon': {\r\n    color: `${theme.palette.dark.main}66`,\r\n  },\r\n}));\r\n\r\nexport const Select: React.FC<SelectProps> = ({\r\n  label,\r\n  error,\r\n  helperText,\r\n  fullWidth = false,\r\n  options,\r\n  className = '',\r\n  id,\r\n  value,\r\n  onChange,\r\n  disabled,\r\n  name,\r\n}) => {\r\n  const theme = useTheme();\r\n  const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  const handleChange = (event: any) => {\r\n    if (onChange) {\r\n      // Create a synthetic event that matches React.ChangeEvent<HTMLSelectElement>\r\n      const syntheticEvent = {\r\n        target: {\r\n          value: event.target.value,\r\n          name: name || '',\r\n        },\r\n        currentTarget: event.currentTarget,\r\n      } as React.ChangeEvent<HTMLSelectElement>;\r\n      onChange(syntheticEvent);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormControl \r\n      fullWidth={fullWidth} \r\n      error={!!error}\r\n      className={className}\r\n    >\r\n      {label && (\r\n        <StyledLabel htmlFor={selectId} shrink={false}>\r\n          {label}\r\n        </StyledLabel>\r\n      )}\r\n      <StyledSelect\r\n        id={selectId}\r\n        name={name}\r\n        value={value || ''}\r\n        onChange={handleChange}\r\n        disabled={disabled}\r\n        error={!!error}\r\n        IconComponent={ExpandMoreRounded}\r\n        MenuProps={{\r\n          MenuListProps: {\r\n            sx: {\r\n              paddingBottom: 0,\r\n            },\r\n          },\r\n          PaperProps: {\r\n            sx: {\r\n              borderRadius: 2,\r\n              boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        {options.map((option) => (\r\n          <MenuItem \r\n            key={option.value} \r\n            value={option.value}\r\n            sx={{\r\n              fontSize: '1rem',\r\n              color: theme.palette.dark.main,\r\n              '&:hover': {\r\n                backgroundColor: `${theme.palette.primary.main}1A`,\r\n              },\r\n              '&.Mui-selected': {\r\n                backgroundColor: 'transparent',\r\n                '&:hover': {\r\n                  backgroundColor: `${theme.palette.primary.main}1A`,\r\n                },\r\n              },\r\n            }}\r\n          >\r\n            {option.label}\r\n          </MenuItem>\r\n        ))}\r\n      </StyledSelect>\r\n      {error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: theme.palette.accent.main,\r\n          }}\r\n        >\r\n          {error}\r\n        </FormHelperText>\r\n      )}\r\n      {helperText && !error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: `${theme.palette.dark.main}99`,\r\n          }}\r\n        >\r\n          {helperText}\r\n        </FormHelperText>\r\n      )}\r\n    </FormControl>\r\n  );\r\n};"],"names":["MuiSelect","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../src/components/Select.tsx"],"sourcesContent":["\r\n\r\nimport React from 'react';\r\nimport { FormControl, InputLabel, Select as MuiSelect, MenuItem, FormHelperText, styled } from '@mui/material';\r\nimport { useTheme } from '../ThemeProvider';\r\nimport { ExpandMoreRounded } from '@mui/icons-material';\r\nimport { StyledLabel } from './Input';\r\n\r\ninterface SelectProps {\r\n  label?: string;\r\n  error?: string;\r\n  helperText?: string;\r\n  fullWidth?: boolean;\r\n  options: { value: string; label: string }[];\r\n  value?: string;\r\n  onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\r\n  disabled?: boolean;\r\n  className?: string;\r\n  id?: string;\r\n  name?: string;\r\n}\r\n\r\nconst StyledSelect = styled(MuiSelect)(({ theme, error }) => ({\r\n  backgroundColor: theme.palette.light.main,\r\n  borderRadius: (typeof theme.shape.borderRadius === 'string'\r\n    ? parseInt(theme.shape.borderRadius, 10)\r\n    : theme.shape.borderRadius || 4) * 2,\r\n  fontSize: '1rem',\r\n  color: theme.palette.dark.main,\r\n  '& .MuiInputBase-root, &.MuiOutlinedInput-root': {\r\n    height: 48,\r\n    padding: 0,\r\n  },\r\n  '& .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : `${theme.palette.dark.main}33`,\r\n    borderWidth: 2,\r\n  },\r\n  '&:hover .MuiOutlinedInput-notchedOutline': {\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n    borderWidth: 2,\r\n  },\r\n  '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\r\n    borderWidth: 2,\r\n    borderColor: error ? theme.palette.accent.main : theme.palette.primary.main,\r\n  },\r\n  '&.Mui-disabled': {\r\n    backgroundColor: `${theme.palette.dark.main}0D`,\r\n    '& .MuiSelect-select': {\r\n      color: `${theme.palette.dark.main}80`,\r\n      cursor: 'not-allowed',\r\n    },\r\n  },\r\n  '& .MuiSelect-icon': {\r\n    color: `${theme.palette.dark.main}66`,\r\n  },\r\n}));\r\n\r\nexport const Select: React.FC<SelectProps> = ({\r\n  label,\r\n  error,\r\n  helperText,\r\n  fullWidth = false,\r\n  options,\r\n  className = '',\r\n  id,\r\n  value,\r\n  onChange,\r\n  disabled,\r\n  name,\r\n}) => {\r\n  const theme = useTheme();\r\n  const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  const handleChange = (event: any) => {\r\n    if (onChange) {\r\n      // Create a synthetic event that matches React.ChangeEvent<HTMLSelectElement>\r\n      const syntheticEvent = {\r\n        target: {\r\n          value: event.target.value,\r\n          name: name || '',\r\n        },\r\n        currentTarget: event.currentTarget,\r\n      } as React.ChangeEvent<HTMLSelectElement>;\r\n      onChange(syntheticEvent);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <FormControl \r\n      fullWidth={fullWidth} \r\n      error={!!error}\r\n      className={className}\r\n    >\r\n      {label && (\r\n        <StyledLabel htmlFor={selectId} shrink={false}>\r\n          {label}\r\n        </StyledLabel>\r\n      )}\r\n      <StyledSelect\r\n        id={selectId}\r\n        name={name}\r\n        value={value || ''}\r\n        onChange={handleChange}\r\n        disabled={disabled}\r\n        error={!!error}\r\n        IconComponent={ExpandMoreRounded}\r\n        MenuProps={{\r\n          // Ticket 6024 - Keep the list below the field: MUI Popover otherwise shifts the paper up when\r\n          // the viewport is short, which overlaps labels and inputs above the select.\r\n          marginThreshold: null,\r\n          anchorOrigin: { vertical: 'bottom', horizontal: 'left' },\r\n          transformOrigin: { vertical: 'top', horizontal: 'left' },\r\n          //-------------------------------\r\n          MenuListProps: {\r\n            sx: {\r\n              paddingBottom: 0,\r\n              // Bounded height so items stay reachable when the menu is anchored below the field\r\n              // and the viewport is short (6024 / marginThreshold: null prevents flip-up).\r\n              maxHeight: 'min(22rem, calc(100vh - 6rem))',\r\n              overflowY: 'auto',\r\n            },\r\n          },\r\n          PaperProps: {\r\n            sx: {\r\n              borderRadius: 2,\r\n              boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\r\n              maxHeight: 'min(22rem, calc(100vh - 6rem))',\r\n              overflow: 'hidden',\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        {options.map((option) => (\r\n          <MenuItem \r\n            key={option.value} \r\n            value={option.value}\r\n            sx={{\r\n              fontSize: '1rem',\r\n              color: theme.palette.dark.main,\r\n              '&:hover': {\r\n                backgroundColor: `${theme.palette.primary.main}1A`,\r\n              },\r\n              '&.Mui-selected': {\r\n                backgroundColor: 'transparent',\r\n                '&:hover': {\r\n                  backgroundColor: `${theme.palette.primary.main}1A`,\r\n                },\r\n              },\r\n            }}\r\n          >\r\n            {option.label}\r\n          </MenuItem>\r\n        ))}\r\n      </StyledSelect>\r\n      {error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: theme.palette.accent.main,\r\n          }}\r\n        >\r\n          {error}\r\n        </FormHelperText>\r\n      )}\r\n      {helperText && !error && (\r\n        <FormHelperText\r\n          sx={{\r\n            mt: 0.75,\r\n            fontSize: '0.875rem',\r\n            color: `${theme.palette.dark.main}99`,\r\n          }}\r\n        >\r\n          {helperText}\r\n        </FormHelperText>\r\n      )}\r\n    </FormControl>\r\n  );\r\n};"],"names":["MuiSelect","_jsxs","_jsx"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ece-docs-components",
-  "version": "1.0.93",
+  "version": "1.0.95",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",