@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-ROT57BP4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-columns-tab.tsx"],"sourcesContent":["\"use client\";\n\nimport ArrowDownwardRoundedIcon from \"@mui/icons-material/ArrowDownwardRounded\";\nimport ArrowUpwardRoundedIcon from \"@mui/icons-material/ArrowUpwardRounded\";\nimport DragIndicatorRoundedIcon from \"@mui/icons-material/DragIndicatorRounded\";\nimport Checkbox from \"@mui/material/Checkbox/index.js\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport type { HideableColumn } from \"./data-views-columns\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/* ── Colunas ─────────────────────────────────────────────────────────────── */\n\ninterface ColumnsTabProps {\n  columns: HideableColumn[];\n  /** Every column id in the CURRENT order (including non-hideable ones). */\n  order: string[];\n  visibleColumns: string[];\n  onToggle: (id: string, visible: boolean) => void;\n  onReorder: (order: string[]) => void;\n  onShowAll: () => void;\n  onReset: () => void;\n  testIdPrefix: string;\n}\n\n/** Swap the column at `id` with its neighbour `delta` places away. */\nfunction moved(order: string[], id: string, delta: number): string[] {\n  const from = order.indexOf(id);\n  const to = from + delta;\n  if (from < 0 || to < 0 || to >= order.length) return order;\n  const next = [...order];\n  [next[from], next[to]] = [next[to]!, next[from]!];\n  return next;\n}\n\n/**\n * Visibility AND order in one list, because they are the same decision: an\n * operator reordering columns is deciding what to read first, and hiding one is\n * deciding not to read it at all. Drag the grip, or use the arrows — the arrows\n * exist because drag-and-drop is unusable by keyboard and awkward on a phone.\n */\nexport function ColumnsTab({\n  columns,\n  order,\n  visibleColumns,\n  onToggle,\n  onReorder,\n  onShowAll,\n  onReset,\n  testIdPrefix,\n}: ColumnsTabProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const [dragId, setDragId] = useState<string | null>(null);\n  const byId = new Map(columns.map((column) => [column.id, column]));\n  const ordered = order.map((id) => byId.get(id)).filter((column): column is HideableColumn => Boolean(column));\n  // Counted against `columns`, which is the HIDEABLE set — `visibleColumns`\n  // also carries the locked ones (a `hideable: false` id like the row's\n  // identifier), and counting it whole reads \"9 de 8 visíveis\".\n  const visibleHideableCount = visibleColumns.filter((id) => byId.has(id)).length;\n\n  const dropOn = (id: string): void => {\n    if (!dragId || dragId === id) return;\n    const without = order.filter((key) => key !== dragId);\n    without.splice(without.indexOf(id), 0, dragId);\n    onReorder(without);\n    setDragId(null);\n  };\n\n  return (\n    <Box>\n      <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", px: 1.5, py: 1 }}>\n        <Text variant=\"caption\" as=\"span\">\n          <Box component=\"span\" sx={{ color: \"text.secondary\" }} data-testid={`${testIdPrefix}-columns-count`}>\n            {copy.columns.visibleCount(visibleHideableCount, columns.length)}\n          </Box>\n        </Text>\n        <Box sx={{ display: \"flex\", gap: 1 }}>\n          <LinkButton label={copy.columns.showAll} onClick={onShowAll} testId={`${testIdPrefix}-columns-show-all`} />\n          <LinkButton label={copy.columns.reset} onClick={onReset} testId={`${testIdPrefix}-columns-reset`} muted />\n        </Box>\n      </Box>\n      <Text variant=\"caption\" as=\"p\">\n        <Box component=\"span\" sx={{ px: 1.5, pb: 0.5, display: \"block\", color: \"text.disabled\" }}>\n          {copy.columns.dragHint}\n        </Box>\n      </Text>\n      <Box sx={{ px: 0.75, pb: 0.75 }}>\n        {ordered.map((column) => (\n          <ColumnRow\n            key={column.id}\n            column={column}\n            visible={visibleColumns.includes(column.id)}\n            dragging={dragId === column.id}\n            onToggle={onToggle}\n            onDragStart={() => setDragId(column.id)}\n            onDragEnd={() => setDragId(null)}\n            onDrop={() => dropOn(column.id)}\n            onMove={(delta) => onReorder(moved(order, column.id, delta))}\n            testIdPrefix={testIdPrefix}\n          />\n        ))}\n      </Box>\n    </Box>\n  );\n}\n\n/** A borderless text action, for the two column resets. */\nfunction LinkButton({\n  label,\n  onClick,\n  testId,\n  muted,\n}: {\n  label: string;\n  onClick: () => void;\n  testId: string;\n  muted?: boolean;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      sx={{\n        border: 0,\n        background: \"none\",\n        cursor: \"pointer\",\n        font: \"inherit\",\n        fontSize: sxRem(12),\n        p: 0,\n        color: muted ? \"text.secondary\" : \"primary.main\",\n        \"&:hover\": { textDecoration: \"underline\" },\n      }}\n    >\n      {label}\n    </Box>\n  );\n}\n\ninterface ColumnRowProps {\n  column: HideableColumn;\n  visible: boolean;\n  dragging: boolean;\n  onToggle: (id: string, visible: boolean) => void;\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDrop: () => void;\n  onMove: (delta: number) => void;\n  testIdPrefix: string;\n}\n\n/** One column: grip, checkbox, label, and the keyboard-reachable move arrows. */\nfunction ColumnRow({\n  column,\n  visible,\n  dragging,\n  onToggle,\n  onDragStart,\n  onDragEnd,\n  onDrop,\n  onMove,\n  testIdPrefix,\n}: ColumnRowProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      draggable\n      onDragStart={onDragStart}\n      onDragEnd={onDragEnd}\n      onDragOver={(event: React.DragEvent) => event.preventDefault()}\n      onDrop={onDrop}\n      data-testid={`${testIdPrefix}-column-row-${column.id}`}\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 0.5,\n        px: 0.75,\n        py: 0.25,\n        borderRadius: 1,\n        opacity: dragging ? 0.4 : 1,\n        \"&:hover\": { bgcolor: \"action.hover\" },\n        \"&:hover .dv-col-move\": { opacity: 1 },\n      }}\n    >\n      <Box component=\"span\" aria-hidden sx={{ display: \"flex\", color: \"action.disabled\", cursor: \"grab\" }}>\n        <DragIndicatorRoundedIcon fontSize=\"small\" />\n      </Box>\n      <Checkbox\n        size=\"small\"\n        checked={visible}\n        onChange={(event) => onToggle(column.id, event.target.checked)}\n        inputProps={{ \"aria-label\": column.label }}\n        data-testid={`${testIdPrefix}-column-toggle-${column.id}`}\n      />\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ flex: 1, color: visible ? \"text.primary\" : \"text.disabled\" }}>\n          {column.label}\n        </Box>\n      </Text>\n      <Box className=\"dv-col-move\" sx={{ ml: \"auto\", display: \"flex\", opacity: 0, transition: \"opacity .15s\" }}>\n        <MoveButton label={copy.columns.moveUp(column.label)} onClick={() => onMove(-1)} up />\n        <MoveButton label={copy.columns.moveDown(column.label)} onClick={() => onMove(1)} />\n      </Box>\n    </Box>\n  );\n}\n\n/** One of the two reorder arrows — the keyboard's path through the drag handle. */\nfunction MoveButton({\n  label,\n  onClick,\n  up,\n}: {\n  label: string;\n  onClick: () => void;\n  up?: boolean;\n}): React.JSX.Element {\n  return (\n    <Box\n      component=\"button\"\n      type=\"button\"\n      aria-label={label}\n      onClick={onClick}\n      sx={{\n        display: \"flex\",\n        border: 0,\n        p: 0.25,\n        background: \"none\",\n        borderRadius: 0.5,\n        cursor: \"pointer\",\n        color: \"text.secondary\",\n        \"&:hover\": { bgcolor: \"action.selected\" },\n      }}\n    >\n      {up ? <ArrowUpwardRoundedIcon sx={{ fontSize: sxRem(14) }} /> : <ArrowDownwardRoundedIcon sx={{ fontSize: sxRem(14) }} />}\n    </Box>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/chunk-RV4Y4O67.js

