@12-apps/ui 6.11.1 → 6.12.1

package/dist/chunk-BCDQPMP4.js

@@ -1,221 +0,0 @@
-// src/components/layout/ContentToolbar/ContentToolbar.tsx
-import { Box, Button, Checkbox, Divider, Typography } from "@mui/material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var selectionButtonSx = {
-  minWidth: 0,
-  height: "auto",
-  borderRadius: 0.5,
-  fontWeight: 600,
-  py: 0.5,
-  px: 1.5,
-  fontSize: "0.75rem",
-  textTransform: "none",
-  color: "text.primary"
-};
-function SelectionCluster({
-  hasSelection,
-  selectedCount,
-  selectAll,
-  clearSelection,
-  actions,
-  selectAllTestId,
-  clearAllTestId,
-  edgeAlign = false,
-  selectAllLabel,
-  selectAllText,
-  clearAllText
-}) {
-  const actionsSlot = actions !== void 0 && /* @__PURE__ */ jsx(Box, { sx: { ml: 0.5, display: "flex", flexShrink: 0, alignItems: "center" }, children: actions });
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        minWidth: 0,
-        // Mobile: don't grow, so the controls sit on the SAME line as the checkbox
-        // (no orphaned selection row). Desktop: grow to push controls right.
-        flex: { xs: "0 0 auto", md: 1 },
-        alignItems: "center",
-        gap: 1.5,
-        ml: edgeAlign ? -1.5 : 0
-      },
-      children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "text",
-            size: "small",
-            color: "inherit",
-            onClick: selectAll,
-            "data-testid": selectAllTestId,
-            sx: { ...selectionButtonSx, display: { xs: "none", md: "inline-flex" } },
-            children: selectAllText
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            size: "small",
-            checked: hasSelection,
-            onChange: (event) => event.target.checked ? selectAll() : clearSelection(),
-            "data-testid": `${selectAllTestId}-checkbox`,
-            inputProps: { "aria-label": selectAllLabel },
-            sx: { p: 0.5, display: { xs: "inline-flex", md: "none" } }
-          }
-        ),
-        hasSelection ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "text",
-              size: "small",
-              color: "inherit",
-              onClick: clearSelection,
-              "data-testid": clearAllTestId,
-              sx: selectionButtonSx,
-              children: clearAllText
-            }
-          ),
-          /* @__PURE__ */ jsx(Divider, { orientation: "vertical", flexItem: true, sx: { height: 16, alignSelf: "center" } }),
-          /* @__PURE__ */ jsxs(
-            Typography,
-            {
-              component: "span",
-              "data-testid": "selected-count-indicator",
-              sx: { fontSize: "0.875rem", color: "text.secondary", whiteSpace: "nowrap", flexShrink: 0 },
-              children: [
-                selectedCount,
-                " ",
-                selectedCount === 1 ? "item" : "items",
-                " selected"
-              ]
-            }
-          ),
-          actionsSlot
-        ] }) : actionsSlot
-      ]
-    }
-  );
-}
-function BrowsingClusters({
-  leadingControls,
-  rightControls,
-  hasSelection,
-  edgeAlign
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    leadingControls !== void 0 && /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          flexGrow: 1,
-          minWidth: 0,
-          // The collapse ladder has a FLOOR — below roughly 400px even the
-          // fully-collapsed row does not fit, and its controls cannot shrink
-          // (they are flexShrink:0 so an over-packed row sheds instead of
-          // squeezing). Past that point this scrolls rather than letting them
-          // paint outside the toolbar, which is what a narrow phone did.
-          overflowX: "auto",
-          // No scrollbar gutter stealing height on the common case.
-          scrollbarWidth: "thin"
-        },
-        children: leadingControls
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          // Same single-line rule as the row itself: this cluster wrapping
-          // INTERNALLY buys a second line just as surely as the row wrapping
-          // does. It bit at exactly 900px, the `md` breakpoint where the "N de
-          // N" counter appears and pushes Exibir/Exportar over the edge.
-          flexWrap: leadingControls === void 0 ? "wrap" : "nowrap",
-          // Tight (5px) when browsing so the controls fit one line beside the
-          // checkbox; roomier (14px) in selection mode where they get their own row.
-          gap: hasSelection ? "14px" : "5px",
-          ml: "auto",
-          mr: edgeAlign ? -1.5 : 0,
-          "& > *": { flexShrink: 0 }
-        },
-        children: rightControls
-      }
-    )
-  ] });
-}
-function ContentToolbar({
-  hasSelection,
-  selectedCount,
-  selectAll,
-  clearSelection,
-  rightControls,
-  leadingControls,
-  actions,
-  selectAllTestId,
-  clearAllTestId,
-  edgeAlign = false,
-  exclusiveSelection = false,
-  selectAllLabel,
-  selectAllText,
-  clearAllText
-}) {
-  const showSelection = !exclusiveSelection || hasSelection;
-  const showControls = !exclusiveSelection || !hasSelection;
-  return (
-    // Two clusters on one line. They may wrap onto separate rows ONLY for a
-    // toolbar without `leadingControls` — one carrying search + filters is
-    // driven by a measured collapse ladder (see `useFilterOverflow`), and a
-    // wrap there is the ladder having failed: it would silently buy a second
-    // row instead of shedding a control into "Mais", which is the one outcome
-    // the ladder exists to prevent.
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          gap: 2,
-          flexWrap: leadingControls === void 0 ? "wrap" : "nowrap",
-          rowGap: 1
-        },
-        children: [
-          showSelection && /* @__PURE__ */ jsx(
-            SelectionCluster,
-            {
-              selectAllText,
-              clearAllText,
-              hasSelection,
-              selectedCount,
-              selectAll,
-              clearSelection,
-              actions,
-              selectAllTestId,
-              clearAllTestId,
-              selectAllLabel,
-              edgeAlign
-            }
-          ),
-          showControls && /* @__PURE__ */ jsx(
-            BrowsingClusters,
-            {
-              leadingControls,
-              rightControls,
-              hasSelection,
-              edgeAlign
-            }
-          )
-        ]
-      }
-    )
-  );
-}
-
-export {
-  ContentToolbar
-};
-//# sourceMappingURL=chunk-BCDQPMP4.js.map

