@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-GE2EKMDT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, controlNeutral } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => controlNeutral(theme);\n\n/** `danger` is this component's name for the error palette. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\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  return colorMap[color] || theme.palette.primary;\n};\n\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || absoluteInk(theme).white,\n  };\n};\n\ntype SizeKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Each slot's type, in design px. Its side is the theme's field height for the size (a square). */\nconst SIZES: Record<SizeKey, { fontPx: number }> = {\n  xs: { fontPx: 12 },\n  sm: { fontPx: 14 },\n  md: { fontPx: 16 },\n  lg: { fontPx: 18 },\n  xl: { fontPx: 20 },\n};\n\nexport interface OtpSlotFlags {\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n  gradient?: boolean;\n}\n\nexport const otpSlotSx = (theme: Theme, flags: OtpSlotFlags): CSSObject => {\n  const { customColor = 'primary', customSize = 'md', glass, gradient } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n  const { fontPx } = SIZES[customSize as SizeKey] ?? SIZES.md;\n  // A slot is a field: a square of the theme's field height for its size.\n  const side = fieldHeight(theme, asFieldSize(customSize));\n\n  return {\n    width: side,\n    height: side,\n    '& .MuiOutlinedInput-root': {\n      width: side,\n      height: side,\n      fontSize: rem(theme, fontPx),\n      fontWeight: 600,\n      textAlign: 'center',\n      borderRadius: fieldRadius(theme),\n      ...(glass && {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        '& fieldset': { border: `1px solid ${fieldEdge(theme)}` },\n      }),\n      ...(gradient && {\n        '&.Mui-focused fieldset': {\n          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,\n          borderWidth: '2px',\n        },\n      }),\n      '& input': { textAlign: 'center', padding: 0, fontWeight: 'inherit' },\n      ...(!glass && { '& fieldset': { borderColor: fieldEdge(theme) } }),\n      '&:hover fieldset': { borderColor: palette.main },\n      '&.Mui-focused fieldset': { borderColor: palette.main, borderWidth: '2px' },\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa;AAiBtB,IAAM,iBAAiB,CAAC,UAA+B,eAAe,KAAK;AAG3E,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB,YAAY,KAAK,EAAE;AAAA,EAC3D;AACF;AAKA,IAAM,QAA6C;AAAA,EACjD,IAAI,EAAE,QAAQ,GAAG;AAAA,EACjB,IAAI,EAAE,QAAQ,GAAG;AAAA,EACjB,IAAI,EAAE,QAAQ,GAAG;AAAA,EACjB,IAAI,EAAE,QAAQ,GAAG;AAAA,EACjB,IAAI,EAAE,QAAQ,GAAG;AACnB;AASO,IAAM,YAAY,CAAC,OAAc,UAAmC;AACzE,QAAM,EAAE,cAAc,WAAW,aAAa,MAAM,OAAO,SAAS,IAAI;AACxE,QAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,QAAM,EAAE,OAAO,IAAI,MAAM,UAAqB,KAAK,MAAM;AAEzD,QAAM,OAAO,YAAY,OAAO,YAAY,UAAU,CAAC;AAEvD,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,4BAA4B;AAAA,MAC1B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU,IAAI,OAAO,MAAM;AAAA,MAC3B,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,cAAc,YAAY,KAAK;AAAA,MAC/B,GAAI,SAAS;AAAA,QACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,cAAc,EAAE,QAAQ,aAAa,UAAU,KAAK,CAAC,GAAG;AAAA,MAC1D;AAAA,MACA,GAAI,YAAY;AAAA,QACd,0BAA0B;AAAA,UACxB,YAAY,2BAA2B,QAAQ,IAAI,KAAK,QAAQ,KAAK;AAAA,UACrE,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,WAAW,EAAE,WAAW,UAAU,SAAS,GAAG,YAAY,UAAU;AAAA,MACpE,GAAI,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,UAAU,KAAK,EAAE,EAAE;AAAA,MAChE,oBAAoB,EAAE,aAAa,QAAQ,KAAK;AAAA,MAChD,0BAA0B,EAAE,aAAa,QAAQ,MAAM,aAAa,MAAM;AAAA,IAC5E;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-GEXM6DNR.js

@@ -1,76 +0,0 @@
-import {
-  UploadDropzone,
-  UploadFeedback,
-  UploadTrigger
-} from "./chunk-U4H6MGVE.js";
-import {
-  useUploadButton
-} from "./chunk-QWVETTIY.js";
-
-// src/components/form/UploadButton/UploadButton.tsx
-import Box from "@mui/material/Box/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var UploadButton = React.forwardRef((props, ref) => {
-  const {
-    copy,
-    variant = "default",
-    label = props.copy.buttonLabel,
-    disabled = false,
-    multiple = false,
-    accept,
-    capture,
-    helperText,
-    icon,
-    className,
-    "data-testid": dataTestId
-  } = props;
-  const { inputRef, inputId, state, drag, derived, openPicker, handleInputChange } = useUploadButton(props);
-  const trigger = {
-    copy,
-    label,
-    icon,
-    disabled,
-    className,
-    dataTestId,
-    describedBy: derived.describedBy,
-    onOpen: openPicker
-  };
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: ref || inputRef,
-        id: inputId,
-        type: "file",
-        accept,
-        multiple,
-        capture,
-        onChange: handleInputChange,
-        style: { display: "none" },
-        disabled,
-        "aria-hidden": "true"
-      }
-    ),
-    variant === "dropzone" ? /* @__PURE__ */ jsx(UploadDropzone, { ...trigger, isDragOver: state.isDragOver, drag }) : /* @__PURE__ */ jsx(UploadTrigger, { ...trigger, variant, isUploading: derived.isUploading }),
-    /* @__PURE__ */ jsx(
-      UploadFeedback,
-      {
-        copy,
-        isUploading: derived.isUploading,
-        progress: derived.progress,
-        helperText,
-        helperId: derived.helperId,
-        error: derived.error,
-        errorId: derived.errorId,
-        announceDragOver: variant === "dropzone" && state.isDragOver
-      }
-    )
-  ] });
-});
-UploadButton.displayName = "UploadButton";
-
-export {
-  UploadButton
-};
-//# sourceMappingURL=chunk-GEXM6DNR.js.map

