@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-XWWFBH2G.js

@@ -1,148 +0,0 @@
-import {
-  highlightSegments
-} from "./chunk-PN4HVM43.js";
-import {
-  CheckGlyph,
-  DisclosureGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  METRICS,
-  checkboxBarSx,
-  checkboxSx,
-  chevronButtonSx,
-  markSx,
-  radioSx,
-  rowIndent,
-  rowMetaSx,
-  rowNameSx,
-  rowSx,
-  sectionHeadSx
-} from "./chunk-BXAL7OIS.js";
-
-// src/components/form/CategorySelect/CategoryRows.tsx
-import Box from "@mui/material/Box/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function HighlightedName({
-  text,
-  query
-}) {
-  const segments = highlightSegments(text, query);
-  return /* @__PURE__ */ jsx(Fragment, { children: segments.map(
-    (segment, index) => segment.match ? /* @__PURE__ */ jsx(Box, { component: "mark", sx: markSx, children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsx("span", { children: segment.text }, `${segment.text}-${index}`)
-  ) });
-}
-function CategoryCheckbox({ state }) {
-  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => checkboxSx(theme, state), "aria-hidden": "true", children: [
-    state === "on" && /* @__PURE__ */ jsx(CheckGlyph, {}),
-    state === "partial" && /* @__PURE__ */ jsx(Box, { sx: checkboxBarSx })
-  ] });
-}
-function CategoryRadio({ on }) {
-  return /* @__PURE__ */ jsx(Box, { sx: (theme) => radioSx(theme, on), "aria-hidden": "true" });
-}
-function rowMeta(selectedCount, showCounts, count) {
-  if (selectedCount > 0) return { text: String(selectedCount), selected: true };
-  if (showCounts && count !== void 0) return { text: String(count), selected: false };
-  return null;
-}
-function RowDisclosure({
-  option,
-  expanded,
-  branch,
-  onToggleExpanded,
-  dataTestId,
-  copy
-}) {
-  if (!branch) {
-    return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.chevronButton, flex: "0 0 auto" } });
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      tabIndex: -1,
-      "aria-label": expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name),
-      "data-testid": `${dataTestId}-expand-${option.id}`,
-      sx: (theme) => chevronButtonSx(theme, expanded),
-      onClick: (event) => {
-        event.stopPropagation();
-        onToggleExpanded();
-      },
-      children: /* @__PURE__ */ jsx(DisclosureGlyph, {})
-    }
-  );
-}
-function RowControl({
-  checkState,
-  single
-}) {
-  if (!checkState) return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.boxSize, flex: "0 0 auto" } });
-  if (single) return /* @__PURE__ */ jsx(CategoryRadio, { on: checkState === "on" });
-  return /* @__PURE__ */ jsx(CategoryCheckbox, { state: checkState });
-}
-function rowTestId(dataTestId, depth, id) {
-  return depth === 0 ? `${dataTestId}-category-${id}` : `${dataTestId}-option-${id}`;
-}
-function CategoryTreeRow({
-  option,
-  query,
-  depth,
-  branch,
-  expanded,
-  active,
-  sheet,
-  checkState,
-  single,
-  selectedCount,
-  showCounts,
-  onToggleExpanded,
-  onActivate,
-  dataTestId,
-  copy
-}) {
-  const meta = rowMeta(selectedCount, showCounts, option.count);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "div",
-      role: checkState ? "option" : "button",
-      "aria-selected": checkState ? checkState === "on" : void 0,
-      "aria-expanded": branch ? expanded : void 0,
-      "data-testid": rowTestId(dataTestId, depth, option.id),
-      sx: (theme) => ({ ...rowSx(theme, active, sheet), ...rowIndent(depth) }),
-      onClick: onActivate,
-      children: [
-        /* @__PURE__ */ jsx(
-          RowDisclosure,
-          {
-            option,
-            expanded,
-            branch,
-            onToggleExpanded,
-            dataTestId,
-            copy
-          }
-        ),
-        /* @__PURE__ */ jsx(RowControl, { checkState, single }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, depth === 0), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
-        meta && /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowMetaSx(theme, meta.selected), children: meta.text })
-      ]
-    }
-  );
-}
-function CategorySectionHeading({
-  option,
-  query
-}) {
-  return /* @__PURE__ */ jsx(Box, { sx: sectionHeadSx, children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) });
-}
-
-export {
-  HighlightedName,
-  CategoryCheckbox,
-  CategoryRadio,
-  CategoryTreeRow,
-  CategorySectionHeading
-};
-//# sourceMappingURL=chunk-XWWFBH2G.js.map