package/dist/chunk-BCDQPMP4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/ContentToolbar.tsx"],"sourcesContent":["'use client';\n\nimport { Box, Button, Checkbox, Divider, Typography } from '@mui/material';\nimport React from 'react';\n\nimport type { ContentToolbarProps } from './ContentToolbar.types';\n\nconst selectionButtonSx = {\n  minWidth: 0,\n  height: 'auto',\n  borderRadius: 0.5,\n  fontWeight: 600,\n  py: 0.5,\n  px: 1.5,\n  fontSize: '0.75rem',\n  textTransform: 'none',\n  color: 'text.primary',\n} as const;\n\ntype SelectionClusterProps = Pick<\n  ContentToolbarProps,\n  | 'hasSelection'\n  | 'selectedCount'\n  | 'selectAll'\n  | 'clearSelection'\n  | 'actions'\n  | 'selectAllTestId'\n  | 'clearAllTestId'\n  | 'edgeAlign'\n  | 'selectAllLabel'\n  | 'selectAllText'\n  | 'clearAllText'\n>;\n\n/** The left cluster: Select All + (when selecting) Clear All / count / actions. */\nfunction SelectionCluster({\n  hasSelection,\n  selectedCount,\n  selectAll,\n  clearSelection,\n  actions,\n  selectAllTestId,\n  clearAllTestId,\n  edgeAlign = false,\n  selectAllLabel,\n  selectAllText,\n  clearAllText,\n}: SelectionClusterProps): React.JSX.Element {\n  const actionsSlot = actions !== undefined && (\n    <Box sx={{ ml: 0.5, display: 'flex', flexShrink: 0, alignItems: 'center' }}>{actions}</Box>\n  );\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        minWidth: 0,\n        // Mobile: don't grow, so the controls sit on the SAME line as the checkbox\n        // (no orphaned selection row). Desktop: grow to push controls right.\n        flex: { xs: '0 0 auto', md: 1 },\n        alignItems: 'center',\n        gap: 1.5,\n        ml: edgeAlign ? -1.5 : 0,\n      }}\n    >\n      {/* Desktop: a \"Select All\" text button (md+). Mobile: a compact checkbox\n          that toggles select-all/clear — the text would eat the tight row. */}\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        onClick={selectAll}\n        data-testid={selectAllTestId}\n        sx={{ ...selectionButtonSx, display: { xs: 'none', md: 'inline-flex' } }}\n      >\n        {selectAllText}\n      </Button>\n      <Checkbox\n        size=\"small\"\n        checked={hasSelection}\n        onChange={(event) => (event.target.checked ? selectAll() : clearSelection())}\n        data-testid={`${selectAllTestId}-checkbox`}\n        inputProps={{ 'aria-label': selectAllLabel }}\n        sx={{ p: 0.5, display: { xs: 'inline-flex', md: 'none' } }}\n      />\n      {hasSelection ? (\n        <>\n          <Button\n            variant=\"text\"\n            size=\"small\"\n            color=\"inherit\"\n            onClick={clearSelection}\n            data-testid={clearAllTestId}\n            sx={selectionButtonSx}\n          >\n            {clearAllText}\n          </Button>\n          <Divider orientation=\"vertical\" flexItem sx={{ height: 16, alignSelf: 'center' }} />\n          <Typography\n            component=\"span\"\n            data-testid=\"selected-count-indicator\"\n            sx={{ fontSize: '0.875rem', color: 'text.secondary', whiteSpace: 'nowrap', flexShrink: 0 }}\n          >\n            {selectedCount} {selectedCount === 1 ? 'item' : 'items'} selected\n          </Typography>\n          {actionsSlot}\n        </>\n      ) : (\n        actionsSlot\n      )}\n    </Box>\n  );\n}\n\n/**\n * The BROWSING half of the toolbar: search + filters on the left, the page's\n * own controls on the right. Split out of {@link ContentToolbar} so that\n * function stays inside the complexity gate — it is layout only, and the\n * decision of whether to show it at all is made by the caller.\n */\nfunction BrowsingClusters({\n  leadingControls,\n  rightControls,\n  hasSelection,\n  edgeAlign,\n}: {\n  leadingControls?: React.ReactNode;\n  rightControls: React.ReactNode;\n  hasSelection: boolean;\n  edgeAlign: boolean;\n}): React.JSX.Element {\n  return (\n    <>\n      {/* minWidth:0 lets this cluster be the one that gives up width as the row\n       * tightens, which is what the filter overflow measures against. */}\n      {leadingControls !== undefined && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            flexGrow: 1,\n            minWidth: 0,\n            // The collapse ladder has a FLOOR — below roughly 400px even the\n            // fully-collapsed row does not fit, and its controls cannot shrink\n            // (they are flexShrink:0 so an over-packed row sheds instead of\n            // squeezing). Past that point this scrolls rather than letting them\n            // paint outside the toolbar, which is what a narrow phone did.\n            overflowX: 'auto',\n            // No scrollbar gutter stealing height on the common case.\n            scrollbarWidth: 'thin',\n          }}\n        >\n          {leadingControls}\n        </Box>\n      )}\n      {/* ml:auto keeps the controls right-aligned even when the cluster wraps to\n       * its own row (where justify-content:space-between would otherwise snap a\n       * lone item to the left); it's a no-op on a shared row. */}\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          // Same single-line rule as the row itself: this cluster wrapping\n          // INTERNALLY buys a second line just as surely as the row wrapping\n          // does. It bit at exactly 900px, the `md` breakpoint where the \"N de\n          // N\" counter appears and pushes Exibir/Exportar over the edge.\n          flexWrap: leadingControls === undefined ? 'wrap' : 'nowrap',\n          // Tight (5px) when browsing so the controls fit one line beside the\n          // checkbox; roomier (14px) in selection mode where they get their own row.\n          gap: hasSelection ? '14px' : '5px',\n          ml: 'auto',\n          mr: edgeAlign ? -1.5 : 0,\n          '& > *': { flexShrink: 0 },\n        }}\n      >\n        {rightControls}\n      </Box>\n    </>\n  );\n}\n\n/**\n * Shared toolbar for content pages (Favorites, Personal Space, Recents, …). The\n * left cluster owns selection chrome — **Select All**, and once items are\n * selected, **Clear All** + an \"N items selected\" count + an optional `actions`\n * slot. The right cluster is a free `rightControls` slot for page-specific\n * controls (ViewSelector, SortByDropdown, MultiSelectDropdown, FilterTrigger).\n *\n * Faithful, generic MUI port of the reference `ContentPageToolbar` — the\n * domain-specific default actions are intentionally left to the consumer via\n * the `actions` slot so this stays agnostic and reusable across projects.\n *\n * @example\n * ```tsx\n * <ContentToolbar\n *   hasSelection={selected.size > 0}\n *   selectedCount={selected.size}\n *   selectAll={selectAll}\n *   clearSelection={clear}\n *   rightControls={\n *     <>\n *       <ViewSelector viewMode={view} onViewModeChange={setView} zoom={zoom} onZoomChange={setZoom} />\n *       <SortByDropdown fields={FIELDS} activeField={field} onFieldChange={setField} />\n *       <MultiSelectDropdown label=\"Content Type\" options={types} selected={typeSet} onToggle={toggle} onClear={clear} />\n *       <FilterTrigger open={panelOpen} onOpenChange={setPanelOpen} hasActiveFilters={hasFilters} />\n *     </>\n *   }\n * />\n * ```\n */\nexport function ContentToolbar({\n  hasSelection,\n  selectedCount,\n  selectAll,\n  clearSelection,\n  rightControls,\n  leadingControls,\n  actions,\n  selectAllTestId,\n  clearAllTestId,\n  edgeAlign = false,\n  exclusiveSelection = false,\n  selectAllLabel,\n  selectAllText,\n  clearAllText,\n}: ContentToolbarProps): React.JSX.Element {\n  // Under `exclusiveSelection` the two states are alternatives, not neighbours:\n  // browsing shows the controls and no checkbox, selecting shows the checkbox\n  // and no controls. Anything else double-books the row.\n  const showSelection = !exclusiveSelection || hasSelection;\n  const showControls = !exclusiveSelection || !hasSelection;\n  return (\n    // Two clusters on one line. They may wrap onto separate rows ONLY for a\n    // toolbar without `leadingControls` — one carrying search + filters is\n    // driven by a measured collapse ladder (see `useFilterOverflow`), and a\n    // wrap there is the ladder having failed: it would silently buy a second\n    // row instead of shedding a control into \"Mais\", which is the one outcome\n    // the ladder exists to prevent.\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        gap: 2,\n        flexWrap: leadingControls === undefined ? 'wrap' : 'nowrap',\n        rowGap: 1,\n      }}\n    >\n      {showSelection && (\n        <SelectionCluster\n          selectAllText={selectAllText}\n          clearAllText={clearAllText}\n          hasSelection={hasSelection}\n          selectedCount={selectedCount}\n          selectAll={selectAll}\n          clearSelection={clearSelection}\n          actions={actions}\n          selectAllTestId={selectAllTestId}\n          clearAllTestId={clearAllTestId}\n          selectAllLabel={selectAllLabel}\n          edgeAlign={edgeAlign}\n        />\n      )}\n\n      {showControls && (\n        <BrowsingClusters\n          leadingControls={leadingControls}\n          rightControls={rightControls}\n          hasSelection={hasSelection}\n          edgeAlign={edgeAlign}\n        />\n      )}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-BD6TZIF7.js

@@ -1,57 +0,0 @@
-// src/components/form/Command/Command.parts.tsx
-import { Box, CircularProgress, Divider, Typography } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CommandEmpty = ({
-  message = "No results found",
-  className,
-  style,
-  dataTestId
-}) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    className,
-    "data-testid": dataTestId,
-    sx: {
-      p: 4,
-      textAlign: "center",
-      color: "text.secondary",
-      ...style
-    },
-    children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: message })
-  }
-);
-var CommandLoading = ({
-  message = "Loading...",
-  className,
-  style,
-  dataTestId
-}) => /* @__PURE__ */ jsxs(
-  Box,
-  {
-    className,
-    "data-testid": dataTestId,
-    sx: {
-      p: 4,
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      gap: 2,
-      ...style
-    },
-    children: [
-      /* @__PURE__ */ jsx(CircularProgress, { size: 24 }),
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: message })
-    ]
-  }
-);
-var CommandSeparator = ({
-  className,
-  style
-}) => /* @__PURE__ */ jsx(Divider, { className, sx: { my: 1, ...style } });
-
-export {
-  CommandEmpty,
-  CommandLoading,
-  CommandSeparator
-};
-//# sourceMappingURL=chunk-BD6TZIF7.js.map