package/dist/chunk-GGWICBJD.js

@@ -1,58 +0,0 @@
-import {
-  FormContext
-} from "./chunk-4XK6JQ4D.js";
-import {
-  Form
-} from "./chunk-2HVNPWFV.js";
-
-// src/components/form/total-form/FormContainer.tsx
-import { validateFields } from "@12-apps/forms-core";
-import { useCallback, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-function FormContainer({
-  initialValues,
-  schema,
-  onSubmit,
-  children,
-  dataTestId = "total-form"
-}) {
-  const [values, setValues] = useState(initialValues);
-  const [errors, setErrors] = useState({});
-  const [submitting, setSubmitting] = useState(false);
-  const setFieldValue = useCallback((name, value) => {
-    setValues((prev) => ({ ...prev, [name]: value }));
-    setErrors((prev) => {
-      if (!prev[name]) return prev;
-      const next = { ...prev };
-      delete next[name];
-      return next;
-    });
-  }, []);
-  const handleSubmit = useCallback(
-    async (event) => {
-      event.preventDefault();
-      const nextErrors = schema ? validateFields(values, schema) : {};
-      setErrors(nextErrors);
-      if (Object.values(nextErrors).some(Boolean)) return;
-      setSubmitting(true);
-      try {
-        await onSubmit(values, {
-          setFieldErrors: (fieldErrors) => setErrors(fieldErrors)
-        });
-      } finally {
-        setSubmitting(false);
-      }
-    },
-    [onSubmit, schema, values]
-  );
-  const contextValue = useMemo(
-    () => ({ values, errors, submitting, setFieldValue }),
-    [errors, setFieldValue, submitting, values]
-  );
-  return /* @__PURE__ */ jsx(FormContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(Form, { dataTestId, onSubmit: handleSubmit, noValidate: true, children }) });
-}
-
-export {
-  FormContainer
-};
-//# sourceMappingURL=chunk-GGWICBJD.js.map

package/dist/chunk-GIRRCEVH.js