package/dist/chunk-XWWFBH2G.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryRows.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport { CheckGlyph, DisclosureGlyph } from './CategoryIcons';\nimport { highlightSegments, type CategoryCheckState } from './category-tree';\nimport {\n  checkboxBarSx,\n  checkboxSx,\n  chevronButtonSx,\n  markSx,\n  METRICS,\n  radioSx,\n  rowIndent,\n  rowMetaSx,\n  rowNameSx,\n  rowSx,\n  sectionHeadSx,\n} from './CategorySelect.styles';\nimport type { CategorySelectOption } from './CategorySelect.types';\n\n/** A label with the search hit marked. */\nexport function HighlightedName({\n  text,\n  query,\n}: {\n  text: string;\n  query: string;\n}): React.JSX.Element {\n  const segments = highlightSegments(text, query);\n  return (\n    <>\n      {segments.map((segment, index) =>\n        segment.match ? (\n          <Box component=\"mark\" key={`${segment.text}-${index}`} sx={markSx}>\n            {segment.text}\n          </Box>\n        ) : (\n          <span key={`${segment.text}-${index}`}>{segment.text}</span>\n        ),\n      )}\n    </>\n  );\n}\n\n/** Tri-state checkbox. `partial` draws the bar the prototype uses for \"some\". */\nexport function CategoryCheckbox({ state }: { state: CategoryCheckState }): React.JSX.Element {\n  return (\n    <Box sx={(theme) => checkboxSx(theme, state)} aria-hidden=\"true\">\n      {state === 'on' && <CheckGlyph />}\n      {state === 'partial' && <Box sx={checkboxBarSx} />}\n    </Box>\n  );\n}\n\nexport function CategoryRadio({ on }: { on: boolean }): React.JSX.Element {\n  return <Box sx={(theme) => radioSx(theme, on)} aria-hidden=\"true\" />;\n}\n\ninterface CategoryTreeRowProps {\n  option: CategorySelectOption;\n  query: string;\n  /** 0 for a top-level category; each level below indents one more step. */\n  depth: number;\n  /** True when there is something under this row to fold. */\n  branch: boolean;\n  expanded: boolean;\n  active: boolean;\n  sheet: boolean;\n  /** Absent where the row cannot be picked — a category acting as a frame. */\n  checkState?: CategoryCheckState;\n  /** Single-select draws a radio for the control: choosing a row is exclusive. */\n  single: boolean;\n  selectedCount: number;\n  showCounts: boolean;\n  onToggleExpanded: () => void;\n  onActivate: () => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/** The trailing number: how many leaves are picked below, else the item count. */\nfunction rowMeta(\n  selectedCount: number,\n  showCounts: boolean,\n  count: number | undefined,\n): { text: string; selected: boolean } | null {\n  if (selectedCount > 0) return { text: String(selectedCount), selected: true };\n  if (showCounts && count !== undefined) return { text: String(count), selected: false };\n  return null;\n}\n\n/** The disclosure chevron, or the space it would have taken on a leaf row. */\nfunction RowDisclosure({\n  option,\n  expanded,\n  branch,\n  onToggleExpanded,\n  dataTestId,\n  copy,\n}: Pick<\n  CategoryTreeRowProps,\n  'option' | 'expanded' | 'branch' | 'onToggleExpanded' | 'dataTestId' | 'copy'\n>): React.JSX.Element {\n  if (!branch) {\n    return <Box sx={{ width: METRICS.chevronButton, flex: '0 0 auto' }} />;\n  }\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      tabIndex={-1}\n      aria-label={expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name)}\n      data-testid={`${dataTestId}-expand-${option.id}`}\n      sx={(theme) => chevronButtonSx(theme, expanded)}\n      onClick={(event: React.MouseEvent) => {\n        event.stopPropagation();\n        onToggleExpanded();\n      }}\n    >\n      <DisclosureGlyph />\n    </Box>\n  );\n}\n\n/** The row's selection control, or the space it would have taken on a frame. */\nfunction RowControl({\n  checkState,\n  single,\n}: Pick<CategoryTreeRowProps, 'checkState' | 'single'>): React.JSX.Element {\n  if (!checkState) return <Box sx={{ width: METRICS.boxSize, flex: '0 0 auto' }} />;\n  // Single-select commits the moment a row is chosen, so the control is a radio\n  // there: a checkbox would promise the accumulation this mode does not do.\n  if (single) return <CategoryRadio on={checkState === 'on'} />;\n  return <CategoryCheckbox state={checkState} />;\n}\n\n/**\n * The test id a row answers to.\n *\n * Keyed on DEPTH rather than on whether the row has children, because that is\n * what the ids meant when the tree was two levels and specs were written against\n * them: `-category-<id>` is a top-level row — childless or not — and `-option-`\n * is anything filed under one.\n */\nfunction rowTestId(dataTestId: string, depth: number, id: string): string {\n  return depth === 0 ? `${dataTestId}-category-${id}` : `${dataTestId}-option-${id}`;\n}\n\n/**\n * One row of the tree: disclosure chevron, optional control, name, meta.\n *\n * The chevron is its OWN button inside the row — clicking it only folds, while\n * clicking the row does the row's job (expand as a frame, or mark when the row\n * is selectable). A LEAF has neither a fold nor a frame to be: it draws no\n * chevron, and it always carries the control, because it is what you pick.\n */\nexport function CategoryTreeRow({\n  option,\n  query,\n  depth,\n  branch,\n  expanded,\n  active,\n  sheet,\n  checkState,\n  single,\n  selectedCount,\n  showCounts,\n  onToggleExpanded,\n  onActivate,\n  dataTestId,\n  copy,\n}: CategoryTreeRowProps): React.JSX.Element {\n  const meta = rowMeta(selectedCount, showCounts, option.count);\n  return (\n    <Box\n      component=\"div\"\n      role={checkState ? 'option' : 'button'}\n      aria-selected={checkState ? checkState === 'on' : undefined}\n      aria-expanded={branch ? expanded : undefined}\n      data-testid={rowTestId(dataTestId, depth, option.id)}\n      sx={(theme) => ({ ...rowSx(theme, active, sheet), ...rowIndent(depth) })}\n      onClick={onActivate}\n    >\n      <RowDisclosure\n        option={option}\n        expanded={expanded}\n        branch={branch}\n        onToggleExpanded={onToggleExpanded}\n        dataTestId={dataTestId}\n        copy={copy}\n      />\n      <RowControl checkState={checkState} single={single} />\n      <Box component=\"span\" sx={(theme) => rowNameSx(theme, depth === 0)}>\n        <HighlightedName text={option.name} query={query} />\n      </Box>\n      {meta && (\n        <Box component=\"span\" sx={(theme) => rowMetaSx(theme, meta.selected)}>\n          {meta.text}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\n/** The category as a non-interactive heading (single-select, leaf-only). */\nexport function CategorySectionHeading({\n  option,\n  query,\n}: {\n  option: CategorySelectOption;\n  query: string;\n}): React.JSX.Element {\n  return (\n    <Box sx={sectionHeadSx}>\n      <HighlightedName text={option.name} query={query} />\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,OAAO,SAAS;AA8BZ,mBAGM,KAcN,YAjBA;AATG,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAGsB;AACpB,QAAM,WAAW,kBAAkB,MAAM,KAAK;AAC9C,SACE,gCACG,mBAAS;AAAA,IAAI,CAAC,SAAS,UACtB,QAAQ,QACN,oBAAC,OAAI,WAAU,QAAwC,IAAI,QACxD,kBAAQ,QADgB,GAAG,QAAQ,IAAI,IAAI,KAAK,EAEnD,IAEA,oBAAC,UAAuC,kBAAQ,QAArC,GAAG,QAAQ,IAAI,IAAI,KAAK,EAAkB;AAAA,EAEzD,GACF;AAEJ;AAGO,SAAS,iBAAiB,EAAE,MAAM,GAAqD;AAC5F,SACE,qBAAC,OAAI,IAAI,CAAC,UAAU,WAAW,OAAO,KAAK,GAAG,eAAY,QACvD;AAAA,cAAU,QAAQ,oBAAC,cAAW;AAAA,IAC9B,UAAU,aAAa,oBAAC,OAAI,IAAI,eAAe;AAAA,KAClD;AAEJ;AAEO,SAAS,cAAc,EAAE,GAAG,GAAuC;AACxE,SAAO,oBAAC,OAAI,IAAI,CAAC,UAAU,QAAQ,OAAO,EAAE,GAAG,eAAY,QAAO;AACpE;AAyBA,SAAS,QACP,eACA,YACA,OAC4C;AAC5C,MAAI,gBAAgB,EAAG,QAAO,EAAE,MAAM,OAAO,aAAa,GAAG,UAAU,KAAK;AAC5E,MAAI,cAAc,UAAU,OAAW,QAAO,EAAE,MAAM,OAAO,KAAK,GAAG,UAAU,MAAM;AACrF,SAAO;AACT;AAGA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGsB;AACpB,MAAI,CAAC,QAAQ;AACX,WAAO,oBAAC,OAAI,IAAI,EAAE,OAAO,QAAQ,eAAe,MAAM,WAAW,GAAG;AAAA,EACtE;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAK;AAAA,MACL,UAAU;AAAA,MACV,cAAY,WAAW,KAAK,iBAAiB,OAAO,IAAI,IAAI,KAAK,eAAe,OAAO,IAAI;AAAA,MAC3F,eAAa,GAAG,UAAU,WAAW,OAAO,EAAE;AAAA,MAC9C,IAAI,CAAC,UAAU,gBAAgB,OAAO,QAAQ;AAAA,MAC9C,SAAS,CAAC,UAA4B;AACpC,cAAM,gBAAgB;AACtB,yBAAiB;AAAA,MACnB;AAAA,MAEA,8BAAC,mBAAgB;AAAA;AAAA,EACnB;AAEJ;AAGA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAA2E;AACzE,MAAI,CAAC,WAAY,QAAO,oBAAC,OAAI,IAAI,EAAE,OAAO,QAAQ,SAAS,MAAM,WAAW,GAAG;AAG/E,MAAI,OAAQ,QAAO,oBAAC,iBAAc,IAAI,eAAe,MAAM;AAC3D,SAAO,oBAAC,oBAAiB,OAAO,YAAY;AAC9C;AAUA,SAAS,UAAU,YAAoB,OAAe,IAAoB;AACxE,SAAO,UAAU,IAAI,GAAG,UAAU,aAAa,EAAE,KAAK,GAAG,UAAU,WAAW,EAAE;AAClF;AAUO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4C;AAC1C,QAAM,OAAO,QAAQ,eAAe,YAAY,OAAO,KAAK;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAM,aAAa,WAAW;AAAA,MAC9B,iBAAe,aAAa,eAAe,OAAO;AAAA,MAClD,iBAAe,SAAS,WAAW;AAAA,MACnC,eAAa,UAAU,YAAY,OAAO,OAAO,EAAE;AAAA,MACnD,IAAI,CAAC,WAAW,EAAE,GAAG,MAAM,OAAO,QAAQ,KAAK,GAAG,GAAG,UAAU,KAAK,EAAE;AAAA,MACtE,SAAS;AAAA,MAET;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QACA,oBAAC,cAAW,YAAwB,QAAgB;AAAA,QACpD,oBAAC,OAAI,WAAU,QAAO,IAAI,CAAC,UAAU,UAAU,OAAO,UAAU,CAAC,GAC/D,8BAAC,mBAAgB,MAAM,OAAO,MAAM,OAAc,GACpD;AAAA,QACC,QACC,oBAAC,OAAI,WAAU,QAAO,IAAI,CAAC,UAAU,UAAU,OAAO,KAAK,QAAQ,GAChE,eAAK,MACR;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAGO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AACF,GAGsB;AACpB,SACE,oBAAC,OAAI,IAAI,eACP,8BAAC,mBAAgB,MAAM,OAAO,MAAM,OAAc,GACpD;AAEJ;","names":[]}

package/dist/chunk-XZBCPL4N.js

@@ -1,266 +0,0 @@
-import {
-  breadcrumbLinkStyles
-} from "./chunk-QHUTSAFG.js";
-import {
-  sheen,
-  uiInk
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/Breadcrumbs/BreadcrumbEntry.tsx
-import Home from "@mui/icons-material/Home";
-import MoreHoriz from "@mui/icons-material/MoreHoriz";
-import Box from "@mui/material/Box/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import Link from "@mui/material/Link/index.js";
-import Tooltip from "@mui/material/Tooltip/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var BreadcrumbLink = styled(Link, {
-  shouldForwardProp: (prop) => prop !== "size" && prop !== "active" && prop !== "visualStyle"
-})(
-  ({ theme, size, active, visualStyle }) => ({
-    ...breadcrumbLinkStyles({ theme, size, active, visualStyle })
-  })
-);
-var BreadcrumbText = styled(Typography, {
-  shouldForwardProp: (prop) => prop !== "size" && prop !== "visualStyle"
-})(({ theme, size, visualStyle }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: theme.spacing(0.5),
-  fontSize: rem(theme, size === "sm" ? 14 : size === "lg" ? 18 : 16),
-  fontWeight: 600,
-  color: theme.palette.primary.main,
-  padding: theme.spacing(0.5, 0.75),
-  borderRadius: theme.spacing(0.75),
-  position: "relative",
-  ...visualStyle === "glass" && {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`,
-    backdropFilter: "blur(4px)",
-    border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`
-  },
-  "& .breadcrumb-icon": {
-    color: theme.palette.primary.main
-  },
-  // Mobile responsiveness
-  [theme.breakpoints.down("sm")]: {
-    fontSize: rem(theme, size === "lg" ? 16 : size === "sm" ? 12 : 14),
-    padding: theme.spacing(0.375, 0.5)
-  }
-}));
-var CollapsedItemsPopover = ({ open, items, dataTestId, onSelect }) => /* @__PURE__ */ jsx(Fade, { in: open, children: /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      background: (theme) => theme.palette.mode === "dark" ? alpha(uiInk(theme).glassSlate, 0.95) : sheen(theme, 0.95),
-      backdropFilter: "blur(10px)",
-      borderRadius: 1,
-      boxShadow: 3,
-      p: 1,
-      minWidth: 150
-    },
-    children: items.map((item, index) => /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "a",
-        href: item.href || "#",
-        onClick: (e) => {
-          onSelect();
-          item.onClick?.(e);
-        },
-        sx: {
-          display: "block",
-          px: 2,
-          py: 1,
-          color: "text.secondary",
-          textDecoration: "none",
-          borderRadius: 0.5,
-          transition: "all 0.2s",
-          "&:hover": {
-            backgroundColor: "action.hover",
-            color: "primary.main"
-          }
-        },
-        "data-testid": dataTestId ? `${dataTestId}-collapsed-item-${index}` : `breadcrumbs-collapsed-item-${index}`,
-        children: item.label
-      },
-      index
-    ))
-  }
-) });
-var CollapsedMenu = ({
-  items,
-  size,
-  visualStyle,
-  copy,
-  dataTestId
-}) => {
-  const [anchorEl, setAnchorEl] = React.useState(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: copy.showMore, arrow: true, children: /* @__PURE__ */ jsx(
-      BreadcrumbLink,
-      {
-        onClick: handleClick,
-        size,
-        visualStyle,
-        sx: { cursor: "pointer" },
-        "data-testid": dataTestId ? `${dataTestId}-collapsed-menu` : "breadcrumbs-collapsed-menu",
-        children: /* @__PURE__ */ jsx(MoreHoriz, { className: "breadcrumb-icon" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          position: "absolute",
-          top: "100%",
-          left: 0,
-          mt: 1,
-          display: open ? "block" : "none",
-          zIndex: 1e3
-        },
-        "data-testid": dataTestId ? `${dataTestId}-collapsed-menu-items` : "breadcrumbs-collapsed-menu-items",
-        children: /* @__PURE__ */ jsx(
-          CollapsedItemsPopover,
-          {
-            open,
-            items,
-            size,
-            visualStyle,
-            dataTestId,
-            onSelect: handleClose
-          }
-        )
-      }
-    )
-  ] });
-};
-var crumbIcon = ({
-  item,
-  isFirst,
-  showHomeIcon,
-  iconSize
-}) => {
-  if (isFirst && showHomeIcon && !item.icon) {
-    return /* @__PURE__ */ jsx(Home, { className: "breadcrumb-icon", fontSize: iconSize });
-  }
-  if (!item.icon) return null;
-  return /* @__PURE__ */ jsx(Box, { component: "span", className: "breadcrumb-icon", sx: { display: "flex", alignItems: "center" }, children: item.icon });
-};
-var EllipsisCrumb = ({
-  label,
-  copy,
-  dataTestId
-}) => /* @__PURE__ */ jsx(Tooltip, { title: copy.moreItems, arrow: true, children: /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      px: 1,
-      color: "text.disabled",
-      cursor: "default",
-      userSelect: "none"
-    },
-    "data-testid": dataTestId ? `${dataTestId}-ellipsis` : "breadcrumbs-ellipsis",
-    children: label
-  }
-) });
-var makeTestId = (dataTestId) => (suffix, own) => own ?? (dataTestId ? `${dataTestId}-${suffix}` : `breadcrumbs-${suffix}`);
-var ClickableCrumb = ({ item, index, icon, size, variant, isActive, testId }) => /* @__PURE__ */ jsx(Tooltip, { title: item.tooltip || item.label, arrow: true, disableHoverListener: !item.tooltip, children: /* @__PURE__ */ jsxs(
-  BreadcrumbLink,
-  {
-    href: item.href || "#",
-    onClick: item.onClick,
-    size,
-    visualStyle: variant,
-    active: isActive,
-    underline: "none",
-    "aria-label": item.ariaLabel || item.label,
-    "data-testid": testId(`link-${index}`, item.dataTestId),
-    children: [
-      icon,
-      /* @__PURE__ */ jsx("span", { children: item.label })
-    ]
-  }
-) });
-var BreadcrumbEntry = ({
-  item,
-  index,
-  itemCount,
-  collapsedItems,
-  collapseBehavior,
-  separator,
-  showHomeIcon,
-  iconSize,
-  size,
-  variant,
-  copy,
-  dataTestId
-}) => {
-  const testId = makeTestId(dataTestId);
-  const isLast = index === itemCount - 1;
-  const isActive = item.active || isLast && !item.isEllipsis;
-  const isCollapsePoint = index === 1 && collapsedItems.length > 0 && collapseBehavior === "menu";
-  if (isCollapsePoint) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        CollapsedMenu,
-        {
-          copy,
-          items: collapsedItems,
-          size,
-          visualStyle: variant,
-          dataTestId
-        }
-      ),
-      separator
-    ] });
-  }
-  if (item.isEllipsis) {
-    return /* @__PURE__ */ jsx(EllipsisCrumb, { copy, label: item.label, dataTestId });
-  }
-  const icon = crumbIcon({ item, isFirst: index === 0, showHomeIcon, iconSize });
-  if (isActive) {
-    return /* @__PURE__ */ jsxs(
-      BreadcrumbText,
-      {
-        size,
-        visualStyle: variant,
-        "aria-current": "page",
-        "data-testid": testId(`item-${index}`, item.dataTestId),
-        children: [
-          icon,
-          /* @__PURE__ */ jsx("span", { children: item.label })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    ClickableCrumb,
-    {
-      item,
-      index,
-      icon,
-      size,
-      variant,
-      isActive,
-      testId
-    }
-  );
-};
-
-export {
-  BreadcrumbEntry
-};
-//# sourceMappingURL=chunk-XZBCPL4N.js.map