package/dist/chunk-BD6TZIF7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Command/Command.parts.tsx"],"sourcesContent":["import { Box, CircularProgress, Divider, Typography } from '@mui/material';\nimport React from 'react';\n\nimport type {\n  CommandEmptyProps,\n  CommandLoadingProps,\n  CommandSeparatorProps,\n} from './Command.types';\n\nexport const CommandEmpty: React.FC<CommandEmptyProps> = ({\n  message = 'No results found',\n  className,\n  style,\n  dataTestId,\n}) => (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 4,\n        textAlign: 'center',\n        color: 'text.secondary',\n        ...style,\n      }}\n    >\n      <Typography variant=\"body2\">{message}</Typography>\n    </Box>\n  );\n\nexport const CommandLoading: React.FC<CommandLoadingProps> = ({\n  message = 'Loading...',\n  className,\n  style,\n  dataTestId,\n}) => (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 4,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        gap: 2,\n        ...style,\n      }}\n    >\n      <CircularProgress size={24} />\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {message}\n      </Typography>\n    </Box>\n  );\n\nexport const CommandSeparator: React.FC<CommandSeparatorProps> = ({\n  className,\n  style,\n}) => <Divider className={className} sx={{ my: 1, ...style }} />;"],"mappings":";AAAA,SAAS,KAAK,kBAAkB,SAAS,kBAAkB;AAyBrD,cAUF,YAVE;AAhBC,IAAM,eAA4C,CAAC;AAAA,EACxD,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MACI;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAa;AAAA,IACb,IAAI;AAAA,MACF,GAAG;AAAA,MACH,WAAW;AAAA,MACX,OAAO;AAAA,MACP,GAAG;AAAA,IACL;AAAA,IAEA,8BAAC,cAAW,SAAQ,SAAS,mBAAQ;AAAA;AACvC;AAGG,IAAM,iBAAgD,CAAC;AAAA,EAC5D,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MACI;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAa;AAAA,IACb,IAAI;AAAA,MACF,GAAG;AAAA,MACH,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,KAAK;AAAA,MACL,GAAG;AAAA,IACL;AAAA,IAEA;AAAA,0BAAC,oBAAiB,MAAM,IAAI;AAAA,MAC5B,oBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAC/B,mBACH;AAAA;AAAA;AACF;AAGG,IAAM,mBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AACF,MAAM,oBAAC,WAAQ,WAAsB,IAAI,EAAE,IAAI,GAAG,GAAG,MAAM,GAAG;","names":[]}