@@ -1,116 +0,0 @@
-import {
-  CollapseToggle,
-  LogoBar,
-  MenuList
-} from "./chunk-57IB5NTM.js";
-import {
-  renderMenuItem
-} from "./chunk-AATIHNPI.js";
-import {
-  slideIn
-} from "./chunk-CU4TF7C7.js";
-
-// src/components/navigation/NavigationMenu/NavigationStandardBody.tsx
-import MenuIcon from "@mui/icons-material/Menu";
-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 ListItemIcon from "@mui/material/ListItemIcon/index.js";
-import ListItemText from "@mui/material/ListItemText/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import { alpha } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DividerRule = () => /* @__PURE__ */ jsx(
-  Divider,
-  {
-    sx: {
-      my: 1,
-      opacity: 0.5,
-      background: (theme) => `linear-gradient(90deg, transparent 0%, ${alpha(theme.palette.divider, 0.5)} 50%, transparent 100%)`
-    }
-  }
-);
-var VerticalLogo = ({ logo, collapsed }) => /* @__PURE__ */ jsx(LogoBar, { children: collapsed ? /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(MenuIcon, {}) }) : logo });
-var CollapseControl = ({
-  collapsed,
-  onToggle
-}) => /* @__PURE__ */ jsxs(CollapseToggle, { onClick: onToggle, children: [
-  /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: collapsed ? 0 : 40, justifyContent: "center" }, children: /* @__PURE__ */ jsx(MenuIcon, {}) }),
-  !collapsed && /* @__PURE__ */ jsx(ListItemText, { primary: "Collapse" })
-] });
-var MenuItems = ({ items, variant, size, collapsed, minimal, showDividers }) => /* @__PURE__ */ jsx(MenuList, { variant, size, children: items.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-  /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        // Staggered so the list fills in rather than appearing at once.
-        animation: `${slideIn} 0.4s ease-out`,
-        animationDelay: `${index * 0.05}s`,
-        animationFillMode: "both"
-      },
-      children: renderMenuItem(item, variant, size, collapsed, minimal, 0)
-    }
-  ),
-  showDividers && index < items.length - 1 && /* @__PURE__ */ jsx(DividerRule, {})
-] }, item.id)) });
-var EndPanel = ({ children }) => /* @__PURE__ */ jsx(Fade, { in: true, timeout: 600, children: /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      mt: "auto",
-      p: 2,
-      borderTop: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-      background: (theme) => `linear-gradient(180deg, transparent 0%, ${alpha(theme.palette.background.default, 0.5)} 100%)`
-    },
-    children
-  }
-) });
-var NavigationStandardBody = ({
-  variant,
-  size,
-  minimal,
-  collapsed,
-  collapsible,
-  showDividers,
-  items,
-  logo,
-  endContent,
-  onCollapseToggle
-}) => {
-  const isVertical = variant === "vertical";
-  const elevation = !minimal && variant === "horizontal" ? 1 : 0;
-  return /* @__PURE__ */ jsxs(
-    Paper,
-    {
-      elevation,
-      sx: {
-        width: "100%",
-        height: isVertical ? "100%" : "auto",
-        overflow: "hidden",
-        background: minimal ? "transparent" : void 0
-      },
-      children: [
-        logo && isVertical && /* @__PURE__ */ jsx(VerticalLogo, { logo, collapsed }),
-        collapsible && isVertical && /* @__PURE__ */ jsx(CollapseControl, { collapsed, onToggle: onCollapseToggle }),
-        /* @__PURE__ */ jsx(
-          MenuItems,
-          {
-            items,
-            variant,
-            size,
-            collapsed,
-            minimal,
-            showDividers
-          }
-        ),
-        endContent && /* @__PURE__ */ jsx(EndPanel, { children: endContent })
-      ]
-    }
-  );
-};
-
-export {
-  NavigationStandardBody
-};
-//# sourceMappingURL=chunk-GIRRCEVH.js.map

package/dist/chunk-GN5EZPSL.js

