@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-DRE6DSJ7.js

@@ -1,30 +0,0 @@
-import {
-  GridShell
-} from "./chunk-SKX4NA6E.js";
-import {
-  useDataViewsState
-} from "./chunk-W3CLJ7JE.js";
-
-// src/components/data-display/DataViews/DataViewsGrid.tsx
-import { useEffect, useRef } from "react";
-import { jsx } from "react/jsx-runtime";
-function useVisibleRowsNotifier(matched, onVisibleRowsChange) {
-  const visibleSignature = JSON.stringify(matched);
-  const lastSignature = useRef(null);
-  useEffect(() => {
-    if (lastSignature.current === visibleSignature) return;
-    lastSignature.current = visibleSignature;
-    onVisibleRowsChange?.(matched);
-  }, [visibleSignature, matched, onVisibleRowsChange]);
-}
-function DataViewsGrid(props) {
-  const { rangeFields = [], testIdPrefix = "table" } = props;
-  const controller = useDataViewsState({ ...props, rangeFields, testIdPrefix });
-  useVisibleRowsNotifier(controller.matched, props.onVisibleRowsChange);
-  return /* @__PURE__ */ jsx(GridShell, { ...props, c: controller, rangeFields, testIdPrefix });
-}
-
-export {
-  DataViewsGrid
-};
-//# sourceMappingURL=chunk-DRE6DSJ7.js.map

package/dist/chunk-DZHN5FFX.js

@@ -1,150 +0,0 @@
-import {
-  ERROR_ICON_BOX,
-  ERROR_ICON_BOX_OPACITY,
-  ERROR_ICON_SIZE,
-  ERROR_MESSAGE_LINE_HEIGHT,
-  ERROR_MESSAGE_MAX_WIDTH,
-  ERROR_STATE_GAP_UNITS,
-  ERROR_STATE_MIN_HEIGHT,
-  ERROR_STATE_PADDING_UNITS,
-  ERROR_TEXT_GAP_UNITS,
-  RETRY_MARGIN_TOP_UNITS,
-  RETRY_MIN_WIDTH
-} from "./chunk-TLGGVE56.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/ErrorState/ErrorState.tsx
-import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
-import RefreshIcon from "@mui/icons-material/Refresh";
-import WarningAmberIcon from "@mui/icons-material/WarningAmber";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `error-state-${suffix}`;
-var paletteFor = (theme, severity) => severity === "error" ? theme.palette.error : theme.palette.warning;
-var ErrorIcon = ({ severity, icon, testId }) => {
-  const theme = useTheme();
-  const color = paletteFor(theme, severity);
-  const Fallback = severity === "error" ? ErrorOutlineIcon : WarningAmberIcon;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": testId,
-      sx: {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        width: ERROR_ICON_BOX,
-        height: ERROR_ICON_BOX,
-        borderRadius: "50%",
-        backgroundColor: color.light,
-        opacity: ERROR_ICON_BOX_OPACITY
-      },
-      children: icon || /* @__PURE__ */ jsx(Fallback, { sx: { fontSize: sxRem(ERROR_ICON_SIZE), color: color.main } })
-    }
-  );
-};
-var ErrorText = ({ title, message, titleId, testId }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsxs(Stack, { spacing: ERROR_TEXT_GAP_UNITS, alignItems: "center", children: [
-    title && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: titleId,
-        variant: "h6",
-        component: "h3",
-        "data-testid": testId("title"),
-        sx: {
-          fontWeight: theme.typography.fontWeightMedium,
-          color: theme.palette.text.primary
-        },
-        children: title
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Typography,
-      {
-        id: `${titleId}-message`,
-        variant: "body2",
-        color: "text.secondary",
-        "data-testid": testId("message"),
-        sx: {
-          maxWidth: ERROR_MESSAGE_MAX_WIDTH,
-          lineHeight: ERROR_MESSAGE_LINE_HEIGHT
-        },
-        children: message
-      }
-    )
-  ] });
-};
-var ErrorState = React.memo((props) => {
-  const {
-    message,
-    title,
-    onRetry,
-    retryLabel = "Retry",
-    severity = "error",
-    icon,
-    className
-  } = props;
-  const theme = useTheme();
-  const titleId = React.useId();
-  const dataTestId = resolveTestId(props);
-  const testId = makeTestId(dataTestId);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      role: "alert",
-      "aria-labelledby": title ? titleId : void 0,
-      "aria-describedby": `${titleId}-message`,
-      className,
-      "data-testid": dataTestId || "error-state",
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        textAlign: "center",
-        padding: theme.spacing(ERROR_STATE_PADDING_UNITS),
-        minHeight: ERROR_STATE_MIN_HEIGHT,
-        gap: theme.spacing(ERROR_STATE_GAP_UNITS)
-      },
-      children: [
-        /* @__PURE__ */ jsx(ErrorIcon, { severity, icon, testId: testId("icon") }),
-        /* @__PURE__ */ jsx(ErrorText, { title, message, titleId, testId }),
-        onRetry && /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "outlined",
-            color: severity,
-            onClick: onRetry,
-            startIcon: /* @__PURE__ */ jsx(RefreshIcon, {}),
-            "data-testid": testId("retry-button"),
-            sx: {
-              mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),
-              minWidth: RETRY_MIN_WIDTH
-            },
-            children: retryLabel
-          }
-        )
-      ]
-    }
-  );
-});
-ErrorState.displayName = "ErrorState";
-var ErrorState_default = ErrorState;
-
-export {
-  ErrorState,
-  ErrorState_default
-};
-//# sourceMappingURL=chunk-DZHN5FFX.js.map