package/dist/chunk-BF63NETF.js

@@ -1,298 +0,0 @@
-import {
-  SuggestionsList,
-  buildSuggestions,
-  calculatePasswordStrength,
-  defaultRequirements,
-  evaluateRequirements,
-  getStrengthIcon,
-  getStrengthLabel
-} from "./chunk-PWF4PYZL.js";
-
-// src/components/form/PasswordStrength/PasswordStrength.tsx
-import CheckIcon from "@mui/icons-material/Check";
-import CloseIcon from "@mui/icons-material/Close";
-import {
-  alpha,
-  Box,
-  Chip,
-  Fade,
-  keyframes,
-  LinearProgress,
-  Stack,
-  styled,
-  Typography,
-  useTheme
-} from "@mui/material";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var RequirementIcon = ({ met }) => {
-  return met ? /* @__PURE__ */ jsx(CheckIcon, { "data-testid": "check-icon" }) : /* @__PURE__ */ jsx(CloseIcon, { "data-testid": "close-icon" });
-};
-var pulseAnimation = keyframes`
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.7;
-  }
-`;
-var slideInAnimation = keyframes`
-  from {
-    transform: translateX(-10px);
-    opacity: 0;
-  }
-  to {
-    transform: translateX(0);
-    opacity: 1;
-  }
-`;
-var StrengthContainer = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "animated"
-})(({ theme, animated }) => ({
-  width: "100%",
-  padding: theme.spacing(2),
-  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,
-  backdropFilter: "blur(10px)",
-  WebkitBackdropFilter: "blur(10px)",
-  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,
-  borderRadius: theme.shape.borderRadius * 2,
-  transition: animated ? "all 0.3s ease" : "none"
-}));
-var StrengthBar = styled(LinearProgress, {
-  shouldForwardProp: (prop) => prop !== "strength" && prop !== "animated"
-})(({ theme, strength, animated }) => {
-  const getColor = () => {
-    if (strength <= 20) return theme.palette.error.main;
-    if (strength <= 40) return theme.palette.warning.main;
-    if (strength <= 60) return theme.palette.info.main;
-    if (strength <= 80) return theme.palette.success.light;
-    return theme.palette.success.main;
-  };
-  const getGradient = () => {
-    const color = getColor();
-    return `linear-gradient(90deg, ${color} 0%, ${alpha(color, 0.8)} 100%)`;
-  };
-  return {
-    height: 8,
-    borderRadius: 4,
-    backgroundColor: alpha(theme.palette.action.disabled, 0.1),
-    "& .MuiLinearProgress-bar": {
-      borderRadius: 4,
-      background: getGradient(),
-      transition: animated ? "all 0.3s ease" : "none",
-      boxShadow: `0 2px 8px ${alpha(getColor(), 0.3)}`
-    }
-  };
-});
-var RequirementItem = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "met" && prop !== "animated"
-})(({ theme, met, animated }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: theme.spacing(1),
-  padding: theme.spacing(0.75, 1),
-  borderRadius: theme.shape.borderRadius,
-  background: met ? alpha(theme.palette.success.main, 0.08) : alpha(theme.palette.action.disabled, 0.04),
-  transition: animated ? "all 0.3s ease" : "none",
-  animation: animated ? `${slideInAnimation} 0.3s ease` : "none",
-  "& svg": {
-    fontSize: "1rem",
-    color: met ? theme.palette.success.main : theme.palette.text.disabled
-  }
-}));
-var StrengthLabel = styled(Chip, {
-  shouldForwardProp: (prop) => prop !== "strength" && prop !== "animated"
-})(({ theme, strength, animated }) => {
-  const getColor = () => {
-    if (strength <= 20) return theme.palette.error;
-    if (strength <= 40) return theme.palette.warning;
-    if (strength <= 60) return theme.palette.info;
-    if (strength <= 80) return theme.palette.success;
-    return theme.palette.success;
-  };
-  const palette = getColor();
-  return {
-    background: alpha(palette.main, 0.1),
-    color: palette.main,
-    border: `1px solid ${alpha(palette.main, 0.3)}`,
-    fontWeight: 600,
-    animation: animated ? `${pulseAnimation} 2s ease infinite` : "none"
-  };
-});
-var StepsContainer = styled(Box)(({ theme }) => ({
-  display: "flex",
-  gap: theme.spacing(1),
-  marginTop: theme.spacing(2)
-}));
-var Step = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "active" && prop !== "completed" && prop !== "animated"
-})(
-  ({ theme, active, completed, animated }) => ({
-    flex: 1,
-    height: 6,
-    borderRadius: 3,
-    background: completed ? `linear-gradient(90deg, ${theme.palette.success.main} 0%, ${theme.palette.success.light} 100%)` : active ? `linear-gradient(90deg, ${theme.palette.warning.main} 0%, ${theme.palette.warning.light} 100%)` : alpha(theme.palette.action.disabled, 0.2),
-    transition: animated ? "all 0.3s ease" : "none",
-    boxShadow: completed ? `0 2px 8px ${alpha(theme.palette.success.main, 0.3)}` : "none"
-  })
-);
-var StrengthIndicator = ({ variant, strength, animated }) => {
-  const theme = useTheme();
-  switch (variant) {
-    case "circular":
-      return /* @__PURE__ */ jsx(Box, { sx: { position: "relative", display: "inline-flex" }, children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            width: 80,
-            height: 80,
-            borderRadius: "50%",
-            background: `conic-gradient(
-                ${theme.palette.success.main} 0deg ${strength * 3.6}deg,
-                ${alpha(theme.palette.action.disabled, 0.1)} ${strength * 3.6}deg 360deg
-              )`,
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            boxShadow: `0 4px 12px ${alpha(theme.palette.success.main, strength / 200)}`
-          },
-          children: /* @__PURE__ */ jsx(
-            Box,
-            {
-              sx: {
-                width: 64,
-                height: 64,
-                borderRadius: "50%",
-                background: theme.palette.background.paper,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                flexDirection: "column"
-              },
-              children: /* @__PURE__ */ jsxs(Typography, { variant: "h6", fontWeight: "bold", children: [
-                strength,
-                "%"
-              ] })
-            }
-          )
-        }
-      ) });
-    case "steps": {
-      const steps = 5;
-      const activeStep = Math.ceil(strength / 100 * steps);
-      return /* @__PURE__ */ jsx(StepsContainer, { children: Array.from({ length: steps }, (_, i) => /* @__PURE__ */ jsx(Step, { active: i === activeStep - 1, completed: i < activeStep - 1, animated }, i)) });
-    }
-    default:
-      return /* @__PURE__ */ jsx(StrengthBar, { variant: "determinate", value: strength, strength, animated });
-  }
-};
-var StrengthHeading = ({ copy, strength, hasValue, animated }) => /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-  /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: copy.strengthHeading }),
-  hasValue && /* @__PURE__ */ jsx(Fade, { in: true, children: /* @__PURE__ */ jsx(
-    StrengthLabel,
-    {
-      label: getStrengthLabel(strength, copy.bands),
-      icon: getStrengthIcon(strength),
-      size: "small",
-      strength,
-      animated
-    }
-  ) })
-] });
-var RequirementsList = ({ copy, requirements, checks, animated }) => {
-  const rows = [
-    [requirements.minLength, "length", copy.requirements.minLength(requirements.minLength ?? 0)],
-    [requirements.uppercase, "uppercase", copy.requirements.uppercase],
-    [requirements.lowercase, "lowercase", copy.requirements.lowercase],
-    [requirements.numbers, "numbers", copy.requirements.numbers],
-    [requirements.special, "special", copy.requirements.special]
-  ];
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", fontWeight: "medium", children: copy.requirementsHeading }),
-    rows.filter(([enabled]) => Boolean(enabled)).map(([, key, label]) => /* @__PURE__ */ jsxs(RequirementItem, { met: checks[key], animated, children: [
-      /* @__PURE__ */ jsx(RequirementIcon, { met: checks[key] }),
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", children: label })
-    ] }, key))
-  ] });
-};
-var PasswordStrengthBody = ({
-  copy,
-  value,
-  strength,
-  requirements,
-  requirementChecks,
-  suggestions,
-  showStrengthLabel,
-  showRequirements,
-  showSuggestions,
-  variant,
-  animated
-}) => /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
-  showStrengthLabel && /* @__PURE__ */ jsx(
-    StrengthHeading,
-    {
-      copy,
-      strength,
-      hasValue: value.length > 0,
-      animated
-    }
-  ),
-  /* @__PURE__ */ jsx(StrengthIndicator, { variant, strength, animated }),
-  showRequirements && /* @__PURE__ */ jsx(Fade, { in: value.length > 0, children: /* @__PURE__ */ jsx(
-    RequirementsList,
-    {
-      copy,
-      requirements,
-      checks: requirementChecks,
-      animated
-    }
-  ) }),
-  showSuggestions && suggestions.length > 0 && value.length > 0 && /* @__PURE__ */ jsx(Fade, { in: true, children: /* @__PURE__ */ jsx(SuggestionsList, { suggestions, heading: copy.suggestionsHeading }) })
-] });
-var PasswordStrength = ({
-  copy,
-  value = "",
-  showRequirements = true,
-  requirements = defaultRequirements,
-  showStrengthLabel = true,
-  showSuggestions = false,
-  variant = "linear",
-  animated = true,
-  "data-testid": dataTestId
-}) => {
-  const strength = useMemo(
-    () => calculatePasswordStrength(value, requirements),
-    [value, requirements]
-  );
-  const requirementChecks = useMemo(
-    () => evaluateRequirements(value, requirements),
-    [value, requirements]
-  );
-  const suggestions = useMemo(
-    () => buildSuggestions(requirementChecks, copy.suggestions, requirements.minLength ?? 0),
-    [requirementChecks, copy.suggestions, requirements.minLength]
-  );
-  return /* @__PURE__ */ jsx(StrengthContainer, { animated, "data-testid": dataTestId, children: /* @__PURE__ */ jsx(
-    PasswordStrengthBody,
-    {
-      copy,
-      value,
-      strength,
-      requirements,
-      requirementChecks,
-      suggestions,
-      showStrengthLabel,
-      showRequirements,
-      showSuggestions,
-      variant,
-      animated
-    }
-  ) });
-};
-var PasswordStrength_default = PasswordStrength;
-
-export {
-  PasswordStrength,
-  PasswordStrength_default
-};
-//# sourceMappingURL=chunk-BF63NETF.js.map