@@ -1,195 +0,0 @@
-import {
-  glowAnimation,
-  pulseAnimation,
-  shimmerAnimation
-} from "./chunk-F52N6ACD.js";
-import {
-  accentFor
-} from "./chunk-TCAQOUIB.js";
-import {
-  shadowInk,
-  sheen
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/data-display/Sheet/Sheet.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var isHorizontalPosition = (position) => position === "left" || position === "right";
-var HORIZONTAL_SIZES = {
-  xs: "min(92vw, 240px)",
-  sm: "min(92vw, 320px)",
-  md: "min(92vw, 400px)",
-  lg: "min(92vw, max(560px, 32vw))",
-  xl: "min(92vw, max(720px, 40vw))",
-  full: "100%"
-};
-var VERTICAL_SIZES = {
-  xs: "min(200px, 100%)",
-  sm: "min(300px, 100%)",
-  md: "min(400px, 100%)",
-  lg: "min(500px, 100%)",
-  xl: "min(600px, 100%)"
-};
-var VERTICAL_MAX_WIDTH = "min(100%, 640px)";
-var sizeStyles = ({
-  position,
-  size,
-  isDraggableVariant,
-  currentHeight
-}) => {
-  if (isHorizontalPosition(position)) {
-    return { width: HORIZONTAL_SIZES[size] ?? HORIZONTAL_SIZES.md };
-  }
-  if (size === "full") return { width: "100%", height: "100%" };
-  const cross = { width: VERTICAL_MAX_WIDTH, marginInline: "auto" };
-  if (isDraggableVariant && currentHeight !== null) {
-    return { ...cross, height: currentHeight };
-  }
-  return {
-    ...cross,
-    // A CEILING, not a height — see `VERTICAL_SIZES`. `height: auto` is stated
-    // rather than left off so the rule survives a caller who set a height on a
-    // previous render, and it is what lets the panel hug what it holds.
-    height: "auto",
-    maxHeight: VERTICAL_SIZES[size] ?? VERTICAL_SIZES.md
-  };
-};
-var toRgbTriplet = (hexColor) => {
-  const hex = hexColor.replace("#", "");
-  const r = parseInt(hex.substring(0, 2), 16);
-  const g = parseInt(hex.substring(2, 4), 16);
-  const b = parseInt(hex.substring(4, 6), 16);
-  return `${r}, ${g}, ${b}`;
-};
-var roundedStyles = (theme, position) => {
-  const radius = theme.spacing(2);
-  const byPosition = {
-    top: `0 0 ${radius} ${radius}`,
-    bottom: `${radius} ${radius} 0 0`,
-    left: `0 ${radius} ${radius} 0`,
-    right: `${radius} 0 0 ${radius}`
-  };
-  return { borderRadius: byPosition[position] };
-};
-var SURFACES = {
-  draggable: ({ theme, elevation, accent }) => ({
-    boxShadow: `
-            ${theme.shadows[Math.min(elevation + 4, 24)]},
-            0 -2px 10px 0 ${shadowInk(theme, 0.1)}
-          `,
-    border: `1px solid ${alpha(theme.palette.divider, 0.12)}`,
-    borderTop: `2px solid ${alpha(accent, 0.3)}`,
-    transition: theme.transitions.create(["transform", "box-shadow", "border-color"], {
-      duration: theme.transitions.duration.shorter,
-      easing: theme.transitions.easing.easeInOut
-    }),
-    "&:hover": { borderTopColor: alpha(accent, 0.5) }
-  }),
-  glass: ({ theme, glass }) => ({
-    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.75 : 0.95),
-    backdropFilter: "blur(24px) saturate(180%)",
-    WebkitBackdropFilter: "blur(24px) saturate(180%)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.15)}`,
-    boxShadow: `
-            0 8px 32px 0 ${shadowInk(theme, 0.15)},
-            inset 0 0 0 1px ${sheen(theme, 0.1)}
-          `
-  }),
-  gradient: ({ theme, color, gradient, accent }) => ({
-    background: gradient ? `linear-gradient(
-                135deg,
-                ${theme.palette.background.paper} 0%,
-                ${alpha(accent, 0.08)} 50%,
-                ${alpha(accentFor(theme, color)?.dark || accent, 0.12)} 100%
-              )` : theme.palette.background.paper,
-    position: "relative",
-    overflow: "hidden",
-    "&::before": gradient ? shimmerOverlay(theme) : {}
-  }),
-  elevated: ({ theme, elevation }) => ({
-    boxShadow: `
-            ${theme.shadows[elevation]},
-            0 20px 40px -15px ${shadowInk(theme, 0.15)}
-          `,
-    transform: "translateZ(0)",
-    willChange: "transform"
-  }),
-  minimal: () => ({ boxShadow: "none", border: "none" }),
-  default: () => ({})
-};
-var shimmerOverlay = (theme) => ({
-  content: '""',
-  position: "absolute",
-  top: 0,
-  left: "-100%",
-  width: "100%",
-  height: "100%",
-  background: `linear-gradient(
-              90deg,
-              transparent,
-              ${sheen(theme, 0.2)},
-              transparent
-            )`,
-  animation: `${shimmerAnimation} 3s infinite`
-});
-var baseSurface = (input, accent) => {
-  const { theme, disabled, isDragging, isAnimating, isDraggableVariant, isVerticalSheet } = input;
-  const colorRgb = toRgbTriplet(accent);
-  return {
-    backgroundColor: theme.palette.background.paper,
-    // A transition would fight the per-frame height writes while a drag or a
-    // snap animation is driving the panel.
-    transition: !isDragging && !isAnimating ? theme.transitions.create(["all"], {
-      duration: theme.transitions.duration.standard,
-      easing: theme.transitions.easing.easeInOut
-    }) : "none",
-    opacity: disabled ? 0.5 : 1,
-    pointerEvents: disabled ? "none" : "auto",
-    cursor: isDraggableVariant && isVerticalSheet ? "grab" : "auto",
-    "--pulse-color": colorRgb,
-    "--glow-color": colorRgb,
-    ...isDragging && { cursor: "grabbing" }
-  };
-};
-var variantStyles = (input) => {
-  const { theme, variant, color, position, glow, pulse, rounded } = input;
-  const accent = accentFor(theme, color)?.main || theme.palette.primary.main;
-  return {
-    ...baseSurface(input, accent),
-    // glow first, then pulse: with both set the pulse keyframes win the shared
-    // `animation` slot, which is the order the original spread produced.
-    ...glow && { animation: `${glowAnimation} 2s ease-in-out infinite`, filter: "brightness(1.05)" },
-    ...pulse && { animation: `${pulseAnimation} 2s infinite`, position: "relative" },
-    ...rounded && roundedStyles(theme, position),
-    ...(SURFACES[variant] ?? SURFACES.default)({ ...input, accent })
-  };
-};
-var panelSx = (input) => {
-  const { position, size, isDraggableVariant, isVerticalSheet, currentHeight, fullHeight, style } = input;
-  return {
-    // The DEFAULT, so the glow and the elevated shadow are not clipped by the
-    // panel they hang off. It used to be stated last, which made it a rule
-    // nothing could override — including `gradient`, whose own `overflow:
-    // hidden` is what keeps its shimmer inside the panel. That was invisible
-    // while every vertical sheet was full-bleed, because the sweep starts at
-    // `left: -100%` and a full-width panel put it off-screen; a 640px one puts
-    // it on the backdrop beside the sheet.
-    overflow: "visible",
-    ...sizeStyles({ position, size, isDraggableVariant, currentHeight }),
-    // A COLUMN, so `maxHeight` above can be a ceiling rather than a height: the
-    // body is then a flex item that shrinks against it, and the scrolling falls
-    // to `SheetContent` where it belongs. Without this the panel would clip a
-    // long sheet instead of scrolling it.
-    ...isVerticalSheet ? { display: "flex", flexDirection: "column" } : {},
-    ...variantStyles(input),
-    ...style,
-    // Expand only the cross axis so the chosen `size` still governs the main
-    // axis: side sheets keep their (responsive) width and go full-height;
-    // top/bottom sheets keep their height and go full-width.
-    ...fullHeight && !isDraggableVariant && (isHorizontalPosition(position) ? { height: "100%" } : { width: "100%" })
-  };
-};
-
-export {
-  panelSx
-};
-//# sourceMappingURL=chunk-GN5EZPSL.js.map