@@ -0,0 +1,103 @@
+import {
+  arrowColor,
+  emphasisStyles,
+  getSizeStyles,
+  variantStyles
+} from "./chunk-56QVP2MU.js";
+import {
+  resolveTooltipProps,
+  usePinnedTooltip
+} from "./chunk-SCRN2RE4.js";
+
+// src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
+import MuiTooltip from "@mui/material/Tooltip/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledTooltip = styled(MuiTooltip, {
+  shouldForwardProp: (prop) => !["customVariant", "customSize", "glow", "pulse"].includes(prop)
+})(({ theme, customVariant, customSize, glow, pulse }) => {
+  const sizeStyles = getSizeStyles(customSize);
+  return {
+    "& .MuiTooltip-tooltip": {
+      borderRadius: theme.spacing(1),
+      fontSize: sizeStyles.fontSize(theme),
+      padding: sizeStyles.padding,
+      fontWeight: 500,
+      transition: "all 0.3s ease",
+      position: "relative",
+      overflow: "hidden",
+      ...variantStyles(theme, customVariant),
+      ...emphasisStyles(theme, glow, pulse)
+    },
+    "& .MuiTooltip-arrow": {
+      color: arrowColor(theme, customVariant)
+    }
+  };
+});
+var InteractiveTooltip = React.forwardRef(
+  (rawProps, ref) => {
+    const {
+      variant,
+      size,
+      glow,
+      pulse,
+      maxWidth,
+      dataTestId,
+      hoverContent,
+      pinnedContent,
+      clickable,
+      onPin,
+      onUnpin,
+      className,
+      children,
+      ...props
+    } = resolveTooltipProps(rawProps);
+    const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({
+      clickable,
+      onPin,
+      onUnpin
+    });
+    const tooltipContent = isPinned ? pinnedContent : hoverContent;
+    const childElement = children;
+    const childWithProps = React.cloneElement(childElement, {
+      onClick: (e) => {
+        handleClick(e);
+        childElement.props.onClick?.(e);
+      },
+      "data-testid": dataTestId ? `${dataTestId}-trigger` : void 0
+    });
+    return /* @__PURE__ */ jsx("div", { ref: wrapperRef, className, children: /* @__PURE__ */ jsx(
+      StyledTooltip,
+      {
+        ref,
+        customVariant: variant,
+        customSize: size,
+        glow,
+        pulse,
+        title: tooltipContent,
+        open: isPinned ? isControlledOpen : void 0,
+        enterDelay: isPinned ? 0 : 100,
+        leaveDelay: 0,
+        disableHoverListener: isPinned,
+        disableFocusListener: isPinned,
+        disableTouchListener: isPinned,
+        slotProps: {
+          tooltip: {
+            sx: { maxWidth },
+            role: "tooltip",
+            ...dataTestId && { "data-testid": `${dataTestId}-content` }
+          }
+        },
+        ...props,
+        children: childWithProps
+      }
+    ) });
+  }
+);
+InteractiveTooltip.displayName = "InteractiveTooltip";
+
+export {
+  InteractiveTooltip
+};
+//# sourceMappingURL=chunk-RV4Y4O67.js.map