package/dist/chunk-DZHN5FFX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/ErrorState/ErrorState.tsx"],"sourcesContent":["import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  ERROR_ICON_BOX,\n  ERROR_ICON_BOX_OPACITY,\n  ERROR_ICON_SIZE,\n  ERROR_MESSAGE_LINE_HEIGHT,\n  ERROR_MESSAGE_MAX_WIDTH,\n  ERROR_STATE_GAP_UNITS,\n  ERROR_STATE_MIN_HEIGHT,\n  ERROR_STATE_PADDING_UNITS,\n  ERROR_TEXT_GAP_UNITS,\n  RETRY_MARGIN_TOP_UNITS,\n  RETRY_MIN_WIDTH,\n} from './ErrorState.metrics';\nimport type { ErrorStateProps, ErrorStateSeverity } from './ErrorState.types';\nimport { resolveTestId } from '../../../platform/test-id';\nimport { sxRem } from '../../../tokens/relative';\n\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `error-state-${suffix}`;\n\nconst paletteFor = (theme: Theme, severity: ErrorStateSeverity) =>\n  severity === 'error' ? theme.palette.error : theme.palette.warning;\n\nconst ErrorIcon: React.FC<{\n  severity: ErrorStateSeverity;\n  icon?: React.ReactNode;\n  testId: string;\n}> = ({ severity, icon, testId }) => {\n  const theme = useTheme();\n  const color = paletteFor(theme, severity);\n  const Fallback = severity === 'error' ? ErrorOutlineIcon : WarningAmberIcon;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        width: ERROR_ICON_BOX,\n        height: ERROR_ICON_BOX,\n        borderRadius: '50%',\n        backgroundColor: color.light,\n        opacity: ERROR_ICON_BOX_OPACITY,\n      }}\n    >\n      {icon || <Fallback sx={{ fontSize: sxRem(ERROR_ICON_SIZE), color: color.main }} />}\n    </Box>\n  );\n};\n\nconst ErrorText: React.FC<{\n  title?: string;\n  message: string;\n  titleId: string;\n  testId: (suffix: string) => string;\n}> = ({ title, message, titleId, testId }) => {\n  const theme = useTheme();\n\n  return (\n    <Stack spacing={ERROR_TEXT_GAP_UNITS} alignItems=\"center\">\n      {title && (\n        <Typography\n          id={titleId}\n          variant=\"h6\"\n          component=\"h3\"\n          data-testid={testId('title')}\n          sx={{\n            fontWeight: theme.typography.fontWeightMedium,\n            color: theme.palette.text.primary,\n          }}\n        >\n          {title}\n        </Typography>\n      )}\n\n      <Typography\n        id={`${titleId}-message`}\n        variant=\"body2\"\n        color=\"text.secondary\"\n        data-testid={testId('message')}\n        sx={{\n          maxWidth: ERROR_MESSAGE_MAX_WIDTH,\n          lineHeight: ERROR_MESSAGE_LINE_HEIGHT,\n        }}\n      >\n        {message}\n      </Typography>\n    </Stack>\n  );\n};\n\nexport const ErrorState: React.FC<ErrorStateProps> = React.memo((props) => {\n  const {\n    message,\n    title,\n    onRetry,\n    retryLabel = 'Retry',\n    severity = 'error',\n    icon,\n    className,\n  } = props;\n  const theme = useTheme();\n  const titleId = React.useId();\n  // `dataTestId` is the documented spelling; `testID`, the shared contract's\n  // other one, resolves to the same id.\n  const dataTestId = resolveTestId(props);\n  const testId = makeTestId(dataTestId);\n\n  return (\n    <Box\n      role=\"alert\"\n      aria-labelledby={title ? titleId : undefined}\n      aria-describedby={`${titleId}-message`}\n      className={className}\n      data-testid={dataTestId || 'error-state'}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        padding: theme.spacing(ERROR_STATE_PADDING_UNITS),\n        minHeight: ERROR_STATE_MIN_HEIGHT,\n        gap: theme.spacing(ERROR_STATE_GAP_UNITS),\n      }}\n    >\n      <ErrorIcon severity={severity} icon={icon} testId={testId('icon')} />\n\n      <ErrorText title={title} message={message} titleId={titleId} testId={testId} />\n\n      {onRetry && (\n        <Button\n          variant=\"outlined\"\n          color={severity}\n          onClick={onRetry}\n          startIcon={<RefreshIcon />}\n          data-testid={testId('retry-button')}\n          sx={{\n            mt: theme.spacing(RETRY_MARGIN_TOP_UNITS),\n            minWidth: RETRY_MIN_WIDTH,\n          }}\n        >\n          {retryLabel}\n        </Button>\n      )}\n    </Box>\n  );\n});\n\nErrorState.displayName = 'ErrorState';\n\nexport default ErrorState;\n"],"mappings":"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","names":[]}