package/dist/chunk-GN5EZPSL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport type React from 'react';\n\nimport { glowAnimation, pulseAnimation, shimmerAnimation } from './Sheet.animations';\nimport type { SheetProps } from './Sheet.types';\nimport { shadowInk, sheen } from '../../../tokens/ink';\nimport { accentFor } from '../../../tokens/scales';\n\ntype Position = NonNullable<SheetProps['position']>;\ntype Variant = NonNullable<SheetProps['variant']>;\ntype Size = NonNullable<SheetProps['size']>;\ntype Color = NonNullable<SheetProps['color']>;\n\nconst isHorizontalPosition = (position: Position) => position === 'left' || position === 'right';\n\n/**\n * Horizontal (left/right) sheets are viewport-aware: a px floor keeps the panel\n * usable, `…vw` lets the larger presets grow on wide screens (lg ≥32%, xl ≥40%\n * of the viewport), and the outer `min(92vw, …)` guarantees the panel never\n * overflows a small screen.\n */\nconst HORIZONTAL_SIZES: Record<Size, string> = {\n  xs: 'min(92vw, 240px)',\n  sm: 'min(92vw, 320px)',\n  md: 'min(92vw, 400px)',\n  lg: 'min(92vw, max(560px, 32vw))',\n  xl: 'min(92vw, max(720px, 40vw))',\n  full: '100%',\n};\n\n/**\n * `size` governs a vertical sheet's MAIN axis, and it is a CEILING rather than\n * a height: the panel is as tall as what it holds, and starts scrolling only\n * once that would pass the preset.\n *\n * It was a fixed `height`, which meant a short sheet reserved the rest of the\n * preset as dead space — a `md` sheet holding three lines and a button drew a\n * 400px panel and floated them in it. `min(…, 100%)` keeps the ceiling under\n * the viewport, which is also what MUI's own bottom paper asks for.\n *\n * `full` is absent on purpose: it is not a ceiling, it is the whole viewport,\n * and `sizeStyles` answers it before it gets here.\n */\nconst VERTICAL_SIZES: Record<Exclude<Size, 'full'>, string> = {\n  xs: 'min(200px, 100%)',\n  sm: 'min(300px, 100%)',\n  md: 'min(400px, 100%)',\n  lg: 'min(500px, 100%)',\n  xl: 'min(600px, 100%)',\n};\n\n/**\n * How wide a top/bottom sheet is allowed to get — its CROSS axis, so it is one\n * rule rather than one per `size` preset.\n *\n * A bottom sheet spanning the full width is a phone layout, and it was the only\n * layout this component had: on a desktop a panel holding a sentence and one\n * button was drawn 1900px wide, with the content stranded in the middle of it.\n * 640px is Material's own ceiling for a bottom sheet above the handset\n * breakpoint, and below it `100%` gives the phone back exactly what it had.\n *\n * `fullHeight` is the documented opt-out — it expands a vertical sheet along\n * this axis — and it becomes meaningful here for the first time: it used to\n * name the behaviour every bottom sheet already had.\n */\nconst VERTICAL_MAX_WIDTH = 'min(100%, 640px)';\n\ninterface SizeStyleInput {\n  position: Position;\n  size: Size;\n  isDraggableVariant: boolean;\n  currentHeight: number | null;\n}\n\nconst sizeStyles = ({\n  position,\n  size,\n  isDraggableVariant,\n  currentHeight,\n}: SizeStyleInput) => {\n  if (isHorizontalPosition(position)) {\n    return { width: HORIZONTAL_SIZES[size] ?? HORIZONTAL_SIZES.md };\n  }\n\n  // `full` is not a size on the scale — it is THE WHOLE VIEWPORT, on both axes,\n  // and it has to stay that: a consumer using it for a phone takeover would\n  // otherwise get a content-hugging 640px card out of a catalog bump, with\n  // nothing in the API left to ask for what they had. So it is answered before\n  // either rule below touches it.\n  if (size === 'full') return { width: '100%', height: '100%' };\n\n  // The cross axis is the same rule whatever the preset, and the draggable\n  // variant needs it too — dragging moves the panel's height, never its width.\n  // `marginInline` is what centres it: MUI pins the bottom paper `left: 0;\n  // right: 0`, so a definite width plus auto margins resolves to the middle.\n  const cross = { width: VERTICAL_MAX_WIDTH, marginInline: 'auto' };\n\n  // The draggable variant owns its own height: the snap point decides it, so a\n  // preset would fight the drag.\n  if (isDraggableVariant && currentHeight !== null) {\n    return { ...cross, height: currentHeight };\n  }\n\n  return {\n    ...cross,\n    // A CEILING, not a height — see `VERTICAL_SIZES`. `height: auto` is stated\n    // rather than left off so the rule survives a caller who set a height on a\n    // previous render, and it is what lets the panel hug what it holds.\n    height: 'auto',\n    maxHeight: VERTICAL_SIZES[size] ?? VERTICAL_SIZES.md,\n  };\n};\n\n/** `r, g, b` for a hex colour, so it can feed an `rgba(var(--x), a)` custom property. */\nconst toRgbTriplet = (hexColor: string) => {\n  const hex = hexColor.replace('#', '');\n  const r = parseInt(hex.substring(0, 2), 16);\n  const g = parseInt(hex.substring(2, 4), 16);\n  const b = parseInt(hex.substring(4, 6), 16);\n  return `${r}, ${g}, ${b}`;\n};\n\nconst roundedStyles = (theme: Theme, position: Position) => {\n  const radius = theme.spacing(2);\n  const byPosition: Record<Position, string> = {\n    top: `0 0 ${radius} ${radius}`,\n    bottom: `${radius} ${radius} 0 0`,\n    left: `0 ${radius} ${radius} 0`,\n    right: `${radius} 0 0 ${radius}`,\n  };\n  return { borderRadius: byPosition[position] };\n};\n\ninterface VariantStyleInput {\n  theme: Theme;\n  variant: Variant;\n  color: Color;\n  position: Position;\n  elevation: number;\n  glow: boolean;\n  pulse: boolean;\n  glass: boolean;\n  gradient: boolean;\n  rounded: boolean;\n  disabled: boolean;\n  isDragging: boolean;\n  isAnimating: boolean;\n  isDraggableVariant: boolean;\n  isVerticalSheet: boolean;\n}\n\ntype SurfaceInput = VariantStyleInput & { accent: string };\n\n/**\n * Each variant's own additions to the shared surface — never the shared part\n * itself. Every arm of the old switch re-spread the same base, glow, pulse and\n * rounded objects before adding these few rules; `variantStyles` applies that\n * prefix once and lets the table hold only what actually differs.\n */\nconst SURFACES: Record<Variant, (input: SurfaceInput) => Record<string, unknown>> = {\n  draggable: ({ theme, elevation, accent }) => ({\n    boxShadow: `\n            ${theme.shadows[Math.min(elevation + 4, 24)]},\n            0 -2px 10px 0 ${shadowInk(theme, 0.1)}\n          `,\n    border: `1px solid ${alpha(theme.palette.divider, 0.12)}`,\n    borderTop: `2px solid ${alpha(accent, 0.3)}`,\n    transition: theme.transitions.create(['transform', 'box-shadow', 'border-color'], {\n      duration: theme.transitions.duration.shorter,\n      easing: theme.transitions.easing.easeInOut,\n    }),\n    '&:hover': { borderTopColor: alpha(accent, 0.5) },\n  }),\n\n  glass: ({ theme, glass }) => ({\n    backgroundColor: alpha(theme.palette.background.paper, glass ? 0.75 : 0.95),\n    backdropFilter: 'blur(24px) saturate(180%)',\n    WebkitBackdropFilter: 'blur(24px) saturate(180%)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.15)}`,\n    boxShadow: `\n            0 8px 32px 0 ${shadowInk(theme, 0.15)},\n            inset 0 0 0 1px ${sheen(theme, 0.1)}\n          `,\n  }),\n\n  gradient: ({ theme, color, gradient, accent }) => ({\n    background: gradient\n      ? `linear-gradient(\n                135deg,\n                ${theme.palette.background.paper} 0%,\n                ${alpha(accent, 0.08)} 50%,\n                ${alpha(accentFor(theme, color)?.dark || accent, 0.12)} 100%\n              )`\n      : theme.palette.background.paper,\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n    '&::before': gradient ? shimmerOverlay(theme) : {},\n  }),\n\n  elevated: ({ theme, elevation }) => ({\n    boxShadow: `\n            ${theme.shadows[elevation]},\n            0 20px 40px -15px ${shadowInk(theme, 0.15)}\n          `,\n    transform: 'translateZ(0)',\n    willChange: 'transform',\n  }),\n\n  minimal: () => ({ boxShadow: 'none', border: 'none' }),\n\n  default: () => ({}),\n};\n\n/** The sweep of light the gradient variant runs across itself. */\nconst shimmerOverlay = (theme: Theme) => ({\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.2)},\n              transparent\n            )`,\n  animation: `${shimmerAnimation} 3s infinite`,\n});\n\n/**\n * The parts of the surface that do not depend on the variant: the paper colour,\n * the transition suppression while a drag or spring is driving the panel, the\n * disabled and cursor states, and the two colour custom properties the glow and\n * pulse keyframes read.\n */\nconst baseSurface = (input: VariantStyleInput, accent: string) => {\n  const { theme, disabled, isDragging, isAnimating, isDraggableVariant, isVerticalSheet } = input;\n  const colorRgb = toRgbTriplet(accent);\n\n  return {\n    backgroundColor: theme.palette.background.paper,\n    // A transition would fight the per-frame height writes while a drag or a\n    // snap animation is driving the panel.\n    transition:\n      !isDragging && !isAnimating\n        ? theme.transitions.create(['all'], {\n            duration: theme.transitions.duration.standard,\n            easing: theme.transitions.easing.easeInOut,\n          })\n        : 'none',\n    opacity: disabled ? 0.5 : 1,\n    pointerEvents: disabled ? ('none' as const) : ('auto' as const),\n    cursor: isDraggableVariant && isVerticalSheet ? 'grab' : 'auto',\n    '--pulse-color': colorRgb,\n    '--glow-color': colorRgb,\n    ...(isDragging && { cursor: 'grabbing' }),\n  };\n};\n\nconst variantStyles = (input: VariantStyleInput) => {\n  const { theme, variant, color, position, glow, pulse, rounded } = input;\n  const accent = accentFor(theme, color)?.main || theme.palette.primary.main;\n\n  return {\n    ...baseSurface(input, accent),\n    // glow first, then pulse: with both set the pulse keyframes win the shared\n    // `animation` slot, which is the order the original spread produced.\n    ...(glow && { animation: `${glowAnimation} 2s ease-in-out infinite`, filter: 'brightness(1.05)' }),\n    ...(pulse && { animation: `${pulseAnimation} 2s infinite`, position: 'relative' as const }),\n    ...(rounded && roundedStyles(theme, position)),\n    ...(SURFACES[variant] ?? SURFACES.default)({ ...input, accent }),\n  };\n};\n\ninterface PanelSxInput extends VariantStyleInput {\n  size: Size;\n  currentHeight: number | null;\n  fullHeight: boolean;\n  style?: React.CSSProperties;\n}\n\n/**\n * The drawer paper's complete `sx`: its size, its variant surface, the caller's\n * own `style`, and the full-height rule.\n *\n * Built here rather than in the component so the component holds no style\n * branches of its own — the cross-axis rule below is four on its own.\n */\nexport const panelSx = (input: PanelSxInput): CSSObject => {\n  const { position, size, isDraggableVariant, isVerticalSheet, currentHeight, fullHeight, style } =\n    input;\n\n  return {\n    // The DEFAULT, so the glow and the elevated shadow are not clipped by the\n    // panel they hang off. It used to be stated last, which made it a rule\n    // nothing could override — including `gradient`, whose own `overflow:\n    // hidden` is what keeps its shimmer inside the panel. That was invisible\n    // while every vertical sheet was full-bleed, because the sweep starts at\n    // `left: -100%` and a full-width panel put it off-screen; a 640px one puts\n    // it on the backdrop beside the sheet.\n    overflow: 'visible',\n    ...sizeStyles({ position, size, isDraggableVariant, currentHeight }),\n    // A COLUMN, so `maxHeight` above can be a ceiling rather than a height: the\n    // body is then a flex item that shrinks against it, and the scrolling falls\n    // to `SheetContent` where it belongs. Without this the panel would clip a\n    // long sheet instead of scrolling it.\n    ...(isVerticalSheet ? { display: 'flex', flexDirection: 'column' } : {}),\n    ...variantStyles(input),\n    ...style,\n    // Expand only the cross axis so the chosen `size` still governs the main\n    // axis: side sheets keep their (responsive) width and go full-height;\n    // top/bottom sheets keep their height and go full-width.\n    ...(fullHeight &&\n      !isDraggableVariant &&\n      (isHorizontalPosition(position) ? { height: '100%' } : { width: '100%' })),\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-GUVBR62X.js

@@ -1,62 +0,0 @@
-import {
-  MapCentreMarker,
-  MapCompass,
-  MapDecorativePins,
-  MapRoads,
-  MapScaleBar
-} from "./chunk-M5BTIIL7.js";
-import {
-  MapTiles
-} from "./chunk-6Q5GZUQ5.js";
-import {
-  surfaceBackground
-} from "./chunk-X4PS3E3V.js";
-import {
-  getTileCoordinates
-} from "./chunk-TUBCN4DJ.js";
-
-// src/components/data-display/MapPreview/StaticMapView.tsx
-import Box from "@mui/material/Box/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StaticMapView = ({
-  height,
-  zoom,
-  mapType,
-  marker,
-  markerPosition,
-  panOffset = { x: 0, y: 0 }
-}) => {
-  const theme = useTheme();
-  const tileOrigin = useMemo(
-    () => markerPosition ? getTileCoordinates(markerPosition.lat, markerPosition.lng, zoom) : null,
-    [markerPosition, zoom]
-  );
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      "data-testid": "static-map-view",
-      sx: {
-        width: "100%",
-        height,
-        position: "relative",
-        background: surfaceBackground(mapType, theme),
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsx(MapTiles, { origin: tileOrigin, zoom, mapType, panOffset }),
-        /* @__PURE__ */ jsx(MapRoads, {}),
-        marker && /* @__PURE__ */ jsx(MapCentreMarker, {}),
-        /* @__PURE__ */ jsx(MapDecorativePins, {}),
-        /* @__PURE__ */ jsx(MapScaleBar, { zoom }),
-        /* @__PURE__ */ jsx(MapCompass, {})
-      ]
-    }
-  );
-};
-
-export {
-  StaticMapView
-};
-//# sourceMappingURL=chunk-GUVBR62X.js.map