package/dist/chunk-RV4Y4O67.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { resolveTooltipProps, usePinnedTooltip } from './InteractiveTooltip.hooks';\nimport {\n  arrowColor,\n  emphasisStyles,\n  getSizeStyles,\n  variantStyles,\n} from './InteractiveTooltip.styles';\nimport type { InteractiveTooltipProps } from './InteractiveTooltip.types';\n\nconst StyledTooltip = styled(MuiTooltip, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, customSize, glow, pulse }) => {\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    '& .MuiTooltip-tooltip': {\n      borderRadius: theme.spacing(1),\n      fontSize: sizeStyles.fontSize(theme),\n      padding: sizeStyles.padding,\n      fontWeight: 500,\n      transition: 'all 0.3s ease',\n      position: 'relative',\n      overflow: 'hidden',\n      ...variantStyles(theme, customVariant),\n      ...emphasisStyles(theme, glow, pulse),\n    },\n\n    '& .MuiTooltip-arrow': {\n      color: arrowColor(theme, customVariant),\n    },\n  };\n});\n\nexport const InteractiveTooltip = React.forwardRef<HTMLDivElement, InteractiveTooltipProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      size,\n      glow,\n      pulse,\n      maxWidth,\n      dataTestId,\n      hoverContent,\n      pinnedContent,\n      clickable,\n      onPin,\n      onUnpin,\n      className,\n      children,\n      ...props\n    } = resolveTooltipProps(rawProps);\n\n    const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({\n      clickable,\n      onPin,\n      onUnpin,\n    });\n\n    // Determine which content to show\n    const tooltipContent = isPinned ? pinnedContent : hoverContent;\n\n    // Child with click handler and ref\n    const childElement = children as React.ReactElement<{\n      onClick?: (e: React.MouseEvent) => void;\n      'data-testid'?: string;\n    }>;\n\n    const childWithProps = React.cloneElement(childElement, {\n      onClick: (e: React.MouseEvent) => {\n        handleClick(e);\n        // Call original onClick if it exists\n        childElement.props.onClick?.(e);\n      },\n      'data-testid': dataTestId ? `${dataTestId}-trigger` : undefined,\n    });\n\n    return (\n      <div ref={wrapperRef} className={className}>\n        <StyledTooltip\n          ref={ref}\n          customVariant={variant}\n          customSize={size}\n          glow={glow}\n          pulse={pulse}\n          title={tooltipContent}\n          open={isPinned ? isControlledOpen : undefined}\n          enterDelay={isPinned ? 0 : 100}\n          leaveDelay={0}\n          disableHoverListener={isPinned}\n          disableFocusListener={isPinned}\n          disableTouchListener={isPinned}\n          slotProps={{\n            tooltip: {\n              sx: { maxWidth },\n              role: 'tooltip',\n              ...(dataTestId && { 'data-testid': `${dataTestId}-content` }),\n            },\n          }}\n          {...props}\n        >\n          {childWithProps}\n        </StyledTooltip>\n      </div>\n    );\n  },\n);\n\nInteractiveTooltip.displayName = 'InteractiveTooltip';\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,OAAO,WAAW;AAsFV;AA3ER,IAAM,gBAAgB,OAAO,YAAY;AAAA,EACvC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,cAAc,QAAQ,OAAO,EAAE,SAAS,IAAc;AAC7E,CAAC,EAKE,CAAC,EAAE,OAAO,eAAe,YAAY,MAAM,MAAM,MAAM;AACxD,QAAM,aAAa,cAAc,UAAU;AAE3C,SAAO;AAAA,IACL,yBAAyB;AAAA,MACvB,cAAc,MAAM,QAAQ,CAAC;AAAA,MAC7B,UAAU,WAAW,SAAS,KAAK;AAAA,MACnC,SAAS,WAAW;AAAA,MACpB,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG,cAAc,OAAO,aAAa;AAAA,MACrC,GAAG,eAAe,OAAO,MAAM,KAAK;AAAA,IACtC;AAAA,IAEA,uBAAuB;AAAA,MACrB,OAAO,WAAW,OAAO,aAAa;AAAA,IACxC;AAAA,EACF;AACF,CAAC;AAEM,IAAM,qBAAqB,MAAM;AAAA,EACtC,CAAC,UAAU,QAAQ;AACjB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,oBAAoB,QAAQ;AAEhC,UAAM,EAAE,UAAU,kBAAkB,YAAY,YAAY,IAAI,iBAAiB;AAAA,MAC/E;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAGD,UAAM,iBAAiB,WAAW,gBAAgB;AAGlD,UAAM,eAAe;AAKrB,UAAM,iBAAiB,MAAM,aAAa,cAAc;AAAA,MACtD,SAAS,CAAC,MAAwB;AAChC,oBAAY,CAAC;AAEb,qBAAa,MAAM,UAAU,CAAC;AAAA,MAChC;AAAA,MACA,eAAe,aAAa,GAAG,UAAU,aAAa;AAAA,IACxD,CAAC;AAED,WACE,oBAAC,SAAI,KAAK,YAAY,WACpB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAe;AAAA,QACf,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,MAAM,WAAW,mBAAmB;AAAA,QACpC,YAAY,WAAW,IAAI;AAAA,QAC3B,YAAY;AAAA,QACZ,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,WAAW;AAAA,UACT,SAAS;AAAA,YACP,IAAI,EAAE,SAAS;AAAA,YACf,MAAM;AAAA,YACN,GAAI,cAAc,EAAE,eAAe,GAAG,UAAU,WAAW;AAAA,UAC7D;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;","names":[]}