package/dist/chunk-E6RYO4QZ.js

@@ -1,180 +0,0 @@
-import {
-  FILLED_WASH,
-  FLOATING_LABEL,
-  INPUT_BORDER,
-  INPUT_GLASS,
-  INPUT_GLOW,
-  INPUT_GRADIENT,
-  INPUT_PULSE
-} from "./chunk-RNIU447I.js";
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  absoluteInk
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/form/Input/Input.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 ${INPUT_PULSE.spread}px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var glowStyles = (theme) => ({
-  "& .MuiInputBase-root": {
-    boxShadow: `0 0 ${INPUT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.rest.alpha)}`,
-    "&.Mui-focused": {
-      boxShadow: `0 0 ${INPUT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.focused.alpha)}`
-    }
-  }
-});
-var pulseStyles = (theme, size = "md") => ({
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "0",
-    right: "0",
-    height: fieldHeight(theme, size),
-    transform: "translateY(-50%)",
-    borderRadius: fieldRadius(theme),
-    backgroundColor: theme.palette.primary.main,
-    opacity: INPUT_PULSE.opacity,
-    animation: `${pulseAnimation} ${INPUT_PULSE.ms / 1e3}s infinite`,
-    pointerEvents: "none",
-    zIndex: -1
-  }
-});
-var floatingLabelStyles = (theme) => ({
-  "& .MuiInputLabel-root": {
-    transform: `translate(${FLOATING_LABEL.rest.x}px, ${FLOATING_LABEL.rest.y}px) scale(1)`,
-    "&.MuiInputLabel-shrink": {
-      transform: `translate(${FLOATING_LABEL.shrink.x}px, ${FLOATING_LABEL.shrink.y}px) scale(${FLOATING_LABEL.scale})`,
-      backgroundColor: theme.palette.background.paper,
-      padding: `0 ${FLOATING_LABEL.paddingX}px`
-    }
-  }
-});
-var inputRadiusStyles = (theme, variant) => {
-  if (variant === "underline") return {};
-  const radius = fieldRadius(theme);
-  if (variant === "filled") return { borderTopLeftRadius: radius, borderTopRightRadius: radius };
-  return { borderRadius: radius };
-};
-var inputBaseStyles = (theme, variant) => {
-  switch (variant) {
-    case "glass":
-      return {
-        backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.rest),
-        backdropFilter: `blur(${INPUT_GLASS.blur}px)`,
-        border: `${INPUT_BORDER.rest}px solid ${fieldEdge(theme)}`,
-        "&:hover": {
-          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.hover),
-          borderColor: alpha(theme.palette.primary.main, INPUT_GLASS.hoverBorderAlpha)
-        },
-        "&.Mui-focused": {
-          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.focused),
-          borderColor: theme.palette.primary.main,
-          boxShadow: `0 0 0 ${INPUT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, INPUT_GLASS.focusRing.alpha)}`
-        }
-      };
-    case "underline":
-      return {
-        "&:before": {
-          borderBottomColor: fieldEdge(theme)
-        },
-        "&:hover:not(.Mui-disabled):before": {
-          borderBottomColor: theme.palette.primary.main
-        },
-        "&:after": {
-          borderBottomColor: theme.palette.primary.main
-        }
-      };
-    case "gradient":
-      return gradientStyles(theme);
-    default:
-      return {};
-  }
-};
-var gradientFill = (theme, strength) => `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;
-var gradientStyles = (theme) => ({
-  background: gradientFill(theme, INPUT_GRADIENT.fill.rest),
-  border: `${INPUT_GRADIENT.borderWidth}px solid transparent`,
-  backgroundOrigin: "border-box",
-  backgroundClip: "padding-box, border-box",
-  position: "relative",
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    borderRadius: "inherit",
-    background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
-    mask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,
-    maskComposite: "exclude",
-    padding: `${INPUT_GRADIENT.borderWidth}px`,
-    zIndex: -1
-  },
-  "&:hover": {
-    background: gradientFill(theme, INPUT_GRADIENT.fill.hover)
-  },
-  "&.Mui-focused": {
-    background: gradientFill(theme, INPUT_GRADIENT.fill.focused),
-    "&::before": {
-      background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`
-    }
-  }
-});
-var outlinedStyles = (theme) => ({
-  "& fieldset": {
-    borderColor: fieldEdge(theme)
-  },
-  "&:hover fieldset": {
-    borderColor: theme.palette.primary.main
-  },
-  "&.Mui-focused fieldset": {
-    borderColor: theme.palette.primary.main,
-    borderWidth: INPUT_BORDER.focused
-  },
-  "&.Mui-error fieldset": {
-    borderColor: theme.palette.error.main
-  }
-});
-var filledStyles = (theme) => ({
-  backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.rest),
-  "&:hover": {
-    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.hover)
-  },
-  "&.Mui-focused": {
-    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.focused)
-  }
-});
-
-export {
-  glowStyles,
-  pulseStyles,
-  floatingLabelStyles,
-  inputRadiusStyles,
-  inputBaseStyles,
-  outlinedStyles,
-  filledStyles
-};
-//# sourceMappingURL=chunk-E6RYO4QZ.js.map