package/dist/chunk-BF63NETF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/PasswordStrength/PasswordStrength.tsx"],"sourcesContent":["import CheckIcon from '@mui/icons-material/Check';\nimport CloseIcon from '@mui/icons-material/Close';\n\nimport {\n  alpha,\n  Box,\n  Chip,\n  Fade,\n  keyframes,\n  LinearProgress,\n  Stack,\n  styled,\n  Typography,\n  useTheme } from '@mui/material';\nimport type { FC} from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { RequirementChecks } from './PasswordStrength.helpers';\nimport {\n  buildSuggestions,\n  calculatePasswordStrength,\n  defaultRequirements,\n  evaluateRequirements,\n  getStrengthIcon,\n  getStrengthLabel,\n  SuggestionsList } from './PasswordStrength.helpers';\nimport type { PasswordRequirements, PasswordStrengthProps } from './PasswordStrength.types';\nimport type { PasswordStrengthCopy } from '../../../copy';\n\ninterface RequirementIconProps {\n  met: boolean;\n}\n const RequirementIcon: FC<RequirementIconProps> = ({ met }) => {\n  return met ? (\n    <CheckIcon data-testid=\"check-icon\" />\n  ) : (\n    <CloseIcon data-testid=\"close-icon\" />\n  );\n};\n\n// Default requirements\n// Animation keyframes\nconst pulseAnimation = keyframes`\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.7;\n  }\n`;\n\nconst slideInAnimation = keyframes`\n  from {\n    transform: translateX(-10px);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n`;\n\n// Styled components\nconst StrengthContainer = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'animated' })<{ animated?: boolean }>(({ theme, animated }) => ({\n  width: '100%',\n  padding: theme.spacing(2),\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,\n  backdropFilter: 'blur(10px)',\n  WebkitBackdropFilter: 'blur(10px)',\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n  borderRadius: theme.shape.borderRadius * 2,\n  transition: animated ? 'all 0.3s ease' : 'none' }));\n\nconst StrengthBar = styled(LinearProgress, {\n  shouldForwardProp: (prop) => prop !== 'strength' && prop !== 'animated' })<{ strength: number; animated?: boolean }>(({ theme, strength, animated }) => {\n  const getColor = () => {\n    if (strength <= 20) return theme.palette.error.main;\n    if (strength <= 40) return theme.palette.warning.main;\n    if (strength <= 60) return theme.palette.info.main;\n    if (strength <= 80) return theme.palette.success.light;\n    return theme.palette.success.main;\n  };\n\n  const getGradient = () => {\n    const color = getColor();\n    return `linear-gradient(90deg, ${color} 0%, ${alpha(color, 0.8)} 100%)`;\n  };\n\n  return {\n    height: 8,\n    borderRadius: 4,\n    backgroundColor: alpha(theme.palette.action.disabled, 0.1),\n    '& .MuiLinearProgress-bar': {\n      borderRadius: 4,\n      background: getGradient(),\n      transition: animated ? 'all 0.3s ease' : 'none',\n      boxShadow: `0 2px 8px ${alpha(getColor(), 0.3)}` } };\n});\n\nconst RequirementItem = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'met' && prop !== 'animated' })<{ met: boolean; animated?: boolean }>(({ theme, met, animated }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  padding: theme.spacing(0.75, 1),\n  borderRadius: theme.shape.borderRadius,\n  background: met\n    ? alpha(theme.palette.success.main, 0.08)\n    : alpha(theme.palette.action.disabled, 0.04),\n  transition: animated ? 'all 0.3s ease' : 'none',\n  animation: animated ? `${slideInAnimation} 0.3s ease` : 'none',\n  '& svg': {\n    fontSize: '1rem',\n    color: met ? theme.palette.success.main : theme.palette.text.disabled } }));\n\nconst StrengthLabel = styled(Chip, {\n  shouldForwardProp: (prop) => prop !== 'strength' && prop !== 'animated' })<{ strength: number; animated?: boolean }>(({ theme, strength, animated }) => {\n  const getColor = () => {\n    if (strength <= 20) return theme.palette.error;\n    if (strength <= 40) return theme.palette.warning;\n    if (strength <= 60) return theme.palette.info;\n    if (strength <= 80) return theme.palette.success;\n    return theme.palette.success;\n  };\n\n  const palette = getColor();\n\n  return {\n    background: alpha(palette.main, 0.1),\n    color: palette.main,\n    border: `1px solid ${alpha(palette.main, 0.3)}`,\n    fontWeight: 600,\n    animation: animated ? `${pulseAnimation} 2s ease infinite` : 'none' };\n});\n\nconst StepsContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(1),\n  marginTop: theme.spacing(2) }));\n\nconst Step = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'active' && prop !== 'completed' && prop !== 'animated' })<{ active: boolean; completed: boolean; animated?: boolean }>(\n  ({ theme, active, completed, animated }) => ({\n    flex: 1,\n    height: 6,\n    borderRadius: 3,\n    background: completed\n      ? `linear-gradient(90deg, ${theme.palette.success.main} 0%, ${theme.palette.success.light} 100%)`\n      : active\n        ? `linear-gradient(90deg, ${theme.palette.warning.main} 0%, ${theme.palette.warning.light} 100%)`\n        : alpha(theme.palette.action.disabled, 0.2),\n    transition: animated ? 'all 0.3s ease' : 'none',\n    boxShadow: completed ? `0 2px 8px ${alpha(theme.palette.success.main, 0.3)}` : 'none' }),\n);\n\n// The three indicator variants, out of the component body so the render keeps\n// only its own layout branches.\nconst StrengthIndicator: React.FC<{\n  variant: PasswordStrengthProps['variant'];\n  strength: number;\n  animated: boolean;\n}> = ({ variant, strength, animated }) => {\n  const theme = useTheme();\n\n  switch (variant) {\n    case 'circular':\n      return (\n        <Box sx={{ position: 'relative', display: 'inline-flex' }}>\n          <Box\n            sx={{\n              width: 80,\n              height: 80,\n              borderRadius: '50%',\n              background: `conic-gradient(\n                ${theme.palette.success.main} 0deg ${strength * 3.6}deg,\n                ${alpha(theme.palette.action.disabled, 0.1)} ${strength * 3.6}deg 360deg\n              )`,\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              boxShadow: `0 4px 12px ${alpha(theme.palette.success.main, strength / 200)}` }}\n          >\n            <Box\n              sx={{\n                width: 64,\n                height: 64,\n                borderRadius: '50%',\n                background: theme.palette.background.paper,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                flexDirection: 'column' }}\n            >\n              <Typography variant=\"h6\" fontWeight=\"bold\">\n                {strength}%\n              </Typography>\n            </Box>\n          </Box>\n        </Box>\n      );\n\n    case 'steps': {\n      const steps = 5;\n      const activeStep = Math.ceil((strength / 100) * steps);\n      return (\n        <StepsContainer>\n          {Array.from({ length: steps }, (_, i) => (\n            <Step key={i} active={i === activeStep - 1} completed={i < activeStep - 1} animated={animated} />\n          ))}\n        </StepsContainer>\n      );\n    }\n\n    default:\n      return <StrengthBar variant=\"determinate\" value={strength} strength={strength} animated={animated} />;\n  }\n};\n\nconst StrengthHeading: React.FC<{\n  copy: PasswordStrengthCopy;\n  strength: number;\n  hasValue: boolean;\n  animated: boolean;\n}> = ({ copy, strength, hasValue, animated }) => (\n  <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n    <Typography variant=\"body2\" color=\"text.secondary\">\n      {copy.strengthHeading}\n    </Typography>\n    {hasValue && (\n      <Fade in={true}>\n        <StrengthLabel\n          label={getStrengthLabel(strength, copy.bands)}\n          icon={getStrengthIcon(strength)}\n          size=\"small\"\n          strength={strength}\n          animated={animated}\n        />\n      </Fade>\n    )}\n  </Box>\n);\n\n// One row per enabled requirement. Previously five near-identical JSX blocks,\n// each with its own `requirements.x &&` guard.\nconst RequirementsList: React.FC<{\n  copy: PasswordStrengthCopy;\n  requirements: PasswordRequirements;\n  checks: RequirementChecks;\n  animated: boolean;\n}> = ({ copy, requirements, checks, animated }) => {\n  const rows: ReadonlyArray<[unknown, keyof RequirementChecks, React.ReactNode]> = [\n    [requirements.minLength, 'length', copy.requirements.minLength(requirements.minLength ?? 0)],\n    [requirements.uppercase, 'uppercase', copy.requirements.uppercase],\n    [requirements.lowercase, 'lowercase', copy.requirements.lowercase],\n    [requirements.numbers, 'numbers', copy.requirements.numbers],\n    [requirements.special, 'special', copy.requirements.special],\n  ];\n\n  return (\n    <Stack spacing={1}>\n      <Typography variant=\"caption\" color=\"text.secondary\" fontWeight=\"medium\">\n        {copy.requirementsHeading}\n      </Typography>\n      {rows\n        .filter(([enabled]) => Boolean(enabled))\n        .map(([, key, label]) => (\n          <RequirementItem key={key} met={checks[key]} animated={animated}>\n            <RequirementIcon met={checks[key]} />\n            <Typography variant=\"caption\">{label}</Typography>\n          </RequirementItem>\n        ))}\n    </Stack>\n  );\n};\n\n// The visible sections. Kept apart from PasswordStrength itself so the exported\n// component is just prop defaults plus the three memos, and every display guard\n// lives in one place.\nconst PasswordStrengthBody: React.FC<{\n  value: string;\n  strength: number;\n  copy: PasswordStrengthCopy;\n  requirements: PasswordRequirements;\n  requirementChecks: RequirementChecks;\n  suggestions: string[];\n  showStrengthLabel: boolean;\n  showRequirements: boolean;\n  showSuggestions: boolean;\n  variant: PasswordStrengthProps['variant'];\n  animated: boolean;\n}> = ({\n  copy,\n  value,\n  strength,\n  requirements,\n  requirementChecks,\n  suggestions,\n  showStrengthLabel,\n  showRequirements,\n  showSuggestions,\n  variant,\n  animated }) => (\n    <Stack spacing={2}>\n      {showStrengthLabel && (\n        <StrengthHeading\n          copy={copy}\n          strength={strength}\n          hasValue={value.length > 0}\n          animated={animated}\n        />\n      )}\n\n      <StrengthIndicator variant={variant} strength={strength} animated={animated} />\n\n      {showRequirements && (\n        <Fade in={value.length > 0}>\n          <RequirementsList\n            copy={copy}\n            requirements={requirements}\n            checks={requirementChecks}\n            animated={animated}\n          />\n        </Fade>\n      )}\n\n      {showSuggestions && suggestions.length > 0 && value.length > 0 && (\n        <Fade in={true}>\n          <SuggestionsList suggestions={suggestions} heading={copy.suggestionsHeading} />\n        </Fade>\n      )}\n    </Stack>\n);\n\n// Main component\nexport const PasswordStrength: FC<PasswordStrengthProps> = ({\n  copy,\n  value = '',\n  showRequirements = true,\n  requirements = defaultRequirements,\n  showStrengthLabel = true,\n  showSuggestions = false,\n  variant = 'linear',\n  animated = true,\n  'data-testid': dataTestId }) => {\n\n  const strength = useMemo(\n    () => calculatePasswordStrength(value, requirements),\n    [value, requirements],\n  );\n\n  const requirementChecks = useMemo(\n    () => evaluateRequirements(value, requirements),\n    [value, requirements],\n  );\n\n  const suggestions = useMemo(\n    () => buildSuggestions(requirementChecks, copy.suggestions, requirements.minLength ?? 0),\n    [requirementChecks, copy.suggestions, requirements.minLength],\n  );\n\n  return (\n    <StrengthContainer animated={animated} data-testid={dataTestId}>\n      <PasswordStrengthBody\n        copy={copy}\n        value={value}\n        strength={strength}\n        requirements={requirements}\n        requirementChecks={requirementChecks}\n        suggestions={suggestions}\n        showStrengthLabel={showStrengthLabel}\n        showRequirements={showRequirements}\n        showSuggestions={showSuggestions}\n        variant={variant}\n        animated={animated}\n      />\n    </StrengthContainer>\n  );\n};\n\n// Export default\nexport default PasswordStrength;\n"],"mappings":"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","names":[]}