package/dist/chunk-RWTFZ7J5.js

@@ -0,0 +1,225 @@
+import {
+  loadingOverlayStyles,
+  modalContentStyles,
+  titleLeftStyles,
+  titleRightStyles,
+  titleStyles
+} from "./chunk-2NLYGZP3.js";
+import {
+  safeAreaBottom
+} from "./chunk-AKZWDZCZ.js";
+
+// src/components/feedback/StackedModal/StackedModal.parts.tsx
+import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
+import CloseIcon from "@mui/icons-material/Close";
+import Box from "@mui/material/Box/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import DialogActions from "@mui/material/DialogActions/index.js";
+import DialogContent from "@mui/material/DialogContent/index.js";
+import DialogTitle from "@mui/material/DialogTitle/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Skeleton from "@mui/material/Skeleton/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { styled } from "@mui/material/styles/index.js";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var StyledDialogTitle = styled(DialogTitle, {
+  shouldForwardProp: (prop) => prop !== "rtl"
+})(({ theme, rtl }) => titleStyles(theme, rtl));
+var DialogTitleLeft = styled(Box)(({ theme }) => titleLeftStyles(theme));
+var DialogTitleRight = styled(Box)(({ theme }) => titleRightStyles(theme));
+var LoadingOverlay = styled(Box)(({ theme }) => loadingOverlayStyles(theme));
+var StackedModalContent = styled(DialogContent)(
+  ({ theme }) => modalContentStyles(theme)
+);
+var testId = (base, suffix) => base ? `${base}-${suffix}` : void 0;
+var StackedModalActions = ({ children }) => /* @__PURE__ */ jsx(Fragment, { children });
+var splitModalChildren = (children) => {
+  let actions = null;
+  React.Children.forEach(children, (child) => {
+    if (React.isValidElement(child) && child.type === StackedModalActions) {
+      actions = child.props.children;
+    }
+  });
+  const content = React.Children.toArray(children).filter(
+    (child) => !(React.isValidElement(child) && child.type === StackedModalActions)
+  );
+  return { content, actions };
+};
+var resolveModalContent = (children, actions, isMobile) => {
+  const { content, actions: childActions } = splitModalChildren(children);
+  const modalActions = childActions ?? actions;
+  return {
+    content,
+    modalActions,
+    headerActions: isMobile ? null : modalActions,
+    hasMobileActions: Boolean(isMobile && modalActions)
+  };
+};
+var modalAriaIds = (modalId, ariaLabelledBy, ariaDescribedBy) => ({
+  titleId: ariaLabelledBy || `modal-title-${modalId}`,
+  descId: ariaDescribedBy || `modal-desc-${modalId}`
+});
+var ModalLoadingOverlay = ({
+  loadingText,
+  dataTestId
+}) => /* @__PURE__ */ jsxs(LoadingOverlay, { "data-testid": testId(dataTestId, "loading-overlay"), children: [
+  /* @__PURE__ */ jsx(CircularProgress, { size: 40, "data-testid": testId(dataTestId, "loading-spinner") }),
+  loadingText && /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 2 }, "data-testid": testId(dataTestId, "loading-text"), children: loadingText })
+] });
+var HeaderLeadingButton = ({ canGoBack, onBack, backLabel, onClose, hideClose, rtl, dataTestId }) => {
+  if (canGoBack) {
+    return /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        edge: "start",
+        color: "inherit",
+        onClick: onBack,
+        "aria-label": backLabel,
+        size: "small",
+        sx: { transform: rtl ? "rotate(180deg)" : "none" },
+        "data-testid": testId(dataTestId, "back-button"),
+        children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+      }
+    );
+  }
+  if (hideClose) return null;
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      edge: "start",
+      color: "inherit",
+      onClick: onClose,
+      "aria-label": "close",
+      size: "small",
+      "data-testid": testId(dataTestId, "close-button"),
+      children: /* @__PURE__ */ jsx(CloseIcon, {})
+    }
+  );
+};
+var ModalHeader = ({
+  titleId,
+  navigationTitle,
+  canGoBack,
+  onBack,
+  onClose,
+  hideClose,
+  backLabel,
+  headerActions,
+  rtl,
+  dataTestId
+}) => /* @__PURE__ */ jsxs(StyledDialogTitle, { id: titleId, rtl, "data-testid": testId(dataTestId, "header"), children: [
+  /* @__PURE__ */ jsxs(DialogTitleLeft, { children: [
+    /* @__PURE__ */ jsx(
+      HeaderLeadingButton,
+      {
+        canGoBack,
+        onBack,
+        backLabel,
+        onClose,
+        hideClose,
+        rtl,
+        dataTestId
+      }
+    ),
+    navigationTitle && /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "h6",
+        component: "h2",
+        noWrap: true,
+        sx: { ml: canGoBack || !hideClose ? 1 : 0 },
+        "data-testid": testId(dataTestId, "title"),
+        children: navigationTitle
+      }
+    )
+  ] }),
+  /* @__PURE__ */ jsx(DialogTitleRight, { "data-testid": testId(dataTestId, "header-actions"), children: headerActions })
+] });
+var ContentSkeleton = () => /* @__PURE__ */ jsxs(Box, { sx: { p: 3 }, children: [
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "60%", height: 32 }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "100%" }),
+  /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", height: 200, sx: { mt: 2 } })
+] });
+var ModalBody = ({
+  descId,
+  showSkeleton,
+  endsPanel,
+  dataTestId,
+  children
+}) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    id: descId,
+    sx: {
+      position: "relative",
+      flex: 1,
+      overflow: "auto",
+      // iOS momentum scrolling, and no scroll-chaining to the page behind —
+      // without `contain`, an overscroll at the end of the list rubber-bands the
+      // whole panel and springs back before the last row can be tapped.
+      WebkitOverflowScrolling: "touch",
+      overscrollBehavior: "contain",
+      // The content itself ends the panel when there is no action bar, so it has
+      // to clear the home indicator on its own.
+      ...endsPanel ? safeAreaBottom(0) : {}
+    },
+    "data-testid": testId(dataTestId, "content"),
+    children: showSkeleton ? /* @__PURE__ */ jsx(ContentSkeleton, {}) : children
+  }
+);
+var ModalFooter = ({
+  dataTestId,
+  children
+}) => /* @__PURE__ */ jsx(
+  DialogActions,
+  {
+    sx: {
+      borderTop: (theme) => `1px solid ${theme.palette.divider}`,
+      padding: 2,
+      // Never let the action row sit under the iOS home indicator.
+      flexShrink: 0,
+      ...safeAreaBottom(16)
+    },
+    "data-testid": testId(dataTestId, "footer"),
+    children
+  }
+);
+var ModalPanelContents = ({
+  showSkeleton,
+  loadingText,
+  descId,
+  content,
+  modalActions,
+  hasMobileActions,
+  ...header
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  showSkeleton && /* @__PURE__ */ jsx(ModalLoadingOverlay, { loadingText, dataTestId: header.dataTestId }),
+  /* @__PURE__ */ jsx(ModalHeader, { ...header }),
+  /* @__PURE__ */ jsx(
+    ModalBody,
+    {
+      descId,
+      showSkeleton,
+      endsPanel: !hasMobileActions,
+      dataTestId: header.dataTestId,
+      children: content
+    }
+  ),
+  hasMobileActions && /* @__PURE__ */ jsx(ModalFooter, { dataTestId: header.dataTestId, children: modalActions })
+] });
+
+export {
+  StackedModalContent,
+  testId,
+  StackedModalActions,
+  resolveModalContent,
+  modalAriaIds,
+  ModalLoadingOverlay,
+  ModalHeader,
+  ModalBody,
+  ModalFooter,
+  ModalPanelContents
+};
+//# sourceMappingURL=chunk-RWTFZ7J5.js.map