package/dist/chunk-E6RYO4QZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Input/Input.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  FILLED_WASH,\n  FLOATING_LABEL,\n  INPUT_BORDER,\n  INPUT_GLASS,\n  INPUT_GLOW,\n  INPUT_GRADIENT,\n  INPUT_PULSE,\n} from './Input.metrics';\nimport type { InputProps } from './Input.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { absoluteInk } from '../../../tokens/ink';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\ntype InputVariant = NonNullable<InputProps['variant']>;\n\n// The numbers below all come from `./Input.metrics`, which the native renderer\n// reads too — see its header for why MUI's own values are in there as well.\nexport { muiVariantFor, SIZE_MAP } from './Input.metrics';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${INPUT_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nexport const glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputBase-root': {\n    boxShadow: `0 0 ${INPUT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.rest.alpha)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 ${INPUT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.focused.alpha)}`,\n    },\n  },\n});\n\n// A bar behind the field rather than a border on it, so it can pulse outward\n// without the input resizing.\nexport const pulseStyles = (theme: Theme, size: SizeValue = 'md'): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: fieldHeight(theme, size),\n    transform: 'translateY(-50%)',\n    borderRadius: fieldRadius(theme),\n    backgroundColor: theme.palette.primary.main,\n    opacity: INPUT_PULSE.opacity,\n    animation: `${pulseAnimation} ${INPUT_PULSE.ms / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport const floatingLabelStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputLabel-root': {\n    transform: `translate(${FLOATING_LABEL.rest.x}px, ${FLOATING_LABEL.rest.y}px) scale(1)`,\n    '&.MuiInputLabel-shrink': {\n      transform: `translate(${FLOATING_LABEL.shrink.x}px, ${FLOATING_LABEL.shrink.y}px) scale(${FLOATING_LABEL.scale})`,\n      backgroundColor: theme.palette.background.paper,\n      padding: `0 ${FLOATING_LABEL.paddingX}px`,\n    },\n  },\n});\n\n/**\n * The field's corner: the theme's one field radius (see `tokens/field-radius`).\n * `filled` rounds its top two only — its bottom edge is the underline — and\n * `underline` none, which is how MUI draws those two variants.\n */\nexport const inputRadiusStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  if (variant === 'underline') return {};\n  const radius = fieldRadius(theme);\n  if (variant === 'filled') return { borderTopLeftRadius: radius, borderTopRightRadius: radius };\n  return { borderRadius: radius };\n};\n\nexport const inputBaseStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.rest),\n        backdropFilter: `blur(${INPUT_GLASS.blur}px)`,\n        border: `${INPUT_BORDER.rest}px solid ${fieldEdge(theme)}`,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.hover),\n          borderColor: alpha(theme.palette.primary.main, INPUT_GLASS.hoverBorderAlpha),\n        },\n        '&.Mui-focused': {\n          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.focused),\n          borderColor: theme.palette.primary.main,\n          boxShadow: `0 0 0 ${INPUT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, INPUT_GLASS.focusRing.alpha)}`,\n        },\n      };\n    case 'underline':\n      return {\n        '&:before': {\n          borderBottomColor: fieldEdge(theme),\n        },\n        '&:hover:not(.Mui-disabled):before': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n        '&:after': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n      };\n    case 'gradient':\n      return gradientStyles(theme);\n    default:\n      return {};\n  }\n};\n\n/** The 135° fill between the two brand hues, at one of its three strengths. */\nconst gradientFill = (theme: Theme, strength: number): string =>\n  `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;\n\n// The border is a gradient painted behind the field and masked to a 2px ring,\n// since CSS cannot put a gradient on `border-color` directly.\nconst gradientStyles = (theme: Theme): CSSObject => ({\n  background: gradientFill(theme, INPUT_GRADIENT.fill.rest),\n  border: `${INPUT_GRADIENT.borderWidth}px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: `linear-gradient(${absoluteInk(theme).white} 0 0) content-box, linear-gradient(${absoluteInk(theme).white} 0 0)`,\n    maskComposite: 'exclude',\n    padding: `${INPUT_GRADIENT.borderWidth}px`,\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: gradientFill(theme, INPUT_GRADIENT.fill.hover),\n  },\n  '&.Mui-focused': {\n    background: gradientFill(theme, INPUT_GRADIENT.fill.focused),\n    '&::before': {\n      background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\nexport const outlinedStyles = (theme: Theme): CSSObject => ({\n  '& fieldset': {\n    borderColor: fieldEdge(theme),\n  },\n  '&:hover fieldset': {\n    borderColor: theme.palette.primary.main,\n  },\n  '&.Mui-focused fieldset': {\n    borderColor: theme.palette.primary.main,\n    borderWidth: INPUT_BORDER.focused,\n  },\n  '&.Mui-error fieldset': {\n    borderColor: theme.palette.error.main,\n  },\n});\n\nexport const filledStyles = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.rest),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.hover),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.focused),\n  },\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-E6YBXAZN.js

