@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-FNRPQE2D.js

@@ -0,0 +1,184 @@
+import {
+  asFieldSize,
+  fieldBorder,
+  fieldHeight
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
+import {
+  absoluteInk,
+  controlNeutral,
+  sheen
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem,
+  rems
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/Toggle/Toggle.styles.ts
+import { alpha, keyframes } from "@mui/material/styles/index.js";
+var glowAnimation = (theme) => keyframes`
+  0% { box-shadow: 0 0 ${rem(theme, 5)} currentColor; }
+  50% { box-shadow: 0 0 ${rem(theme, 15)} currentColor, 0 0 ${rem(theme, 25)} currentColor; }
+  100% { box-shadow: 0 0 ${rem(theme, 5)} currentColor; }
+`;
+var floatAnimation = (theme) => keyframes`
+  0%, 100% { transform: translateY(0px); }
+  50% { transform: translateY(${rem(theme, -2)}); }
+`;
+var neutralPalette = (theme) => controlNeutral(theme);
+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 || absoluteInk(theme).white
+  };
+};
+var SIZE_MAP = {
+  xs: { paddingPx: [4, 8], fontPx: 12 },
+  sm: { paddingPx: [6, 12], fontPx: 14 },
+  md: { paddingPx: [8, 16], fontPx: 16 },
+  lg: { paddingPx: [10, 20], fontPx: 18 },
+  xl: { paddingPx: [12, 24], fontPx: 20 }
+};
+var sizeStyles = (theme, customSize) => {
+  const size = SIZE_MAP[customSize];
+  return size ? { padding: rems(theme, ...size.paddingPx), fontSize: rem(theme, size.fontPx) } : {};
+};
+var baseStyles = (theme, colorPalette, customSize) => ({
+  textTransform: "none",
+  fontWeight: 500,
+  borderRadius: fieldRadius(theme),
+  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+  border: fieldBorder(theme),
+  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(${rem(theme, -1)})`,
+    boxShadow: `0 ${rems(theme, 4, 8)} ${alpha(colorPalette.main, 0.15)}`,
+    animation: `${floatAnimation(theme)} 2s ease-in-out infinite`,
+    "&::before": {
+      width: "100%",
+      height: "100%"
+    }
+  },
+  "&:active": {
+    transform: "scale(0.98)"
+  },
+  "&.Mui-selected": {
+    backgroundColor: colorPalette.main,
+    color: colorPalette.contrastText || absoluteInk(theme).white,
+    borderColor: colorPalette.main,
+    boxShadow: `0 ${rems(theme, 2, 8)} ${alpha(colorPalette.main, 0.3)}`,
+    "&::after": {
+      content: '""',
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      background: `linear-gradient(135deg, transparent, ${sheen(theme, 0.1)})`,
+      pointerEvents: "none"
+    },
+    "&:hover": {
+      backgroundColor: colorPalette.dark,
+      transform: `translateY(${rem(theme, -2)}) scale(1.02)`,
+      boxShadow: `0 ${rems(theme, 6, 20)} ${alpha(colorPalette.main, 0.4)}`
+    }
+  },
+  // Size wins over everything above it — its font and horizontal padding; the
+  // height is the theme's field height for the size.
+  ...sizeStyles(theme, customSize),
+  minHeight: fieldHeight(theme, asFieldSize(customSize)),
+  paddingTop: 0,
+  paddingBottom: 0
+});
+var variantStyles = (theme, customVariant, colorPalette) => {
+  switch (customVariant) {
+    case "outline":
+      return {
+        backgroundColor: "transparent",
+        border: `${rem(theme, 2)} solid ${colorPalette.main}`,
+        color: colorPalette.main,
+        "&.Mui-selected": {
+          backgroundColor: colorPalette.main,
+          color: colorPalette.contrastText || absoluteInk(theme).white
+        }
+      };
+    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(${rem(theme, 20)})`,
+    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(theme)} 3s ease-in-out infinite`,
+      border: "none",
+      "&:hover": {
+        backgroundPosition: "100% 100%"
+      }
+    }
+  },
+  ...glow && {
+    "&.Mui-selected": {
+      animation: `${glowAnimation(theme)} 2s ease-in-out infinite`,
+      boxShadow: `0 0 ${rem(theme, 15)} ${alpha(colorPalette.main, 0.6)}`
+    }
+  }
+});
+
+export {
+  getColorFromTheme,
+  baseStyles,
+  variantStyles,
+  effectStyles
+};
+//# sourceMappingURL=chunk-FNRPQE2D.js.map

package/dist/chunk-FNRPQE2D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Toggle/Toggle.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, PaletteColor, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldBorder, fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, controlNeutral, sheen } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\n\nconst glowAnimation = (theme: Theme) => keyframes`\n  0% { box-shadow: 0 0 ${rem(theme, 5)} currentColor; }\n  50% { box-shadow: 0 0 ${rem(theme, 15)} currentColor, 0 0 ${rem(theme, 25)} currentColor; }\n  100% { box-shadow: 0 0 ${rem(theme, 5)} currentColor; }\n`;\n\nconst floatAnimation = (theme: Theme) => keyframes`\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(${rem(theme, -2)}); }\n`;\n\ninterface TogglePalette {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n}\n\nconst neutralPalette = (theme: Theme): TogglePalette => controlNeutral(theme);\n\n// A theme can be handed to us with shades missing, so each one falls back through\n// the palette's own main colour before reaching for primary.\nconst shade = (\n  palette: PaletteColor | undefined,\n  key: 'dark' | 'light',\n  fallback: PaletteColor,\n): string => palette?.[key] || palette?.main || fallback[key];\n\nexport const getColorFromTheme = (theme: Theme, color: string): TogglePalette => {\n  if (color === 'neutral') return neutralPalette(theme);\n\n  const colorMap: Record<string, PaletteColor> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  const fallback = theme.palette.primary;\n  const palette = colorMap[color] || fallback;\n\n  return {\n    main: palette?.main || fallback.main,\n    dark: shade(palette, 'dark', fallback),\n    light: shade(palette, 'light', fallback),\n    contrastText: palette?.contrastText || absoluteInk(theme).white,\n  };\n};\n\n/**\n * Each size's padding (vertical, horizontal) and type, in design px, read\n * through the type scale.\n */\nconst SIZE_MAP: Record<string, { paddingPx: readonly [number, number]; fontPx: number }> = {\n  xs: { paddingPx: [4, 8], fontPx: 12 },\n  sm: { paddingPx: [6, 12], fontPx: 14 },\n  md: { paddingPx: [8, 16], fontPx: 16 },\n  lg: { paddingPx: [10, 20], fontPx: 18 },\n  xl: { paddingPx: [12, 24], fontPx: 20 },\n};\n\nconst sizeStyles = (theme: Theme, customSize: string): CSSObject => {\n  const size = SIZE_MAP[customSize];\n  return size ? { padding: rems(theme, ...size.paddingPx), fontSize: rem(theme, size.fontPx) } : {};\n};\n\nexport const baseStyles = (\n  theme: Theme,\n  colorPalette: TogglePalette,\n  customSize: string,\n): CSSObject => ({\n  textTransform: 'none',\n  fontWeight: 500,\n  borderRadius: fieldRadius(theme),\n  transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n  border: fieldBorder(theme),\n  color: theme.palette.text.primary,\n  backgroundColor: 'transparent',\n  position: 'relative',\n  overflow: 'hidden',\n\n  // A zero-sized circle that grows to fill the button on hover.\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 0,\n    height: 0,\n    borderRadius: '50%',\n    backgroundColor: alpha(colorPalette.main, 0.2),\n    transform: 'translate(-50%, -50%)',\n    transition: 'width 0.4s, height 0.4s',\n  },\n\n  '&:hover': {\n    backgroundColor: alpha(colorPalette.main, 0.08),\n    borderColor: colorPalette.main,\n    transform: `translateY(${rem(theme, -1)})`,\n    boxShadow: `0 ${rems(theme, 4, 8)} ${alpha(colorPalette.main, 0.15)}`,\n    animation: `${floatAnimation(theme)} 2s ease-in-out infinite`,\n\n    '&::before': {\n      width: '100%',\n      height: '100%',\n    },\n  },\n\n  '&:active': {\n    transform: 'scale(0.98)',\n  },\n\n  '&.Mui-selected': {\n    backgroundColor: colorPalette.main,\n    color: colorPalette.contrastText || absoluteInk(theme).white,\n    borderColor: colorPalette.main,\n    boxShadow: `0 ${rems(theme, 2, 8)} ${alpha(colorPalette.main, 0.3)}`,\n\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      background: `linear-gradient(135deg, transparent, ${sheen(theme, 0.1)})`,\n      pointerEvents: 'none',\n    },\n\n    '&:hover': {\n      backgroundColor: colorPalette.dark,\n      transform: `translateY(${rem(theme, -2)}) scale(1.02)`,\n      boxShadow: `0 ${rems(theme, 6, 20)} ${alpha(colorPalette.main, 0.4)}`,\n    },\n  },\n\n  // Size wins over everything above it — its font and horizontal padding; the\n  // height is the theme's field height for the size.\n  ...sizeStyles(theme, customSize),\n  minHeight: fieldHeight(theme, asFieldSize(customSize)),\n  paddingTop: 0,\n  paddingBottom: 0,\n});\n\nexport const variantStyles = (\n  theme: Theme,\n  customVariant: string | undefined,\n  colorPalette: TogglePalette,\n): CSSObject => {\n  switch (customVariant) {\n    case 'outline':\n      return {\n        backgroundColor: 'transparent',\n        border: `${rem(theme, 2)} solid ${colorPalette.main}`,\n        color: colorPalette.main,\n\n        '&.Mui-selected': {\n          backgroundColor: colorPalette.main,\n          color: colorPalette.contrastText || absoluteInk(theme).white,\n        },\n      };\n    case 'soft':\n      return {\n        backgroundColor: alpha(colorPalette.main, 0.1),\n        border: 'none',\n        color: colorPalette.main,\n\n        '&.Mui-selected': {\n          backgroundColor: alpha(colorPalette.main, 0.2),\n          color: colorPalette.main,\n        },\n      };\n    default:\n      return {};\n  }\n};\n\ninterface ToggleEffects {\n  glass?: boolean;\n  gradient?: boolean;\n  glow?: boolean;\n}\n\n// gradient and glow both target `.Mui-selected`; with both on, the later spread\n// wins, so glow's animation replaces gradient's.\nexport const effectStyles = (\n  theme: Theme,\n  colorPalette: TogglePalette,\n  { glass, gradient, glow }: ToggleEffects,\n): CSSObject => ({\n  ...(glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: `blur(${rem(theme, 20)})`,\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  }),\n\n  ...(gradient && {\n    '&.Mui-selected': {\n      background: `linear-gradient(135deg, ${colorPalette.light}, ${colorPalette.main}, ${colorPalette.dark})`,\n      backgroundSize: '200% 200%',\n      animation: `${floatAnimation(theme)} 3s ease-in-out infinite`,\n      border: 'none',\n\n      '&:hover': {\n        backgroundPosition: '100% 100%',\n      },\n    },\n  }),\n\n  ...(glow && {\n    '&.Mui-selected': {\n      animation: `${glowAnimation(theme)} 2s ease-in-out infinite`,\n      boxShadow: `0 0 ${rem(theme, 15)} ${alpha(colorPalette.main, 0.6)}`,\n    },\n  }),\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-FPVYD7BO.js

@@ -0,0 +1,214 @@
+import {
+  shimmerAnimation
+} from "./chunk-IM4DMKH4.js";
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+import {
+  scrim,
+  sheen
+} from "./chunk-FQ6UW7IY.js";
+import {
+  rem,
+  rems
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Sheet/Sheet.parts.tsx
+import CloseIcon from "@mui/icons-material/Close";
+import Backdrop from "@mui/material/Backdrop/index.js";
+import Box from "@mui/material/Box/index.js";
+import Divider from "@mui/material/Divider/index.js";
+import Fade from "@mui/material/Fade/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, useTheme } from "@mui/material/styles/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var handleSx = (theme, isDraggable) => ({
+  width: rem(theme, isDraggable ? 48 : 32),
+  height: rem(theme, isDraggable ? 6 : 4),
+  backgroundColor: alpha(theme.palette.text.primary, 0.3),
+  borderRadius: 3,
+  transition: theme.transitions.create(["all"], {
+    duration: theme.transitions.duration.short,
+    easing: theme.transitions.easing.easeInOut
+  }),
+  position: "relative",
+  overflow: "hidden",
+  "&::after": {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: "-100%",
+    width: "100%",
+    height: "100%",
+    background: `linear-gradient(
+      90deg,
+      transparent,
+      ${sheen(theme, 0.3)},
+      transparent
+    )`,
+    animation: isDraggable ? `${shimmerAnimation(theme)} 2s infinite` : "none"
+  },
+  ...isDraggable && {
+    backgroundColor: alpha(theme.palette.primary.main, 0.4),
+    boxShadow: `${rems(theme, 0, 2, 4)} ${alpha(theme.palette.primary.main, 0.2)}`,
+    "&:hover": {
+      backgroundColor: theme.palette.primary.main,
+      transform: "scaleX(1.15) scaleY(1.2)",
+      boxShadow: `${rems(theme, 0, 3, 6)} ${alpha(theme.palette.primary.main, 0.3)}`
+    }
+  }
+});
+var SheetHandle = ({ isDraggable }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        mb: 1,
+        // The handle is decoration on a draggable header: the drag listeners sit
+        // on the header itself, so letting the bar swallow the press would open
+        // a dead zone in the middle of the grab target.
+        pointerEvents: isDraggable ? "none" : "auto"
+      },
+      children: /* @__PURE__ */ jsx(Box, { sx: handleSx(theme, isDraggable) })
+    }
+  );
+};
+var HEADER_DEFAULTS = {
+  isDraggable: false,
+  dataTestId: "sheet-header"
+};
+var SheetHeader = (props) => {
+  const {
+    title,
+    description,
+    showCloseButton,
+    onClose,
+    showHandle,
+    isDraggable,
+    onDragStart,
+    className,
+    style,
+    children,
+    dataTestId
+  } = withDefaults(props, HEADER_DEFAULTS);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className,
+      "data-testid": dataTestId,
+      sx: {
+        p: 2,
+        pb: showHandle ? 1 : 2,
+        cursor: isDraggable ? "grab" : "auto",
+        "&:active": isDraggable ? { cursor: "grabbing" } : {},
+        ...style
+      },
+      onMouseDown: isDraggable ? onDragStart : void 0,
+      onTouchStart: isDraggable ? onDragStart : void 0,
+      children: [
+        showHandle && /* @__PURE__ */ jsx(SheetHandle, { isDraggable: Boolean(isDraggable) }),
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
+            title && /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: 600 }, "data-testid": `${dataTestId}-title`, children: title }),
+            description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: description }),
+            children
+          ] }),
+          showCloseButton && /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              onClick: onClose,
+              size: "small",
+              sx: { ml: 1, mt: -0.5 },
+              "data-testid": `${dataTestId}-close-button`,
+              children: /* @__PURE__ */ jsx(CloseIcon, { "data-testid": `${dataTestId}-close-icon` })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var CONTENT_DEFAULTS = {
+  padded: true,
+  dataTestId: "sheet-content"
+};
+var SheetContent = (props) => {
+  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      "data-testid": dataTestId,
+      sx: { flex: 1, overflow: "auto", p: padded ? 2 : 0, ...style },
+      children
+    }
+  );
+};
+var FOOTER_DEFAULTS = {
+  sticky: false,
+  divider: false,
+  dataTestId: "sheet-footer"
+};
+var SheetFooter = (props) => {
+  const { children, className, style, sticky, divider, dataTestId } = withDefaults(
+    props,
+    FOOTER_DEFAULTS
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    divider && /* @__PURE__ */ jsx(Divider, {}),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        className,
+        "data-testid": dataTestId,
+        sx: {
+          p: 2,
+          position: sticky ? "sticky" : "relative",
+          bottom: sticky ? 0 : "auto",
+          backgroundColor: "background.paper",
+          borderTop: sticky ? "1px solid" : "none",
+          borderColor: "divider",
+          ...style
+        },
+        children
+      }
+    )
+  ] });
+};
+var OVERLAY_DEFAULTS = {
+  open: false,
+  blur: false
+};
+var SheetOverlay = (props) => {
+  const { open, onClick, className, style, blur } = withDefaults(props, OVERLAY_DEFAULTS);
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(Fade, { in: open, timeout: 300, children: /* @__PURE__ */ jsx(
+    Backdrop,
+    {
+      open: Boolean(open),
+      onClick,
+      className,
+      sx: {
+        // One below the drawer: this backdrop replaces MUI's own (the drawer
+        // is given a no-op BackdropComponent) and must sit under the panel.
+        zIndex: theme.zIndex.drawer - 1,
+        backgroundColor: scrim(theme, blur ? 0.6 : 0.5),
+        backdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : "none",
+        WebkitBackdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : "none",
+        ...style
+      }
+    }
+  ) });
+};
+
+export {
+  SheetHeader,
+  SheetContent,
+  SheetFooter,
+  SheetOverlay
+};
+//# sourceMappingURL=chunk-FPVYD7BO.js.map

package/dist/chunk-FPVYD7BO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.parts.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { scrim, sheen } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { shimmerAnimation } from './Sheet.animations';\nimport type {\n  SheetContentProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n} from './Sheet.types';\n\n/**\n * The grab handle's own styling. A draggable handle is deliberately larger and\n * tinted, so the affordance reads as draggable before the user tries it; a\n * decorative one stays a neutral bar.\n */\nconst handleSx = (theme: Theme, isDraggable: boolean) => ({\n  width: rem(theme, isDraggable ? 48 : 32),\n  height: rem(theme, isDraggable ? 6 : 4),\n  backgroundColor: alpha(theme.palette.text.primary, 0.3),\n  borderRadius: 3,\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.short,\n    easing: theme.transitions.easing.easeInOut,\n  }),\n  position: 'relative',\n  overflow: 'hidden',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: '-100%',\n    width: '100%',\n    height: '100%',\n    background: `linear-gradient(\n      90deg,\n      transparent,\n      ${sheen(theme, 0.3)},\n      transparent\n    )`,\n    animation: isDraggable ? `${shimmerAnimation(theme)} 2s infinite` : 'none',\n  },\n  ...(isDraggable && {\n    backgroundColor: alpha(theme.palette.primary.main, 0.4),\n    boxShadow: `${rems(theme, 0, 2, 4)} ${alpha(theme.palette.primary.main, 0.2)}`,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.main,\n      transform: 'scaleX(1.15) scaleY(1.2)',\n      boxShadow: `${rems(theme, 0, 3, 6)} ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n});\n\nconst SheetHandle: React.FC<{ isDraggable: boolean }> = ({ isDraggable }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        mb: 1,\n        // The handle is decoration on a draggable header: the drag listeners sit\n        // on the header itself, so letting the bar swallow the press would open\n        // a dead zone in the middle of the grab target.\n        pointerEvents: isDraggable ? 'none' : 'auto',\n      }}\n    >\n      <Box sx={handleSx(theme, isDraggable)} />\n    </Box>\n  );\n};\n\nconst HEADER_DEFAULTS: Partial<SheetHeaderProps> = {\n  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\n    dataTestId,\n  } = withDefaults(props, HEADER_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 2,\n        pb: showHandle ? 1 : 2,\n        cursor: isDraggable ? 'grab' : 'auto',\n        '&:active': isDraggable ? { cursor: 'grabbing' } : {},\n        ...style,\n      }}\n      onMouseDown={isDraggable ? onDragStart : undefined}\n      onTouchStart={isDraggable ? onDragStart : undefined}\n    >\n      {showHandle && <SheetHandle isDraggable={Boolean(isDraggable)} />}\n\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>\n        <Box sx={{ flex: 1 }}>\n          {title && (\n            <Typography variant=\"h6\" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>\n              {title}\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n              {description}\n            </Typography>\n          )}\n          {children}\n        </Box>\n\n        {showCloseButton && (\n          <IconButton\n            onClick={onClose}\n            size=\"small\"\n            sx={{ ml: 1, mt: -0.5 }}\n            data-testid={`${dataTestId}-close-button`}\n          >\n            <CloseIcon data-testid={`${dataTestId}-close-icon`} />\n          </IconButton>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst CONTENT_DEFAULTS: Partial<SheetContentProps> = {\n  padded: true,\n  dataTestId: 'sheet-content',\n};\n\nexport const SheetContent: React.FC<SheetContentProps> = (props) => {\n  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      // No `minHeight: 0` here, deliberately: a flex item's automatic minimum\n      // size only applies while its main-axis `overflow` is `visible`, and this\n      // one is `auto`, so it already shrinks. `SheetBody` above is the item that\n      // needs it stated.\n      sx={{ flex: 1, overflow: 'auto', p: padded ? 2 : 0, ...style }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst FOOTER_DEFAULTS: Partial<SheetFooterProps> = {\n  sticky: false,\n  divider: false,\n  dataTestId: 'sheet-footer',\n};\n\nexport const SheetFooter: React.FC<SheetFooterProps> = (props) => {\n  const { children, className, style, sticky, divider, dataTestId } = withDefaults(\n    props,\n    FOOTER_DEFAULTS,\n  );\n\n  return (\n    <>\n      {divider && <Divider />}\n      <Box\n        className={className}\n        data-testid={dataTestId}\n        sx={{\n          p: 2,\n          position: sticky ? 'sticky' : 'relative',\n          bottom: sticky ? 0 : 'auto',\n          backgroundColor: 'background.paper',\n          borderTop: sticky ? '1px solid' : 'none',\n          borderColor: 'divider',\n          ...style,\n        }}\n      >\n        {children}\n      </Box>\n    </>\n  );\n};\n\nconst OVERLAY_DEFAULTS: Partial<SheetOverlayProps> = {\n  open: false,\n  blur: false,\n};\n\nexport const SheetOverlay: React.FC<SheetOverlayProps> = (props) => {\n  const { open, onClick, className, style, blur } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n\n  return (\n    <Fade in={open} timeout={300}>\n      <Backdrop\n        open={Boolean(open)}\n        onClick={onClick}\n        className={className}\n        sx={{\n          // One below the drawer: this backdrop replaces MUI's own (the drawer\n          // is given a no-op BackdropComponent) and must sit under the panel.\n          zIndex: theme.zIndex.drawer - 1,\n          backgroundColor: scrim(theme, blur ? 0.6 : 0.5),\n          backdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',\n          WebkitBackdropFilter: blur ? `blur(${rem(theme, 8)}) saturate(180%)` : 'none',\n          ...style,\n        }}\n      />\n    </Fade>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-FWPFCK4D.js

@@ -0,0 +1,26 @@
+import {
+  ConfirmActionDialog
+} from "./chunk-BJZOBG24.js";
+import {
+  useConfirmAction
+} from "./chunk-EMYESBIT.js";
+
+// src/components/feedback/ConfirmAction/ConfirmAction.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ConfirmAction({
+  onConfirm,
+  children,
+  ...options
+}) {
+  const state = useConfirmAction(onConfirm, options.errorText);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children(state.request, { pending: state.pending }),
+    /* @__PURE__ */ jsx(ConfirmActionDialog, { state, ...options })
+  ] });
+}
+ConfirmAction.displayName = "ConfirmAction";
+
+export {
+  ConfirmAction
+};
+//# sourceMappingURL=chunk-FWPFCK4D.js.map