@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-SSF4XHCK.js

@@ -1,46 +0,0 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-62FKAPLI.js";
-import {
-  useConfirmAction
-} from "./chunk-EMYESBIT.js";
-
-// src/components/data-display/CardKit/use-row-confirm.tsx
-import { useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function useRowConfirm({
-  write,
-  describe,
-  dataTestId,
-  errorText,
-  copy
-}) {
-  const [target, setTarget] = useState(null);
-  const state = useConfirmAction(async () => {
-    if (!target) return;
-    await write(target);
-    setTarget(null);
-  }, errorText);
-  const request = (rows) => {
-    if (rows.length === 0) return;
-    setTarget(rows);
-    state.request();
-  };
-  return {
-    request,
-    dialog: target ? /* @__PURE__ */ jsx(
-      ConfirmActionDialog,
-      {
-        state,
-        copy,
-        ...describe(target),
-        dataTestId
-      }
-    ) : null
-  };
-}
-
-export {
-  useRowConfirm
-};
-//# sourceMappingURL=chunk-SSF4XHCK.js.map

package/dist/chunk-STWPNHBB.js

@@ -1,170 +0,0 @@
-// src/components/form/Input/Input.styles.ts
-import { alpha, keyframes } from "@mui/material";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 10px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var muiVariantFor = (variant) => {
-  switch (variant) {
-    case "underline":
-      return "standard";
-    case "glass":
-    case "gradient":
-      return "outlined";
-    default:
-      return variant;
-  }
-};
-var SIZE_MAP = {
-  xs: { size: "small", sx: { "& .MuiInputBase-input": { padding: "6px 10px" } } },
-  sm: { size: "small" },
-  md: { size: "medium" },
-  lg: { size: "medium", sx: { "& .MuiInputBase-input": { padding: "16px 14px" } } },
-  xl: { size: "medium", sx: { "& .MuiInputBase-input": { padding: "20px 16px" } } }
-};
-var glowStyles = (theme) => ({
-  "& .MuiInputBase-root": {
-    boxShadow: `0 0 15px ${alpha(theme.palette.primary.main, 0.3)}`,
-    "&.Mui-focused": {
-      boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.5)}`
-    }
-  }
-});
-var pulseStyles = (theme) => ({
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "0",
-    right: "0",
-    height: "56px",
-    transform: "translateY(-50%)",
-    borderRadius: theme.spacing(0.5),
-    backgroundColor: theme.palette.primary.main,
-    opacity: 0.3,
-    animation: `${pulseAnimation} 2s infinite`,
-    pointerEvents: "none",
-    zIndex: -1
-  }
-});
-var floatingLabelStyles = (theme) => ({
-  "& .MuiInputLabel-root": {
-    transform: "translate(14px, 16px) scale(1)",
-    "&.MuiInputLabel-shrink": {
-      transform: "translate(14px, -9px) scale(0.75)",
-      backgroundColor: theme.palette.background.paper,
-      padding: "0 4px"
-    }
-  }
-});
-var inputBaseStyles = (theme, variant) => {
-  switch (variant) {
-    case "glass":
-      return {
-        backgroundColor: alpha(theme.palette.background.paper, 0.1),
-        backdropFilter: "blur(20px)",
-        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-        "&:hover": {
-          backgroundColor: alpha(theme.palette.background.paper, 0.15),
-          borderColor: alpha(theme.palette.primary.main, 0.3)
-        },
-        "&.Mui-focused": {
-          backgroundColor: alpha(theme.palette.background.paper, 0.2),
-          borderColor: theme.palette.primary.main,
-          boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.1)}`
-        }
-      };
-    case "underline":
-      return {
-        "&:before": {
-          borderBottomColor: alpha(theme.palette.divider, 0.42)
-        },
-        "&:hover:not(.Mui-disabled):before": {
-          borderBottomColor: theme.palette.primary.main
-        },
-        "&:after": {
-          borderBottomColor: theme.palette.primary.main
-        }
-      };
-    case "gradient":
-      return gradientStyles(theme);
-    default:
-      return {};
-  }
-};
-var gradientStyles = (theme) => ({
-  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,
-  border: `2px 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(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,
-    mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-    maskComposite: "exclude",
-    padding: "2px",
-    zIndex: -1
-  },
-  "&:hover": {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`
-  },
-  "&.Mui-focused": {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)}, ${alpha(theme.palette.secondary.main, 0.2)})`,
-    "&::before": {
-      background: `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`
-    }
-  }
-});
-var outlinedStyles = (theme) => ({
-  "& fieldset": {
-    borderColor: alpha(theme.palette.divider, 0.23)
-  },
-  "&:hover fieldset": {
-    borderColor: theme.palette.primary.main
-  },
-  "&.Mui-focused fieldset": {
-    borderColor: theme.palette.primary.main,
-    borderWidth: 2
-  },
-  "&.Mui-error fieldset": {
-    borderColor: theme.palette.error.main
-  }
-});
-var filledStyles = (theme) => ({
-  backgroundColor: alpha(theme.palette.action.hover, 0.04),
-  "&:hover": {
-    backgroundColor: alpha(theme.palette.action.hover, 0.08)
-  },
-  "&.Mui-focused": {
-    backgroundColor: alpha(theme.palette.action.hover, 0.12)
-  }
-});
-
-export {
-  muiVariantFor,
-  SIZE_MAP,
-  glowStyles,
-  pulseStyles,
-  floatingLabelStyles,
-  inputBaseStyles,
-  outlinedStyles,
-  filledStyles
-};
-//# sourceMappingURL=chunk-STWPNHBB.js.map

package/dist/chunk-STWPNHBB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Input/Input.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { InputProps } from './Input.types';\n\ntype InputVariant = NonNullable<InputProps['variant']>;\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 10px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Our four variants map onto MUI's three; `glass` and `gradient` restyle an outline. */\nexport const muiVariantFor = (variant: InputVariant): 'outlined' | 'filled' | 'standard' => {\n  switch (variant) {\n    case 'underline':\n      return 'standard';\n    case 'glass':\n    case 'gradient':\n      return 'outlined';\n    default:\n      return variant as 'outlined' | 'filled' | 'standard';\n  }\n};\n\n// MUI gives a text field two heights, so the five house stops are drawn as two\n// plus padding: `xs` tightens below small, `lg`/`xl` open up above medium.\nexport const SIZE_MAP = {\n  xs: { size: 'small' as const, sx: { '& .MuiInputBase-input': { padding: '6px 10px' } } },\n  sm: { size: 'small' as const },\n  md: { size: 'medium' as const },\n  lg: { size: 'medium' as const, sx: { '& .MuiInputBase-input': { padding: '16px 14px' } } },\n  xl: { size: 'medium' as const, sx: { '& .MuiInputBase-input': { padding: '20px 16px' } } },\n};\n\nexport const glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputBase-root': {\n    boxShadow: `0 0 15px ${alpha(theme.palette.primary.main, 0.3)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 20px ${alpha(theme.palette.primary.main, 0.5)}`,\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): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: '56px',\n    transform: 'translateY(-50%)',\n    borderRadius: theme.spacing(0.5),\n    backgroundColor: theme.palette.primary.main,\n    opacity: 0.3,\n    animation: `${pulseAnimation} 2s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport const floatingLabelStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputLabel-root': {\n    transform: 'translate(14px, 16px) scale(1)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(14px, -9px) scale(0.75)',\n      backgroundColor: theme.palette.background.paper,\n      padding: '0 4px',\n    },\n  },\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, 0.1),\n        backdropFilter: 'blur(20px)',\n        border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.background.paper, 0.15),\n          borderColor: alpha(theme.palette.primary.main, 0.3),\n        },\n        '&.Mui-focused': {\n          backgroundColor: alpha(theme.palette.background.paper, 0.2),\n          borderColor: theme.palette.primary.main,\n          boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.1)}`,\n        },\n      };\n    case 'underline':\n      return {\n        '&:before': {\n          borderBottomColor: alpha(theme.palette.divider, 0.42),\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 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: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,\n  border: `2px 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(135deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n    maskComposite: 'exclude',\n    padding: '2px',\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)}, ${alpha(theme.palette.secondary.main, 0.15)})`,\n  },\n  '&.Mui-focused': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)}, ${alpha(theme.palette.secondary.main, 0.2)})`,\n    '&::before': {\n      background: `linear-gradient(135deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\nexport const outlinedStyles = (theme: Theme): CSSObject => ({\n  '& fieldset': {\n    borderColor: alpha(theme.palette.divider, 0.23),\n  },\n  '&:hover fieldset': {\n    borderColor: theme.palette.primary.main,\n  },\n  '&.Mui-focused fieldset': {\n    borderColor: theme.palette.primary.main,\n    borderWidth: 2,\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, 0.04),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.action.hover, 0.08),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.action.hover, 0.12),\n  },\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-SWELYVW5.js

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

package/dist/chunk-SWELYVW5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.parts.tsx"],"sourcesContent":["import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport CloseIcon from '@mui/icons-material/Close';\nimport {\n  Box,\n  CircularProgress,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Skeleton,\n  styled,\n  Typography,\n} from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\nimport { safeAreaBottom } from '../../../utils/viewport';\nimport {\n  loadingOverlayStyles,\n  modalContentStyles,\n  titleLeftStyles,\n  titleRightStyles,\n  titleStyles,\n} from './StackedModal.styles';\n\nconst StyledDialogTitle = styled(DialogTitle, {\n  shouldForwardProp: (prop) => prop !== 'rtl',\n})<{ rtl?: boolean }>(({ theme, rtl }) => titleStyles(theme, rtl));\n\nconst DialogTitleLeft = styled(Box)(({ theme }) => titleLeftStyles(theme));\nconst DialogTitleRight = styled(Box)(({ theme }) => titleRightStyles(theme));\nconst LoadingOverlay = styled(Box)(({ theme }) => loadingOverlayStyles(theme));\n\n/**\n * The padded content wrapper callers put inside a StackedModal. The explicit\n * `typeof DialogContent` annotation keeps its type nameable across package\n * boundaries (TS2742) now that it is re-exported from the barrel.\n */\nexport const StackedModalContent: typeof DialogContent = styled(DialogContent)(({ theme }) =>\n  modalContentStyles(theme),\n) as typeof DialogContent;\n\n/** Sub-element test IDs derive from the modal's own, or stay off when it has none. */\nexport const testId = (base: string | undefined, suffix: string): string | undefined =>\n  base ? `${base}-${suffix}` : undefined;\n\n/**\n * A wrapper marking the subtree that should render as modal actions — the\n * StackedModal pulls it out of `children` and places it by device.\n */\nexport const StackedModalActions: FC<{ children?: ReactNode }> = ({ children }) => <>{children}</>;\n\n/** Separates the `StackedModalActions` subtree from the rest of the content. */\nconst splitModalChildren = (children: ReactNode): { content: ReactNode; actions: ReactNode } => {\n  let actions: ReactNode = null;\n\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement<{ children?: ReactNode }>(child) && child.type === StackedModalActions) {\n      actions = child.props.children;\n    }\n  });\n\n  const content = React.Children.toArray(children).filter(\n    (child) => !(React.isValidElement(child) && child.type === StackedModalActions),\n  );\n\n  return { content, actions };\n};\n\n/**\n * Works out what renders where: a `StackedModalActions` child wins over the\n * `actions` prop, and on phones those actions move out of the header into a\n * pinned bottom bar.\n */\nexport const resolveModalContent = (\n  children: ReactNode,\n  actions: ReactNode,\n  isMobile: boolean,\n): {\n  content: ReactNode;\n  modalActions: ReactNode;\n  headerActions: ReactNode;\n  hasMobileActions: boolean;\n} => {\n  const { content, actions: childActions } = splitModalChildren(children);\n  const modalActions = childActions ?? actions;\n  return {\n    content,\n    modalActions,\n    headerActions: isMobile ? null : modalActions,\n    hasMobileActions: Boolean(isMobile && modalActions),\n  };\n};\n\n/** The panel's own ARIA ids, unless the caller wired it to its own labels. */\nexport const modalAriaIds = (\n  modalId: string,\n  ariaLabelledBy?: string,\n  ariaDescribedBy?: string,\n): { titleId: string; descId: string } => ({\n  titleId: ariaLabelledBy || `modal-title-${modalId}`,\n  descId: ariaDescribedBy || `modal-desc-${modalId}`,\n});\n\nexport const ModalLoadingOverlay: FC<{ loadingText?: string; dataTestId?: string }> = ({\n  loadingText,\n  dataTestId,\n}) => (\n  <LoadingOverlay data-testid={testId(dataTestId, 'loading-overlay')}>\n    <CircularProgress size={40} data-testid={testId(dataTestId, 'loading-spinner')} />\n    {loadingText && (\n      <Typography variant=\"body2\" sx={{ mt: 2 }} data-testid={testId(dataTestId, 'loading-text')}>\n        {loadingText}\n      </Typography>\n    )}\n  </LoadingOverlay>\n);\n\ninterface ModalHeaderProps {\n  titleId: string;\n  navigationTitle?: ReactNode;\n  /** Deeper than the first panel, so the leading button goes back instead of closing. */\n  canGoBack: boolean;\n  onBack: () => void;\n  /** The back arrow's accessible name — it carries a glyph only. REQUIRED. */\n  backLabel: string;\n  onClose: () => void;\n  /** Renders the bar without its ✕ — the panel's content owns the dismiss. */\n  hideClose?: boolean;\n  /** Header actions — desktop only; on phones they move to the footer. */\n  headerActions?: ReactNode;\n  rtl?: boolean;\n  dataTestId?: string;\n}\n\n/**\n * The bar's leading control: back at depth ≥2, otherwise close — and nothing at\n * all when the panel's content carries its own ✕ (`hideClose`).\n */\nconst HeaderLeadingButton: FC<\n  Pick<\n    ModalHeaderProps,\n    'canGoBack' | 'onBack' | 'backLabel' | 'onClose' | 'hideClose' | 'rtl' | 'dataTestId'\n  >\n> = ({ canGoBack, onBack, backLabel, onClose, hideClose, rtl, dataTestId }) => {\n  if (canGoBack) {\n    return (\n      <IconButton\n        edge=\"start\"\n        color=\"inherit\"\n        onClick={onBack}\n        aria-label={backLabel}\n        size=\"small\"\n        sx={{ transform: rtl ? 'rotate(180deg)' : 'none' }}\n        data-testid={testId(dataTestId, 'back-button')}\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n    );\n  }\n  if (hideClose) return null;\n  return (\n    <IconButton\n      edge=\"start\"\n      color=\"inherit\"\n      onClick={onClose}\n      aria-label=\"close\"\n      size=\"small\"\n      data-testid={testId(dataTestId, 'close-button')}\n    >\n      <CloseIcon />\n    </IconButton>\n  );\n};\n\nexport const ModalHeader: FC<ModalHeaderProps> = ({\n  titleId,\n  navigationTitle,\n  canGoBack,\n  onBack,\n  onClose,\n  hideClose,\n  backLabel,\n  headerActions,\n  rtl,\n  dataTestId,\n}) => (\n  <StyledDialogTitle id={titleId} rtl={rtl} data-testid={testId(dataTestId, 'header')}>\n    <DialogTitleLeft>\n      <HeaderLeadingButton\n        canGoBack={canGoBack}\n        onBack={onBack}\n        backLabel={backLabel}\n        onClose={onClose}\n        hideClose={hideClose}\n        rtl={rtl}\n        dataTestId={dataTestId}\n      />\n      {navigationTitle && (\n        <Typography\n          variant=\"h6\"\n          component=\"h2\"\n          noWrap\n          sx={{ ml: canGoBack || !hideClose ? 1 : 0 }}\n          data-testid={testId(dataTestId, 'title')}\n        >\n          {navigationTitle}\n        </Typography>\n      )}\n    </DialogTitleLeft>\n    <DialogTitleRight data-testid={testId(dataTestId, 'header-actions')}>\n      {headerActions}\n    </DialogTitleRight>\n  </StyledDialogTitle>\n);\n\nconst ContentSkeleton: FC = () => (\n  <Box sx={{ p: 3 }}>\n    <Skeleton variant=\"text\" width=\"60%\" height={32} />\n    <Skeleton variant=\"text\" width=\"100%\" />\n    <Skeleton variant=\"text\" width=\"100%\" />\n    <Skeleton variant=\"rectangular\" height={200} sx={{ mt: 2 }} />\n  </Box>\n);\n\ninterface ModalBodyProps {\n  descId: string;\n  showSkeleton: boolean;\n  /** When there is no action bar, the body is what reaches the bottom of the panel. */\n  endsPanel: boolean;\n  dataTestId?: string;\n  children?: ReactNode;\n}\n\nexport const ModalBody: FC<ModalBodyProps> = ({\n  descId,\n  showSkeleton,\n  endsPanel,\n  dataTestId,\n  children,\n}) => (\n  <Box\n    id={descId}\n    sx={{\n      position: 'relative',\n      flex: 1,\n      overflow: 'auto',\n      // iOS momentum scrolling, and no scroll-chaining to the page behind —\n      // without `contain`, an overscroll at the end of the list rubber-bands the\n      // whole panel and springs back before the last row can be tapped.\n      WebkitOverflowScrolling: 'touch',\n      overscrollBehavior: 'contain',\n      // The content itself ends the panel when there is no action bar, so it has\n      // to clear the home indicator on its own.\n      ...(endsPanel ? safeAreaBottom(0) : {}),\n    }}\n    data-testid={testId(dataTestId, 'content')}\n  >\n    {showSkeleton ? <ContentSkeleton /> : children}\n  </Box>\n);\n\n/** The phone-only pinned action bar; on desktop the actions live in the header. */\nexport const ModalFooter: FC<{ dataTestId?: string; children?: ReactNode }> = ({\n  dataTestId,\n  children,\n}) => (\n  <DialogActions\n    sx={{\n      borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n      padding: 2,\n      // Never let the action row sit under the iOS home indicator.\n      flexShrink: 0,\n      ...safeAreaBottom(16),\n    }}\n    data-testid={testId(dataTestId, 'footer')}\n  >\n    {children}\n  </DialogActions>\n);\n\ninterface PanelContentsProps extends ModalHeaderProps {\n  showSkeleton: boolean;\n  loadingText?: string;\n  descId: string;\n  content: ReactNode;\n  /** The resolved actions, already placed in the header or destined for the footer. */\n  modalActions: ReactNode;\n  hasMobileActions: boolean;\n}\n\n/** Everything inside the sliding panel: the loading veil, header, body and action bar. */\nexport const ModalPanelContents: FC<PanelContentsProps> = ({\n  showSkeleton,\n  loadingText,\n  descId,\n  content,\n  modalActions,\n  hasMobileActions,\n  ...header\n}) => (\n  <>\n    {showSkeleton && (\n      <ModalLoadingOverlay loadingText={loadingText} dataTestId={header.dataTestId} />\n    )}\n    <ModalHeader {...header} />\n    <ModalBody\n      descId={descId}\n      showSkeleton={showSkeleton}\n      endsPanel={!hasMobileActions}\n      dataTestId={header.dataTestId}\n    >\n      {content}\n    </ModalBody>\n    {hasMobileActions && (\n      <ModalFooter dataTestId={header.dataTestId}>{modalActions}</ModalFooter>\n    )}\n  </>\n);\n"],"mappings":"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","names":[]}

package/dist/chunk-T2HWWUOS.js

@@ -1,163 +0,0 @@
-// src/components/form/Toggle/Toggle.styles.ts
-import { alpha, keyframes } from "@mui/material";
-var glowAnimation = keyframes`
-  0% { box-shadow: 0 0 5px currentColor; }
-  50% { box-shadow: 0 0 15px currentColor, 0 0 25px currentColor; }
-  100% { box-shadow: 0 0 5px currentColor; }
-`;
-var floatAnimation = keyframes`
-  0%, 100% { transform: translateY(0px); }
-  50% { transform: translateY(-2px); }
-`;
-var neutralPalette = (theme) => ({
-  main: theme.palette.grey?.[700] || "#616161",
-  dark: theme.palette.grey?.[800] || "#424242",
-  light: theme.palette.grey?.[500] || "#9e9e9e",
-  contrastText: "#fff"
-});
-var shade = (palette, key, fallback) => palette?.[key] || palette?.main || fallback[key];
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") return neutralPalette(theme);
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  const fallback = theme.palette.primary;
-  const palette = colorMap[color] || fallback;
-  return {
-    main: palette?.main || fallback.main,
-    dark: shade(palette, "dark", fallback),
-    light: shade(palette, "light", fallback),
-    contrastText: palette?.contrastText || "#fff"
-  };
-};
-var SIZE_MAP = {
-  xs: { padding: "4px 8px", fontSize: "0.75rem" },
-  sm: { padding: "6px 12px", fontSize: "0.875rem" },
-  md: { padding: "8px 16px", fontSize: "1rem" },
-  lg: { padding: "10px 20px", fontSize: "1.125rem" },
-  xl: { padding: "12px 24px", fontSize: "1.25rem" }
-};
-var baseStyles = (theme, colorPalette, customSize) => ({
-  textTransform: "none",
-  fontWeight: 500,
-  borderRadius: theme.spacing(1),
-  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-  border: `2px solid ${alpha(theme.palette.divider, 0.3)}`,
-  color: theme.palette.text.primary,
-  backgroundColor: "transparent",
-  position: "relative",
-  overflow: "hidden",
-  // A zero-sized circle that grows to fill the button on hover.
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: 0,
-    height: 0,
-    borderRadius: "50%",
-    backgroundColor: alpha(colorPalette.main, 0.2),
-    transform: "translate(-50%, -50%)",
-    transition: "width 0.4s, height 0.4s"
-  },
-  "&:hover": {
-    backgroundColor: alpha(colorPalette.main, 0.08),
-    borderColor: colorPalette.main,
-    transform: "translateY(-1px)",
-    boxShadow: `0 4px 8px ${alpha(colorPalette.main, 0.15)}`,
-    animation: `${floatAnimation} 2s ease-in-out infinite`,
-    "&::before": {
-      width: "100%",
-      height: "100%"
-    }
-  },
-  "&:active": {
-    transform: "scale(0.98)"
-  },
-  "&.Mui-selected": {
-    backgroundColor: colorPalette.main,
-    color: colorPalette.contrastText || "#fff",
-    borderColor: colorPalette.main,
-    boxShadow: `0 2px 8px ${alpha(colorPalette.main, 0.3)}`,
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      background: `linear-gradient(135deg, transparent, ${alpha("#fff", 0.1)})`,
-      pointerEvents: "none"
-    },
-    "&:hover": {
-      backgroundColor: colorPalette.dark,
-      transform: "translateY(-2px) scale(1.02)",
-      boxShadow: `0 6px 20px ${alpha(colorPalette.main, 0.4)}`
-    }
-  },
-  // Size wins over everything above it.
-  ...SIZE_MAP[customSize] ?? {}
-});
-var variantStyles = (customVariant, colorPalette) => {
-  switch (customVariant) {
-    case "outline":
-      return {
-        backgroundColor: "transparent",
-        border: `2px solid ${colorPalette.main}`,
-        color: colorPalette.main,
-        "&.Mui-selected": {
-          backgroundColor: colorPalette.main,
-          color: colorPalette.contrastText || "#fff"
-        }
-      };
-    case "soft":
-      return {
-        backgroundColor: alpha(colorPalette.main, 0.1),
-        border: "none",
-        color: colorPalette.main,
-        "&.Mui-selected": {
-          backgroundColor: alpha(colorPalette.main, 0.2),
-          color: colorPalette.main
-        }
-      };
-    default:
-      return {};
-  }
-};
-var effectStyles = (theme, colorPalette, { glass, gradient, glow }) => ({
-  ...glass && {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
-  },
-  ...gradient && {
-    "&.Mui-selected": {
-      background: `linear-gradient(135deg, ${colorPalette.light}, ${colorPalette.main}, ${colorPalette.dark})`,
-      backgroundSize: "200% 200%",
-      animation: `${floatAnimation} 3s ease-in-out infinite`,
-      border: "none",
-      "&:hover": {
-        backgroundPosition: "100% 100%"
-      }
-    }
-  },
-  ...glow && {
-    "&.Mui-selected": {
-      animation: `${glowAnimation} 2s ease-in-out infinite`,
-      boxShadow: `0 0 15px ${alpha(colorPalette.main, 0.6)}`
-    }
-  }
-});
-
-export {
-  getColorFromTheme,
-  baseStyles,
-  variantStyles,
-  effectStyles
-};
-//# sourceMappingURL=chunk-T2HWWUOS.js.map