@@ -1,266 +0,0 @@
-import {
-  BANNER_TINT_S,
-  bannerPartStyles,
-  bannerPointerStates,
-  fadeInSlide,
-  getVariantColor
-} from "./chunk-GVLMG5WQ.js";
-import {
-  FOCUS
-} from "./chunk-P2UIXDEG.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Banner/Banner.tsx
-import CheckCircle from "@mui/icons-material/CheckCircle";
-import Close from "@mui/icons-material/Close";
-import Error from "@mui/icons-material/Error";
-import Info from "@mui/icons-material/Info";
-import Warning from "@mui/icons-material/Warning";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StyledBanner = styled(Box, {
-  shouldForwardProp: (prop) => !["variant", "sticky", "fullWidth"].includes(prop)
-})(({ theme, variant, sticky, fullWidth }) => {
-  const colorPalette = getVariantColor(theme, variant);
-  return {
-    display: "flex",
-    alignItems: "flex-start",
-    gap: theme.spacing(1.5),
-    padding: theme.spacing(1.5, 2),
-    borderRadius: theme.spacing(1),
-    backgroundColor: alpha(colorPalette.main, 0.1),
-    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,
-    color: colorPalette.main,
-    position: sticky ? "sticky" : "relative",
-    top: sticky ? 0 : "auto",
-    zIndex: sticky ? theme.zIndex.appBar : "auto",
-    width: fullWidth ? "100vw" : "100%",
-    marginLeft: fullWidth ? "50%" : 0,
-    transform: fullWidth ? "translateX(-50%)" : "none",
-    animation: `${fadeInSlide} 0.3s ease-out`,
-    transition: `all 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow ${BANNER_TINT_S}s cubic-bezier(0.4, 0, 0.2, 1)`,
-    ...bannerPointerStates(theme),
-    // Focus: `:focus-visible`, not `:focus-within`.
-    //
-    // The banner carries `tabIndex={0}`, so a MOUSE CLICK focused it and
-    // painted this ring — a keyboard affordance answering a pointer, which is
-    // what made clicking one look like an error state. `:focus-visible` is the
-    // browser's own answer to whether the focus came from the keyboard: the
-    // ring stays for whoever tabs here and never fires on a click. Same defect
-    // and same fix as `Alert`, which is the sibling surface (FUT-1458).
-    "&:focus-visible": {
-      outline: `${FOCUS.ringWidth}px solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,
-      outlineOffset: `${FOCUS.offset}px`
-    },
-    ...bannerPartStyles(theme, colorPalette),
-    // Responsive layout
-    [theme.breakpoints.down("sm")]: {
-      flexDirection: "column",
-      alignItems: "stretch",
-      gap: theme.spacing(1),
-      ".banner-content": {
-        order: 1
-      },
-      ".banner-actions": {
-        order: 2,
-        justifyContent: "flex-start",
-        marginTop: theme.spacing(1),
-        marginLeft: 0
-      }
-    },
-    // Glass effect variant (optional enhancement)
-    "&.banner-glass": {
-      backgroundColor: alpha(theme.palette.background.paper, 0.1),
-      backdropFilter: "blur(20px)",
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-      color: theme.palette.text.primary,
-      ".banner-icon": {
-        color: colorPalette.main
-      }
-    }
-  };
-});
-var getVariantIcon = (variant) => {
-  const iconMap = {
-    info: /* @__PURE__ */ jsx(Info, {}),
-    success: /* @__PURE__ */ jsx(CheckCircle, {}),
-    warning: /* @__PURE__ */ jsx(Warning, {}),
-    critical: /* @__PURE__ */ jsx(Error, {})
-  };
-  return iconMap[variant];
-};
-var resolveAriaAnnouncement = (variant) => ({
-  role: variant === "warning" || variant === "critical" ? "alert" : "status",
-  live: variant === "critical" ? "assertive" : "polite"
-});
-var testIdFor = (base, suffix) => base ? `${base}-${suffix}` : `banner-${suffix}`;
-var buildActionSx = (theme, variant, actionVariant) => {
-  const palette = getVariantColor(theme, variant);
-  return {
-    minWidth: "auto",
-    px: 1.5,
-    py: 0.5,
-    fontSize: rem(theme, 13),
-    fontWeight: 500,
-    borderRadius: 1,
-    ...actionVariant === "primary" && {
-      backgroundColor: palette.main,
-      color: theme.palette.getContrastText(palette.main),
-      // Colour only. The banner itself moves nothing under a pointer, and an
-      // action that lifts inside one that does not is the inconsistency a
-      // reader notices without being able to name it (FUT-1458).
-      "&:hover": {
-        backgroundColor: palette.dark || palette.main
-      }
-    },
-    ...actionVariant === "secondary" && {
-      borderColor: palette.main,
-      color: palette.main,
-      "&:hover": {
-        backgroundColor: alpha(palette.main, 0.1),
-        borderColor: palette.main
-      }
-    }
-  };
-};
-var BannerActionButton = ({ action, variant, dataTestId }) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    size: "small",
-    variant: action.variant === "primary" ? "contained" : "outlined",
-    onClick: action.onClick,
-    "data-testid": testIdFor(dataTestId, "action"),
-    sx: (theme) => buildActionSx(theme, variant, action.variant),
-    children: action.label
-  }
-);
-var BannerBody = ({ displayIcon, title, description, dataTestId, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  displayIcon && /* @__PURE__ */ jsx(Box, { className: "banner-icon", "aria-hidden": "true", "data-testid": testIdFor(dataTestId, "icon"), children: displayIcon }),
-  /* @__PURE__ */ jsxs(Box, { className: "banner-content", children: [
-    title && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        className: "banner-title",
-        variant: "subtitle2",
-        component: "div",
-        "data-testid": testIdFor(dataTestId, "title"),
-        children: title
-      }
-    ),
-    description && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        className: "banner-description",
-        variant: "body2",
-        component: "div",
-        "data-testid": testIdFor(dataTestId, "message"),
-        children: description
-      }
-    ),
-    children
-  ] })
-] });
-var BannerTrailing = ({ actions, variant, dismissible, onDismissClick, dismissLabel, dataTestId }) => /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
-  actions && actions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "banner-actions", children: actions.map((action, index) => /* @__PURE__ */ jsx(
-    BannerActionButton,
-    {
-      action,
-      variant,
-      dataTestId
-    },
-    index
-  )) }),
-  dismissible && /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      className: "banner-dismiss",
-      size: "small",
-      onClick: onDismissClick,
-      "aria-label": dismissLabel,
-      "data-testid": testIdFor(dataTestId, "close"),
-      sx: { transition: "all 0.2s ease" },
-      children: /* @__PURE__ */ jsx(Close, { fontSize: "small" })
-    }
-  )
-] });
-var Banner = React.forwardRef(
-  ({
-    variant = "info",
-    title,
-    description,
-    icon,
-    dismissible = false,
-    dismissLabel,
-    onDismiss,
-    actions,
-    sticky = false,
-    fullWidth = false,
-    className,
-    children,
-    "data-testid": dataTestId = "banner",
-    ...props
-  }, ref) => {
-    const [visible, setVisible] = React.useState(true);
-    const handleDismiss = React.useCallback(() => {
-      setVisible(false);
-      onDismiss?.();
-    }, [onDismiss]);
-    const displayIcon = icon || getVariantIcon(variant);
-    const { role: ariaRole, live: ariaLive } = resolveAriaAnnouncement(variant);
-    if (!visible) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs(
-      StyledBanner,
-      {
-        ref,
-        variant,
-        sticky,
-        fullWidth,
-        className,
-        role: ariaRole,
-        "aria-live": ariaLive,
-        "aria-atomic": "true",
-        tabIndex: 0,
-        "data-testid": dataTestId,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            BannerBody,
-            {
-              displayIcon,
-              title,
-              description,
-              dataTestId,
-              children
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            BannerTrailing,
-            {
-              actions,
-              variant,
-              dismissible,
-              onDismissClick: handleDismiss,
-              dismissLabel,
-              dataTestId
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Banner.displayName = "Banner";
-
-export {
-  Banner
-};
-//# sourceMappingURL=chunk-E6YBXAZN.js.map