package/dist/chunk-SAIO6EBW.js

@@ -0,0 +1,92 @@
+// src/components/form/PasswordStrength/PasswordStrength.helpers.tsx
+import SecurityIcon from "@mui/icons-material/Security";
+import SuccessIcon from "@mui/icons-material/CheckCircle";
+import WarningIcon from "@mui/icons-material/Warning";
+import Box from "@mui/material/Box/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultRequirements = {
+  minLength: 8,
+  uppercase: true,
+  lowercase: true,
+  numbers: true,
+  special: true
+};
+var SPECIAL_CHARACTERS = /[!@#$%^&*(),.?":{}|<>]/;
+var DEFAULT_MIN_LENGTH = 8;
+var REQUIREMENT_POINTS = {
+  length: 20,
+  uppercase: 10,
+  lowercase: 10,
+  numbers: 15,
+  special: 15
+};
+var evaluateRequirements = (password, requirements) => {
+  if (!password) {
+    return { length: false, uppercase: false, lowercase: false, numbers: false, special: false };
+  }
+  return {
+    length: password.length >= (requirements.minLength || DEFAULT_MIN_LENGTH),
+    uppercase: !requirements.uppercase || /[A-Z]/.test(password),
+    lowercase: !requirements.lowercase || /[a-z]/.test(password),
+    numbers: !requirements.numbers || /\d/.test(password),
+    special: !requirements.special || SPECIAL_CHARACTERS.test(password)
+  };
+};
+var lengthBonus = (length) => {
+  const base = Math.min(length * 3, 30);
+  const over12 = length > 12 ? 10 : 0;
+  const over16 = length > 16 ? 10 : 0;
+  return base + over12 + over16;
+};
+var calculatePasswordStrength = (password, requirements) => {
+  if (!password) return 0;
+  const checks = evaluateRequirements(password, requirements);
+  const earned = Object.entries(REQUIREMENT_POINTS).reduce(
+    (total, [key, points]) => total + (checks[key] ? points : 0),
+    0
+  );
+  return Math.min(earned + lengthBonus(password.length), 100);
+};
+var STRENGTH_BANDS = [
+  [20, "veryWeak"],
+  [40, "weak"],
+  [60, "fair"],
+  [80, "good"]
+];
+var getStrengthLabel = (strength, bands) => bands[STRENGTH_BANDS.find(([ceiling]) => strength <= ceiling)?.[1] ?? "strong"];
+var getStrengthIcon = (strength) => {
+  if (strength <= 40) return /* @__PURE__ */ jsx(WarningIcon, {});
+  if (strength <= 80) return /* @__PURE__ */ jsx(SecurityIcon, {});
+  return /* @__PURE__ */ jsx(SuccessIcon, {});
+};
+var SUGGESTION_KEYS = [
+  ["length", "minLength"],
+  ["uppercase", "uppercase"],
+  ["lowercase", "lowercase"],
+  ["numbers", "numbers"],
+  ["special", "special"]
+];
+var buildSuggestions = (checks, copy, minLength) => SUGGESTION_KEYS.filter(([check]) => !checks[check]).map(
+  ([, key]) => key === "minLength" ? copy.minLength(minLength) : copy[key]
+);
+var SuggestionsList = React.forwardRef(({ suggestions, heading }, ref) => /* @__PURE__ */ jsxs(Box, { ref, children: [
+  /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", fontWeight: "medium", children: heading }),
+  /* @__PURE__ */ jsx(Box, { sx: { mt: 1 }, children: suggestions.map((tip) => /* @__PURE__ */ jsxs(Typography, { variant: "caption", display: "block", color: "warning.main", sx: { ml: 2 }, children: [
+    "\u2022 ",
+    tip
+  ] }, tip)) })
+] }));
+SuggestionsList.displayName = "SuggestionsList";
+
+export {
+  defaultRequirements,
+  evaluateRequirements,
+  calculatePasswordStrength,
+  getStrengthLabel,
+  getStrengthIcon,
+  buildSuggestions,
+  SuggestionsList
+};
+//# sourceMappingURL=chunk-SAIO6EBW.js.map

package/dist/chunk-SAIO6EBW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PasswordStrength/PasswordStrength.helpers.tsx"],"sourcesContent":["import SecurityIcon from '@mui/icons-material/Security';\nimport SuccessIcon from '@mui/icons-material/CheckCircle';\nimport WarningIcon from '@mui/icons-material/Warning';\nimport Box from '@mui/material/Box/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React from 'react';\n\nimport type { PasswordRequirementCopy, PasswordStrengthCopy } from '../../../copy';\nimport type { PasswordRequirements } from './PasswordStrength.types';\n\nexport const defaultRequirements: PasswordRequirements = {\n  minLength: 8,\n  uppercase: true,\n  lowercase: true,\n  numbers: true,\n  special: true,\n};\n\n\nconst SPECIAL_CHARACTERS = /[!@#$%^&*(),.?\":{}|<>]/;\nconst DEFAULT_MIN_LENGTH = 8;\n\n// Points awarded per satisfied requirement.\nconst REQUIREMENT_POINTS = {\n  length: 20,\n  uppercase: 10,\n  lowercase: 10,\n  numbers: 15,\n  special: 15,\n} as const;\n\nexport type RequirementChecks = Record<keyof typeof REQUIREMENT_POINTS, boolean>;\n\n// A requirement that is switched off counts as satisfied. This was previously\n// written out twice — once to score the password and once to render the\n// checklist — so the two could drift.\nexport const evaluateRequirements = (\n  password: string,\n  requirements: PasswordRequirements,\n): RequirementChecks => {\n  if (!password) {\n    return { length: false, uppercase: false, lowercase: false, numbers: false, special: false };\n  }\n\n  return {\n    length: password.length >= (requirements.minLength || DEFAULT_MIN_LENGTH),\n    uppercase: !requirements.uppercase || /[A-Z]/.test(password),\n    lowercase: !requirements.lowercase || /[a-z]/.test(password),\n    numbers: !requirements.numbers || /\\d/.test(password),\n    special: !requirements.special || SPECIAL_CHARACTERS.test(password),\n  };\n};\n\nconst lengthBonus = (length: number): number => {\n  const base = Math.min(length * 3, 30);\n  const over12 = length > 12 ? 10 : 0;\n  const over16 = length > 16 ? 10 : 0;\n\n  return base + over12 + over16;\n};\n\nexport const calculatePasswordStrength = (\n  password: string,\n  requirements: PasswordRequirements,\n): number => {\n  if (!password) return 0;\n\n  const checks = evaluateRequirements(password, requirements);\n  const earned = Object.entries(REQUIREMENT_POINTS).reduce(\n    (total, [key, points]) => total + (checks[key as keyof RequirementChecks] ? points : 0),\n    0,\n  );\n\n  return Math.min(earned + lengthBonus(password.length), 100);\n};\n\n// The four ceilings, and which band each one names. The band NAMES come from\n// the host's table — only the thresholds are ours.\nconst STRENGTH_BANDS: ReadonlyArray<[number, keyof PasswordStrengthCopy['bands']]> = [\n  [20, 'veryWeak'],\n  [40, 'weak'],\n  [60, 'fair'],\n  [80, 'good'],\n];\n\nexport const getStrengthLabel = (\n  strength: number,\n  bands: PasswordStrengthCopy['bands'],\n): string => bands[STRENGTH_BANDS.find(([ceiling]) => strength <= ceiling)?.[1] ?? 'strong'];\n\nexport const getStrengthIcon = (strength: number) => {\n  if (strength <= 40) return <WarningIcon />;\n  if (strength <= 80) return <SecurityIcon />;\n  return <SuccessIcon />;\n};\n\n// One tip per unmet requirement, in checklist order. The `length` tip carries\n// the configured minimum, so the number in the sentence is the one enforced.\nconst SUGGESTION_KEYS: ReadonlyArray<[keyof RequirementChecks, keyof PasswordRequirementCopy]> = [\n  ['length', 'minLength'],\n  ['uppercase', 'uppercase'],\n  ['lowercase', 'lowercase'],\n  ['numbers', 'numbers'],\n  ['special', 'special'],\n];\n\nexport const buildSuggestions = (\n  checks: RequirementChecks,\n  copy: PasswordRequirementCopy,\n  minLength: number,\n): string[] =>\n  SUGGESTION_KEYS.filter(([check]) => !checks[check]).map(([, key]) =>\n    key === 'minLength' ? copy.minLength(minLength) : copy[key],\n  );\n\n// Rendered by PasswordStrength; depends on nothing styled, so it lives beside\n// the pure helpers rather than in the component file. `forwardRef` because it\n// is `Fade`'s child, and Fade reads `scrollTop` off the node it is handed.\n// Only the ref: Fade's injected `style` (opacity/visibility) is still dropped.\nexport const SuggestionsList = React.forwardRef<\n  HTMLDivElement,\n  { suggestions: string[]; heading: string }\n>(({ suggestions, heading }, ref) => (\n  <Box ref={ref}>\n    <Typography variant=\"caption\" color=\"text.secondary\" fontWeight=\"medium\">\n      {heading}\n    </Typography>\n    <Box sx={{ mt: 1 }}>\n      {suggestions.map((tip) => (\n        <Typography key={tip} variant=\"caption\" display=\"block\" color=\"warning.main\" sx={{ ml: 2 }}>\n          • {tip}\n        </Typography>\n      ))}\n    </Box>\n  </Box>\n));\nSuggestionsList.displayName = 'SuggestionsList';\n"],"mappings":"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","names":[]}