@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-LMXWI3DD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelSurface.tsx"],"sourcesContent":["'use client';\n\nimport Drawer from '@mui/material/Drawer/index.js';\nimport Popover from '@mui/material/Popover/index.js';\n\nimport { stackedOverlayZIndex } from '../../../tokens/layers';\n\n/** Chrome-free surface props: the panel draws its own border and shadow. */\nconst BARE_PAPER = { background: 'transparent', boxShadow: 'none' } as const;\n\n/**\n * Both surfaces clear the sheet ladder rather than taking MUI's default.\n *\n * A `Popover` defaults to `zIndex.modal` and a temporary `Drawer` to\n * `zIndex.drawer`, one step lower still — and `StackedModal` gives its second\n * panel 1310. So this panel opened UNDER the sheet that opened it, and, being a\n * live modal with an unreachable backdrop, took the focus of every field around\n * it with no way to dismiss it (12-57). See `tokens/layers`.\n */\nconst ABOVE_SHEETS = { zIndex: stackedOverlayZIndex } as const;\n\ninterface SurfaceProps {\n  open: boolean;\n  /** True below the sheet breakpoint — anchor to the bottom edge instead. */\n  sheet: boolean;\n  anchorEl: HTMLElement | null;\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\n/**\n * Where the panel lives: anchored under the trigger on a pointer, or a bottom\n * sheet on a phone.\n *\n * Both surfaces are modal, which is what gives the panel its dismiss-on-outside,\n * Esc handling and focus containment for free rather than hand-rolled.\n */\nexport function CategoryPanelSurface({\n  open,\n  sheet,\n  anchorEl,\n  onClose,\n  children,\n}: SurfaceProps): React.JSX.Element {\n  if (sheet) {\n    return (\n      <Drawer\n        anchor=\"bottom\"\n        open={open}\n        onClose={onClose}\n        sx={ABOVE_SHEETS}\n        slotProps={{ paper: { sx: BARE_PAPER } }}\n      >\n        {children}\n      </Drawer>\n    );\n  }\n  return (\n    <Popover\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n      marginThreshold={8}\n      sx={ABOVE_SHEETS}\n      slotProps={{ paper: { sx: { ...BARE_PAPER, marginTop: '6px', overflow: 'visible' } } }}\n    >\n      {children}\n    </Popover>\n  );\n}\n"],"mappings":";;;;;AAEA,OAAO,YAAY;AACnB,OAAO,aAAa;AA2Cd;AAtCN,IAAM,aAAa,EAAE,YAAY,eAAe,WAAW,OAAO;AAWlE,IAAM,eAAe,EAAE,QAAQ,qBAAqB;AAkB7C,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,MAAI,OAAO;AACT,WACE;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW,EAAE,OAAO,EAAE,IAAI,WAAW,EAAE;AAAA,QAEtC;AAAA;AAAA,IACH;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,EAAE,UAAU,UAAU,YAAY,OAAO;AAAA,MACvD,iBAAiB,EAAE,UAAU,OAAO,YAAY,OAAO;AAAA,MACvD,iBAAiB;AAAA,MACjB,IAAI;AAAA,MACJ,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,YAAY,WAAW,OAAO,UAAU,UAAU,EAAE,EAAE;AAAA,MAEpF;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-LOJK733T.js

@@ -1,165 +0,0 @@
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  DropdownMenu
-} from "./chunk-VFHGILXI.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-KH25WUSX.js";
-
-// src/components/data-display/DataViews/data-views-grid-helpers.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function isActionsColumn(col) {
-  return col.type === "actions" || col.id === "actions";
-}
-function buildGridColumns(columns, visibleColumns, onRowClick) {
-  return columns.map((col) => {
-    const hidden = col.hideable !== false && !visibleColumns.includes(col.id);
-    if (!onRowClick || isActionsColumn(col)) return { ...col, hidden };
-    return {
-      ...col,
-      hidden,
-      cell: (ctx) => {
-        const content = col.cell ? col.cell(ctx) : ctx.value == null ? "" : String(ctx.value);
-        return /* @__PURE__ */ jsx(
-          default2,
-          {
-            onClick: () => onRowClick(ctx.row),
-            sx: { cursor: "pointer", width: "100%", height: "100%", display: "flex", alignItems: "center" },
-            children: content
-          }
-        );
-      }
-    };
-  });
-}
-function buildRowActionsColumn(config) {
-  const { rowActions, leading, testIdPrefix, getRowId, renderRowMenu } = config;
-  const kebabActions = rowActions.filter((action) => action.row !== false);
-  return {
-    id: "actions",
-    header: "",
-    type: "actions",
-    enableSort: false,
-    hideable: false,
-    // Narrow: the column only holds the "⋮" kebab (plus an optional leading icon),
-    // so it needs room for just one or two icons.
-    width: leading ? 72 : 44,
-    cell: ({ row }) => /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 2, justifyContent: "flex-end" }, children: [
-      leading?.(row),
-      renderRowMenu ? renderRowMenu(row) : renderAutoKebab(kebabActions, row, testIdPrefix, getRowId)
-    ] })
-  };
-}
-function renderAutoKebab(kebabActions, row, testIdPrefix, getRowId) {
-  const copy = useDataViewsCopy();
-  const items = kebabActions.filter((action) => action.isVisible?.(row) ?? true).map((action) => ({
-    id: action.id,
-    label: action.rowLabel ? action.rowLabel(row) : action.label,
-    color: action.color,
-    onClick: () => void action.onSelect([row])
-  }));
-  if (items.length === 0) return null;
-  return /* @__PURE__ */ jsx(
-    DropdownMenu,
-    {
-      size: "sm",
-      items,
-      trigger: /* @__PURE__ */ jsx(Button, { variant: "text", size: "sm", dataTestId: `${testIdPrefix}-actions-${getRowId(row)}`, "aria-label": copy.grid.rowActions, children: "\u22EE" })
-    }
-  );
-}
-function defaultSortFields(columns) {
-  return columns.filter(
-    (col) => col.enableSort !== false && col.type !== "actions" && col.id !== "actions" && typeof col.header === "string" && col.header !== ""
-  ).map((col) => ({
-    value: col.id,
-    label: col.header,
-    orderOptions: [
-      { value: "asc", label: "Crescente" },
-      { value: "desc", label: "Decrescente" }
-    ]
-  }));
-}
-function computeActiveFilterCount(state, fields, rangeFields) {
-  const ranges = state.ranges ?? {};
-  const pillCount = fields.reduce((n, field) => n + ((state.pills[field.id]?.length ?? 0) > 0 ? 1 : 0), 0);
-  const rangeCount = rangeFields.reduce((n, field) => {
-    const range = ranges[field.id];
-    return n + (range && (range.min != null || range.max != null) ? 1 : 0);
-  }, 0);
-  return (state.search.trim() ? 1 : 0) + pillCount + rangeCount;
-}
-function bulkMenuItems(rowActions, selectedRows, clearSelection) {
-  return rowActions.filter((action) => action.bulk !== false).map((action) => {
-    const targets = action.isVisible ? selectedRows.filter(action.isVisible) : selectedRows;
-    return { action, targets };
-  }).filter(({ targets }) => targets.length > 0).map(({ action, targets }) => ({
-    id: action.id,
-    label: action.label,
-    color: action.color,
-    onClick: () => {
-      const result = action.onSelect(targets);
-      if (result instanceof Promise) {
-        void result.then(
-          () => clearSelection(),
-          () => {
-          }
-        );
-      } else {
-        clearSelection();
-      }
-    }
-  }));
-}
-function renderBulkActions({
-  rowActions,
-  bulkActions,
-  selectedRows,
-  clearSelection,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  if (selectedRows.length === 0) return void 0;
-  if (rowActions) {
-    const items = bulkMenuItems(rowActions, selectedRows, clearSelection);
-    if (items.length === 0) return void 0;
-    return /* @__PURE__ */ jsx(
-      DropdownMenu,
-      {
-        size: "sm",
-        items,
-        trigger: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", dataTestId: `${testIdPrefix}-bulk-actions`, children: copy.grid.bulkActions(selectedRows.length) })
-      }
-    );
-  }
-  return bulkActions ? bulkActions(selectedRows, clearSelection) : void 0;
-}
-function togglePillValues(current, value, checked) {
-  const list = current ?? [];
-  return checked ? [...list, value] : list.filter((v) => v !== value);
-}
-function cardGridTracks(targetWidth) {
-  return {
-    gridTemplateColumns: {
-      xs: "1fr",
-      sm: `repeat(auto-fill, minmax(${targetWidth}px, 1fr))`
-    }
-  };
-}
-
-export {
-  isActionsColumn,
-  buildGridColumns,
-  buildRowActionsColumn,
-  defaultSortFields,
-  computeActiveFilterCount,
-  renderBulkActions,
-  togglePillValues,
-  cardGridTracks
-};
-//# sourceMappingURL=chunk-LOJK733T.js.map

package/dist/chunk-LOJK733T.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-helpers.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { type GridColumn } from \"../DataGrid\";\nimport { type SortFieldDefinition } from \"../../layout/ContentToolbar\";\nimport { Box } from \"../../../mui/Box\";\nimport { Button } from \"../../form/Button\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../../navigation/DropdownMenu\";\n\nimport type {\n  DataViewColumn,\n  DataViewState,\n  FilterFieldConfig,\n  RangeFieldConfig,\n  RowAction,\n} from \"./data-views-types\";\n\n/** Is this the non-clickable actions column? */\nexport function isActionsColumn<T extends Record<string, unknown>>(col: GridColumn<T>): boolean {\n  return col.type === \"actions\" || col.id === \"actions\";\n}\n\n/**\n * Map the DataView columns to grid columns, applying visibility and — when a row\n * click handler is present — wrapping each non-actions cell so clicking opens the row.\n */\nexport function buildGridColumns<T extends Record<string, unknown>>(\n  columns: DataViewColumn<T>[],\n  visibleColumns: string[],\n  onRowClick: ((row: T) => void) | undefined,\n): GridColumn<T>[] {\n  return columns.map((col) => {\n    const hidden = col.hideable !== false && !visibleColumns.includes(col.id);\n    if (!onRowClick || isActionsColumn(col)) return { ...col, hidden };\n    return {\n      ...col,\n      hidden,\n      cell: (ctx) => {\n        const content = col.cell ? col.cell(ctx) : ctx.value == null ? \"\" : String(ctx.value);\n        return (\n          <Box\n            onClick={() => onRowClick(ctx.row)}\n            sx={{ cursor: \"pointer\", width: \"100%\", height: \"100%\", display: \"flex\", alignItems: \"center\" }}\n          >\n            {content}\n          </Box>\n        );\n      },\n    };\n  });\n}\n\ninterface ActionsColumnConfig<T extends Record<string, unknown>> {\n  /** Actions that build the auto \"⋮\" kebab. Ignored when `renderRowMenu` is set. */\n  rowActions: RowAction<T>[];\n  /** Optional leading slot (e.g. a favourite star) rendered before the kebab. */\n  leading?: (row: T) => React.ReactNode;\n  testIdPrefix: string;\n  getRowId: (row: T) => string | number;\n  /**\n   * Escape hatch: render a bespoke per-row menu (e.g. an entity's self-contained\n   * 3-dots menu that owns its own popups) INSTEAD of the auto kebab built from\n   * `rowActions`. This is how the table row and the card share ONE menu component.\n   * `rowActions`/`bulkActions` still drive the multi-row bulk menu, which a\n   * single-row menu intentionally does not replace.\n   */\n  renderRowMenu?: (row: T) => React.ReactNode;\n}\n\n/**\n * The auto \"⋮\" kebab actions column built from the reusable `rowActions` — the\n * SAME definitions that feed the bulk menu, so the two never drift. Each item\n * acts on just this row; `rowLabel` provides a per-row label when set. An\n * optional `leading` slot (e.g. a favourite star) renders before the kebab.\n * When `renderRowMenu` is supplied, the cell renders that bespoke menu instead.\n */\nexport function buildRowActionsColumn<T extends Record<string, unknown>>(\n  config: ActionsColumnConfig<T>,\n): DataViewColumn<T> {\n  const { rowActions, leading, testIdPrefix, getRowId, renderRowMenu } = config;\n  const kebabActions = rowActions.filter((action) => action.row !== false);\n  return {\n    id: \"actions\",\n    header: \"\",\n    type: \"actions\",\n    enableSort: false,\n    hideable: false,\n    // Narrow: the column only holds the \"⋮\" kebab (plus an optional leading icon),\n    // so it needs room for just one or two icons.\n    width: leading ? 72 : 44,\n    cell: ({ row }) => (\n      <span style={{ display: \"inline-flex\", alignItems: \"center\", gap: 2, justifyContent: \"flex-end\" }}>\n        {leading?.(row)}\n        {renderRowMenu\n          ? renderRowMenu(row)\n          : renderAutoKebab(kebabActions, row, testIdPrefix, getRowId)}\n      </span>\n    ),\n  };\n}\n\n/** The built-in kebab menu for one row, derived from `rowActions`. */\nfunction renderAutoKebab<T extends Record<string, unknown>>(\n  kebabActions: RowAction<T>[],\n  row: T,\n  testIdPrefix: string,\n  getRowId: (row: T) => string | number,\n): React.ReactNode {\n  const copy = useDataViewsCopy();\n  const items: DropdownMenuItem[] = kebabActions\n    .filter((action) => action.isVisible?.(row) ?? true)\n    .map((action) => ({\n      id: action.id,\n      label: action.rowLabel ? action.rowLabel(row) : action.label,\n      color: action.color,\n      onClick: () => void action.onSelect([row]),\n    }));\n  if (items.length === 0) return null;\n  return (\n    <DropdownMenu\n      size=\"sm\"\n      items={items}\n      trigger={\n        <Button variant=\"text\" size=\"sm\" dataTestId={`${testIdPrefix}-actions-${getRowId(row)}`} aria-label={copy.grid.rowActions}>\n          ⋮\n        </Button>\n      }\n    />\n  );\n}\n\n/** Sort options derived from the sortable columns when a page supplies none. */\nexport function defaultSortFields<T extends Record<string, unknown>>(\n  columns: DataViewColumn<T>[],\n): SortFieldDefinition[] {\n  return columns\n    .filter(\n      (col) =>\n        col.enableSort !== false &&\n        col.type !== \"actions\" &&\n        col.id !== \"actions\" &&\n        typeof col.header === \"string\" &&\n        col.header !== \"\",\n    )\n    .map((col) => ({\n      value: col.id,\n      label: col.header as string,\n      orderOptions: [\n        { value: \"asc\", label: \"Crescente\" },\n        { value: \"desc\", label: \"Decrescente\" },\n      ],\n    }));\n}\n\n/** Count active filters (search + selected pills + bounded ranges) for the badge. */\nexport function computeActiveFilterCount<T extends Record<string, unknown>>(\n  state: DataViewState,\n  fields: FilterFieldConfig<T>[],\n  rangeFields: RangeFieldConfig<T>[],\n): number {\n  const ranges = state.ranges ?? {};\n  const pillCount = fields.reduce((n, field) => n + ((state.pills[field.id]?.length ?? 0) > 0 ? 1 : 0), 0);\n  const rangeCount = rangeFields.reduce((n, field) => {\n    const range = ranges[field.id];\n    return n + (range && (range.min != null || range.max != null) ? 1 : 0);\n  }, 0);\n  return (state.search.trim() ? 1 : 0) + pillCount + rangeCount;\n}\n\nfunction bulkMenuItems<T extends Record<string, unknown>>(\n  rowActions: RowAction<T>[],\n  selectedRows: T[],\n  clearSelection: () => void,\n): DropdownMenuItem[] {\n  return rowActions\n    .filter((action) => action.bulk !== false)\n    .map((action) => {\n      // State-machine guards: the action runs only on the rows it applies to,\n      // and disappears from the menu when none of the selection qualifies.\n      const targets = action.isVisible ? selectedRows.filter(action.isVisible) : selectedRows;\n      return { action, targets };\n    })\n    .filter(({ targets }) => targets.length > 0)\n    .map(({ action, targets }) => ({\n      id: action.id,\n      label: action.label,\n      color: action.color,\n      onClick: () => {\n        // Run the (possibly async) handler on the captured selection, then clear\n        // it — but only once the work settles. On failure keep the selection so\n        // the user can see which rows still need action and retry.\n        const result = action.onSelect(targets);\n        if (result instanceof Promise) {\n          void result.then(\n            () => clearSelection(),\n            () => {\n              /* keep the selection on failure so the user can retry */\n            },\n          );\n        } else {\n          clearSelection();\n        }\n      },\n    }));\n}\n\ninterface RenderBulkArgs<T extends Record<string, unknown>> {\n  rowActions: RowAction<T>[] | undefined;\n  bulkActions: ((selectedRows: T[], clearSelection: () => void) => React.ReactNode) | undefined;\n  selectedRows: T[];\n  clearSelection: () => void;\n  testIdPrefix: string;\n}\n\n/**\n * The selection bulk control shown in the toolbar. Prefers the reusable\n * `rowActions` (an \"Ações\" dropdown mirroring the row kebab); falls back to the\n * low-level `bulkActions` render prop. Renders nothing with no selection.\n */\nexport function renderBulkActions<T extends Record<string, unknown>>({\n  rowActions,\n  bulkActions,\n  selectedRows,\n  clearSelection,\n  testIdPrefix,\n}: RenderBulkArgs<T>): React.ReactNode {\n  const copy = useDataViewsCopy();\n  if (selectedRows.length === 0) return undefined;\n  if (rowActions) {\n    const items = bulkMenuItems(rowActions, selectedRows, clearSelection);\n    if (items.length === 0) return undefined;\n    return (\n      <DropdownMenu\n        size=\"sm\"\n        items={items}\n        trigger={\n          <Button variant=\"outline\" size=\"sm\" dataTestId={`${testIdPrefix}-bulk-actions`}>\n            {copy.grid.bulkActions(selectedRows.length)}\n          </Button>\n        }\n      />\n    );\n  }\n  return bulkActions ? bulkActions(selectedRows, clearSelection) : undefined;\n}\n\n/** Toggle a single value in a pill's selected-list (returns the next list). */\nexport function togglePillValues(current: string[] | undefined, value: string, checked: boolean): string[] {\n  const list = current ?? [];\n  return checked ? [...list, value] : list.filter((v) => v !== value);\n}\n\n/**\n * The card grid's `grid-template-columns`, as an sx fragment.\n *\n * One rule at every width: each card asks for `targetWidth` and `auto-fill`\n * decides how many fit. Density moves the target, so it changes the count at\n * every size — which the previous column-count cap could not do, because its\n * track floor bottomed out at a constant shared by all three densities.\n *\n * Below `sm` this is a single column, and no target changes that. That is why\n * the density control hides itself there rather than offering three settings\n * that all draw the same thing.\n */\nexport function cardGridTracks(targetWidth: number) {\n  return {\n    gridTemplateColumns: {\n      xs: \"1fr\",\n      sm: `repeat(auto-fill, minmax(${targetWidth}px, 1fr))`,\n    },\n  };\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-LWRI6HGT.js

@@ -1,297 +0,0 @@
-import {
-  SuggestionsList,
-  buildSuggestions,
-  calculatePasswordStrength,
-  defaultRequirements,
-  evaluateRequirements,
-  getStrengthIcon,
-  getStrengthLabel
-} from "./chunk-SAIO6EBW.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/PasswordStrength/PasswordStrength.tsx
-import CheckIcon from "@mui/icons-material/Check";
-import CloseIcon from "@mui/icons-material/Close";
-import Box from "@mui/material/Box/index.js";
-import Chip from "@mui/material/Chip/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import LinearProgress from "@mui/material/LinearProgress/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, keyframes, styled, useTheme } from "@mui/material/styles/index.js";
-import React, { 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: rem(theme, 16),
-    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 = React.forwardRef(({ copy, requirements, checks, animated }, ref) => {
-  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, { ref, 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))
-  ] });
-});
-RequirementsList.displayName = "RequirementsList";
-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-LWRI6HGT.js.map

package/dist/chunk-LWRI6HGT.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 Box from '@mui/material/Box/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport LinearProgress from '@mui/material/LinearProgress/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, keyframes, styled, useTheme } from '@mui/material/styles/index.js';\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';\nimport { rem } from '../../../tokens/relative';\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: rem(theme, 16),\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.\n//\n// `forwardRef` because it is `Fade`'s child: Fade hands it a ref and reads\n// `scrollTop` off that node on enter, so a component that drops the ref throws\n// the moment the first character is typed. Only the ref: Fade's injected\n// `style` (opacity/visibility) is still dropped, so the list stays visible.\nconst RequirementsList = React.forwardRef<\n  HTMLDivElement,\n  {\n    copy: PasswordStrengthCopy;\n    requirements: PasswordRequirements;\n    checks: RequirementChecks;\n    animated: boolean;\n  }\n>(({ copy, requirements, checks, animated }, ref) => {\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 ref={ref} 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});\nRequirementsList.displayName = 'RequirementsList';\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":[]}