@12-apps/ui 6.33.1 → 6.35.0

package/dist/chunk-ZOW2CCMO.js

@@ -1,88 +0,0 @@
-import {
-  GLASS_BACKGROUND_ALPHA_FROM,
-  GLASS_BACKGROUND_ALPHA_TO,
-  GLASS_BLUR_PX,
-  GLASS_BORDER_ALPHA,
-  GLASS_SHADOW,
-  SHIMMER_ALPHA,
-  SHIMMER_DURATION_MS,
-  SKELETON_DEFAULT_DIMENSIONS,
-  SKELETON_INTENSITY_OPACITY
-} from "./chunk-BRMGHMYB.js";
-
-// src/components/layout/Skeleton/Skeleton.styles.ts
-import { alpha } from "@mui/material/styles/index.js";
-var muiVariantFor = (variant) => {
-  switch (variant) {
-    case "circular":
-      return "circular";
-    case "rectangular":
-    case "wave":
-      return "rectangular";
-    default:
-      return "text";
-  }
-};
-var muiAnimationFor = (variant, animation) => {
-  if (variant === "wave") return "wave";
-  return animation;
-};
-var defaultDimensions = (variant) => (
-  // The `default:` arm the old switch had: an unrecognised variant used to fall
-  // back rather than hand `undefined` to a caller that then reads `.width`.
-  SKELETON_DEFAULT_DIMENSIONS[variant] ?? SKELETON_DEFAULT_DIMENSIONS.rectangular
-);
-var intensityOpacity = (intensity) => SKELETON_INTENSITY_OPACITY[intensity] ?? SKELETON_INTENSITY_OPACITY.medium;
-var glassmorphismStyles = (theme) => ({
-  background: `linear-gradient(135deg,
-        ${alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_FROM)} 0%,
-        ${alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_TO)} 100%)`,
-  backdropFilter: `blur(${GLASS_BLUR_PX}px)`,
-  border: `1px solid ${alpha(theme.palette.divider, GLASS_BORDER_ALPHA)}`,
-  boxShadow: `0 ${GLASS_SHADOW.offsetY}px ${GLASS_SHADOW.blur}px 0 ${alpha(theme.palette.common.black, GLASS_SHADOW.alpha)}`
-});
-var shimmerStyles = (theme) => ({
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0,
-    background: `linear-gradient(
-          90deg,
-          transparent,
-          ${alpha(theme.palette.common.white, SHIMMER_ALPHA)},
-          transparent
-        )`,
-    transform: "translateX(-100%)",
-    animation: `shimmer ${SHIMMER_DURATION_MS / 1e3}s infinite`
-  },
-  "@keyframes shimmer": {
-    "100%": {
-      transform: "translateX(100%)"
-    }
-  }
-});
-var skeletonStyles = (theme, { intensity, borderRadius, glassmorphism, shimmer, style }) => ({
-  borderRadius,
-  backgroundColor: alpha(
-    theme.palette.mode === "dark" ? theme.palette.common.white : theme.palette.text.primary,
-    intensityOpacity(intensity)
-  ),
-  ...shimmer && {
-    position: "relative",
-    overflow: "hidden"
-  },
-  ...glassmorphism ? glassmorphismStyles(theme) : {},
-  ...shimmer ? shimmerStyles(theme) : {},
-  ...style
-});
-
-export {
-  muiVariantFor,
-  muiAnimationFor,
-  defaultDimensions,
-  skeletonStyles
-};
-//# sourceMappingURL=chunk-ZOW2CCMO.js.map

package/dist/chunk-ZOW2CCMO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Skeleton/Skeleton.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { SkeletonProps } from './Skeleton.types';\nimport {\n  GLASS_BACKGROUND_ALPHA_FROM,\n  GLASS_BACKGROUND_ALPHA_TO,\n  GLASS_BLUR_PX,\n  GLASS_BORDER_ALPHA,\n  GLASS_SHADOW,\n  SHIMMER_ALPHA,\n  SHIMMER_DURATION_MS,\n  SKELETON_DEFAULT_DIMENSIONS,\n  SKELETON_INTENSITY_OPACITY,\n} from './Skeleton.metrics';\n\ntype SkeletonVariant = NonNullable<SkeletonProps['variant']>;\ntype SkeletonIntensity = NonNullable<SkeletonProps['intensity']>;\n\n/** `wave` is our own name for a rectangle that animates; MUI has no such variant. */\nexport const muiVariantFor = (\n  variant: SkeletonVariant,\n): 'circular' | 'rectangular' | 'text' => {\n  switch (variant) {\n    case 'circular':\n      return 'circular';\n    case 'rectangular':\n    case 'wave':\n      return 'rectangular';\n    default:\n      return 'text';\n  }\n};\n\nexport const muiAnimationFor = (\n  variant: SkeletonVariant,\n  animation: SkeletonProps['animation'],\n) => {\n  if (variant === 'wave') return 'wave';\n  return animation;\n};\n\n// Derived from the shared metrics, not restated: the native `Skeleton` reads\n// the same table, so the two renderers cannot disagree on a default box.\nexport const defaultDimensions = (\n  variant: SkeletonVariant,\n): { width: number | string; height: number | undefined } =>\n  // The `default:` arm the old switch had: an unrecognised variant used to fall\n  // back rather than hand `undefined` to a caller that then reads `.width`.\n  SKELETON_DEFAULT_DIMENSIONS[variant] ?? SKELETON_DEFAULT_DIMENSIONS.rectangular;\n\nconst intensityOpacity = (intensity: SkeletonIntensity): number =>\n  SKELETON_INTENSITY_OPACITY[intensity] ?? SKELETON_INTENSITY_OPACITY.medium;\n\nconst glassmorphismStyles = (theme: Theme): CSSObject => ({\n  background: `linear-gradient(135deg,\n        ${alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_FROM)} 0%,\n        ${alpha(theme.palette.background.paper, GLASS_BACKGROUND_ALPHA_TO)} 100%)`,\n  backdropFilter: `blur(${GLASS_BLUR_PX}px)`,\n  border: `1px solid ${alpha(theme.palette.divider, GLASS_BORDER_ALPHA)}`,\n  boxShadow: `0 ${GLASS_SHADOW.offsetY}px ${GLASS_SHADOW.blur}px 0 ${alpha(theme.palette.common.black, GLASS_SHADOW.alpha)}`,\n});\n\n// The sweep is a pseudo-element sliding across the box, so the box has to clip it\n// and establish a positioning context — hence `position`/`overflow` below.\nconst shimmerStyles = (theme: Theme): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    right: 0,\n    bottom: 0,\n    left: 0,\n    background: `linear-gradient(\n          90deg,\n          transparent,\n          ${alpha(theme.palette.common.white, SHIMMER_ALPHA)},\n          transparent\n        )`,\n    transform: 'translateX(-100%)',\n    animation: `shimmer ${SHIMMER_DURATION_MS / 1000}s infinite`,\n  },\n  '@keyframes shimmer': {\n    '100%': {\n      transform: 'translateX(100%)',\n    },\n  },\n});\n\ninterface SkeletonStyleArgs {\n  intensity: SkeletonIntensity;\n  borderRadius?: number | string;\n  glassmorphism: boolean;\n  shimmer: boolean;\n  style?: React.CSSProperties;\n}\n\nexport const skeletonStyles = (\n  theme: Theme,\n  { intensity, borderRadius, glassmorphism, shimmer, style }: SkeletonStyleArgs,\n): CSSObject => ({\n  borderRadius,\n  backgroundColor: alpha(\n    theme.palette.mode === 'dark' ? theme.palette.common.white : theme.palette.text.primary,\n    intensityOpacity(intensity),\n  ),\n  ...(shimmer && {\n    position: 'relative' as const,\n    overflow: 'hidden' as const,\n  }),\n  ...(glassmorphism ? glassmorphismStyles(theme) : {}),\n  ...(shimmer ? shimmerStyles(theme) : {}),\n  ...style,\n});\n"],"mappings":";;;;;;;;;;;;;AAAA,SAAS,aAAa;AAoBf,IAAM,gBAAgB,CAC3B,YACwC;AACxC,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,kBAAkB,CAC7B,SACA,cACG;AACH,MAAI,YAAY,OAAQ,QAAO;AAC/B,SAAO;AACT;AAIO,IAAM,oBAAoB,CAC/B;AAAA;AAAA;AAAA,EAIA,4BAA4B,OAAO,KAAK,4BAA4B;AAAA;AAEtE,IAAM,mBAAmB,CAAC,cACxB,2BAA2B,SAAS,KAAK,2BAA2B;AAEtE,IAAM,sBAAsB,CAAC,WAA6B;AAAA,EACxD,YAAY;AAAA,UACJ,MAAM,MAAM,QAAQ,WAAW,OAAO,2BAA2B,CAAC;AAAA,UAClE,MAAM,MAAM,QAAQ,WAAW,OAAO,yBAAyB,CAAC;AAAA,EACxE,gBAAgB,QAAQ,aAAa;AAAA,EACrC,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,kBAAkB,CAAC;AAAA,EACrE,WAAW,KAAK,aAAa,OAAO,MAAM,aAAa,IAAI,QAAQ,MAAM,MAAM,QAAQ,OAAO,OAAO,aAAa,KAAK,CAAC;AAC1H;AAIA,IAAM,gBAAgB,CAAC,WAA6B;AAAA,EAClD,YAAY;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA;AAAA;AAAA,YAGJ,MAAM,MAAM,QAAQ,OAAO,OAAO,aAAa,CAAC;AAAA;AAAA;AAAA,IAGxD,WAAW;AAAA,IACX,WAAW,WAAW,sBAAsB,GAAI;AAAA,EAClD;AAAA,EACA,sBAAsB;AAAA,IACpB,QAAQ;AAAA,MACN,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAUO,IAAM,iBAAiB,CAC5B,OACA,EAAE,WAAW,cAAc,eAAe,SAAS,MAAM,OAC1C;AAAA,EACf;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,QAAQ,KAAK;AAAA,IAChF,iBAAiB,SAAS;AAAA,EAC5B;AAAA,EACA,GAAI,WAAW;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,GAAI,gBAAgB,oBAAoB,KAAK,IAAI,CAAC;AAAA,EAClD,GAAI,UAAU,cAAc,KAAK,IAAI,CAAC;AAAA,EACtC,GAAG;AACL;","names":[]}

package/dist/chunk-ZPIMPOHV.js

@@ -1,187 +0,0 @@
-import {
-  DATA_VIEWS_LAYOUTS
-} from "./chunk-LHHAYZ55.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  Slider
-} from "./chunk-FA3TYWX2.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-
-// src/components/data-display/DataViews/data-views-layout-context.tsx
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
-import GridViewOutlinedIcon from "@mui/icons-material/GridViewOutlined";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DataViewsLayoutContext = createContext(null);
-var DEFAULT_ZOOM = 35;
-var BASE_CARD_WIDTH = 180;
-var CARD_SCALE_RANGE = { min: 0.75, max: 2 };
-var LAYOUT_STORAGE_KEY = "dataviews:layout";
-var DENSITY_STORAGE_KEY = "dataviews:density";
-var DENSITIES = ["compact", "cozy", "comfortable"];
-var DENSITY_ROW_PADDING = {
-  compact: 0.25,
-  cozy: 0.75,
-  comfortable: 1.5
-};
-var DENSITY_CARD_SCALE = {
-  compact: 0.84,
-  cozy: 1.15,
-  comfortable: 1.4
-};
-function cardTargetWidthFor(zoom, density) {
-  return Math.round(cardMinWidthForZoom(zoom) * DENSITY_CARD_SCALE[density]);
-}
-var DENSITY_BOARD_SCALE = {
-  compact: 0.95,
-  cozy: 1,
-  comfortable: 1.25
-};
-function cardScaleForZoom(zoom) {
-  const clamped = Math.max(0, Math.min(100, zoom));
-  return CARD_SCALE_RANGE.min + clamped / 100 * (CARD_SCALE_RANGE.max - CARD_SCALE_RANGE.min);
-}
-function cardMinWidthForZoom(zoom) {
-  return Math.round(BASE_CARD_WIDTH * cardScaleForZoom(zoom));
-}
-function isLayout(value) {
-  return DATA_VIEWS_LAYOUTS.includes(value);
-}
-function isDensity(value) {
-  return DENSITIES.includes(value);
-}
-function readStoredDensity() {
-  try {
-    if (typeof window === "undefined") return void 0;
-    const stored = window.localStorage.getItem(DENSITY_STORAGE_KEY);
-    return isDensity(stored) ? stored : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function pinLayout(layout, available) {
-  if (layout === "cards") return available.canUseCards ? "cards" : "table";
-  if (layout === "list") return available.canUseList ? "list" : "table";
-  if (layout === "board") return available.canUseBoard ? "board" : "table";
-  return "table";
-}
-function readStoredLayout() {
-  try {
-    if (typeof window === "undefined") return void 0;
-    const stored = window.localStorage.getItem(LAYOUT_STORAGE_KEY);
-    return isLayout(stored) ? stored : void 0;
-  } catch {
-    return void 0;
-  }
-}
-function writeStored(key, value) {
-  try {
-    if (typeof window === "undefined") return;
-    window.localStorage.setItem(key, value);
-  } catch {
-  }
-}
-function DataViewsLayoutProvider({
-  canUseCards = false,
-  canUseList = false,
-  canUseBoard = false,
-  defaultLayout = "table",
-  viewLayout,
-  ignoreStoredLayout = false,
-  children
-}) {
-  const availability = { canUseCards, canUseList, canUseBoard };
-  const [layout, setLayoutState] = useState(
-    () => pinLayout(
-      viewLayout ?? (ignoreStoredLayout ? void 0 : readStoredLayout()) ?? defaultLayout,
-      availability
-    )
-  );
-  const [density, setDensityState] = useState(
-    () => (ignoreStoredLayout ? void 0 : readStoredDensity()) ?? "cozy"
-  );
-  const [zoom, setZoom] = useState(DEFAULT_ZOOM);
-  useEffect(() => {
-    if (viewLayout) setLayoutState(pinLayout(viewLayout, availability));
-  }, [viewLayout]);
-  const effective = pinLayout(layout, availability);
-  const value = useMemo(
-    () => ({
-      layout: effective,
-      setLayout: (next) => {
-        const pinned = pinLayout(next, availability);
-        setLayoutState(pinned);
-        if (!ignoreStoredLayout) writeStored(LAYOUT_STORAGE_KEY, pinned);
-      },
-      density,
-      setDensity: (next) => {
-        setDensityState(next);
-        if (!ignoreStoredLayout) writeStored(DENSITY_STORAGE_KEY, next);
-      },
-      canUseCards,
-      canUseList,
-      canUseBoard,
-      zoom,
-      setZoom
-    }),
-    [effective, density, canUseCards, canUseList, canUseBoard, zoom]
-  );
-  return /* @__PURE__ */ jsx(DataViewsLayoutContext.Provider, { value, children });
-}
-function useDataViewsLayout() {
-  const ctx = useContext(DataViewsLayoutContext);
-  if (!ctx) {
-    throw new Error("useDataViewsLayout must be used within a DataViewsLayoutProvider");
-  }
-  return ctx;
-}
-function DataViewsZoomSlider({ testIdPrefix }) {
-  const { layout, zoom, setZoom } = useDataViewsLayout();
-  const copy = useDataViewsCopy();
-  if (layout !== "cards" && layout !== "board") return null;
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      sx: {
-        display: { xs: "none", sm: "flex" },
-        alignItems: "center",
-        gap: 1,
-        color: "text.secondary"
-      },
-      children: [
-        /* @__PURE__ */ jsx(GridViewOutlinedIcon, { sx: { fontSize: 14 } }),
-        /* @__PURE__ */ jsx(default2, { sx: { width: 88, display: "flex", alignItems: "center" }, children: /* @__PURE__ */ jsx(
-          Slider,
-          {
-            size: "sm",
-            showValue: false,
-            value: zoom,
-            min: 0,
-            max: 100,
-            step: 5,
-            onChange: (_event, next) => setZoom(Array.isArray(next) ? next[0] ?? 0 : next),
-            "aria-label": copy.display.cardZoom,
-            "data-testid": `${testIdPrefix}-card-zoom`
-          }
-        ) }),
-        /* @__PURE__ */ jsx(GridViewOutlinedIcon, { sx: { fontSize: 20 } })
-      ]
-    }
-  );
-}
-
-export {
-  DENSITY_ROW_PADDING,
-  DENSITY_CARD_SCALE,
-  cardTargetWidthFor,
-  DENSITY_BOARD_SCALE,
-  cardScaleForZoom,
-  cardMinWidthForZoom,
-  DataViewsLayoutProvider,
-  useDataViewsLayout,
-  DataViewsZoomSlider
-};
-//# sourceMappingURL=chunk-ZPIMPOHV.js.map

package/dist/chunk-ZRHSIFWA.js

@@ -1,113 +0,0 @@
-// src/components/form/DateRangePicker/DateRangePickerQuickList.tsx
-import Box from "@mui/material/Box/index.js";
-import { useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var optionSx = (active, overMax) => ({
-  display: "block",
-  // Full-width rows in the side column; pills in the narrow row. A fixed full
-  // width in both would make the narrow layout nine stacked lines.
-  width: { xs: "auto", md: "100%" },
-  // A pill must not be squeezed by its neighbours — the row SCROLLS rather
-  // than compressing "Este trimestre" into two characters and an ellipsis.
-  flex: { xs: "0 0 auto", md: "0 1 auto" },
-  textAlign: "left",
-  font: "inherit",
-  fontSize: "0.875rem",
-  fontWeight: active ? 600 : 400,
-  lineHeight: 1.4,
-  px: 1.5,
-  py: 0.75,
-  whiteSpace: { xs: "nowrap", md: "normal" },
-  border: "1px solid",
-  // Narrow, an entry has to look tappable on its own, with no column and no
-  // rule to group it — so the pill carries a visible edge. Beside the calendar
-  // the group already reads as a list and a border on every row would be nine
-  // boxes where the selected one should be the only marked thing.
-  borderColor: active ? "primary.main" : { xs: "divider", md: "transparent" },
-  borderRadius: { xs: 999, md: 1 },
-  cursor: overMax ? "not-allowed" : "pointer",
-  color: overMax ? "text.disabled" : active ? "primary.main" : "text.primary",
-  backgroundColor: active ? "action.selected" : "transparent",
-  "&:hover": { backgroundColor: overMax ? "transparent" : "action.hover" },
-  "&:focus-visible": { outline: "2px solid", outlineColor: "primary.main", outlineOffset: 1 }
-});
-var REASON_SX = {
-  display: "block",
-  fontSize: "0.6875rem",
-  lineHeight: 1.3,
-  mt: 0.25,
-  color: "text.disabled"
-};
-function DateRangeQuickList({
-  options,
-  activeId,
-  onPick,
-  reasonFor,
-  label,
-  dataTestId
-}) {
-  const reasonPrefix = useId();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      role: "group",
-      "aria-label": label,
-      "data-testid": `${dataTestId}-quick-list`,
-      sx: {
-        display: "flex",
-        // A column beside the calendar; ONE scrolling row of pills above it
-        // once there is no width for both.
-        //
-        // Scrolling rather than wrapping: nine wrapped pills take three or four
-        // lines at 390px, which pushes the calendar most of a screen down and
-        // makes the quick ranges — the fastest way to answer — the thing you
-        // have to scroll past. One line keeps the calendar in view and costs a
-        // horizontal swipe, which is the gesture a chip row already invites.
-        flexDirection: { xs: "row", md: "column" },
-        flexWrap: { xs: "nowrap", md: "wrap" },
-        overflowX: { xs: "auto", md: "visible" },
-        // Room for the focus ring, which an `overflow` container would clip.
-        px: { xs: 0.25, md: 0 },
-        py: { xs: 0.25, md: 0 },
-        // The scrollbar is chrome on a phone and noise on a trackpad; the pills
-        // themselves are the affordance, and the last one sits half-cut at the
-        // edge to say the row continues.
-        scrollbarWidth: "none",
-        "&::-webkit-scrollbar": { display: "none" },
-        alignContent: "flex-start",
-        gap: 0.5,
-        minWidth: { md: 168 },
-        maxWidth: { md: 200 }
-      },
-      children: options.map((option) => {
-        const active = option.id === activeId;
-        const reasonId = `${reasonPrefix}-${option.id}`;
-        return /* @__PURE__ */ jsxs(
-          Box,
-          {
-            component: "button",
-            type: "button",
-            "aria-pressed": active,
-            "aria-disabled": option.overMax || void 0,
-            "aria-describedby": option.overMax ? reasonId : void 0,
-            "data-testid": `${dataTestId}-quick-${option.id}`,
-            onClick: () => {
-              if (!option.overMax) onPick(option);
-            },
-            sx: optionSx(active, option.overMax),
-            children: [
-              option.label,
-              option.overMax && /* @__PURE__ */ jsx(Box, { component: "span", id: reasonId, sx: REASON_SX, children: reasonFor(option) })
-            ]
-          },
-          option.id
-        );
-      })
-    }
-  );
-}
-
-export {
-  DateRangeQuickList
-};
-//# sourceMappingURL=chunk-ZRHSIFWA.js.map

package/dist/chunk-ZRHSIFWA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/DateRangePicker/DateRangePickerQuickList.tsx"],"sourcesContent":["/**\n * The quick-pick column beside the calendar.\n *\n * These are BUTTONS, not links or list rows: each one sets the range and the\n * pressed one stays visibly pressed, which is what `aria-pressed` says out\n * loud. (A listbox with `aria-selected` would model it too — the rule is to\n * pick one and use it for every entry, so a reader's screen reader describes\n * the whole column the same way.)\n *\n * An over-cap entry is `aria-disabled` and keeps its place in the tab order,\n * with the reason rendered under the label. Removing it, or quietly shortening\n * the window it hands back, both answer \"why can't I have this year?\" with\n * silence.\n */\nimport Box from '@mui/material/Box/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React, { useId } from 'react';\n\nimport type { ResolvedQuickRange } from './DateRangePicker.types';\n\nconst optionSx = (active: boolean, overMax: boolean): SxProps<Theme> => ({\n  display: 'block',\n  // Full-width rows in the side column; pills in the narrow row. A fixed full\n  // width in both would make the narrow layout nine stacked lines.\n  width: { xs: 'auto', md: '100%' },\n  // A pill must not be squeezed by its neighbours — the row SCROLLS rather\n  // than compressing \"Este trimestre\" into two characters and an ellipsis.\n  flex: { xs: '0 0 auto', md: '0 1 auto' },\n  textAlign: 'left',\n  font: 'inherit',\n  fontSize: '0.875rem',\n  fontWeight: active ? 600 : 400,\n  lineHeight: 1.4,\n  px: 1.5,\n  py: 0.75,\n  whiteSpace: { xs: 'nowrap', md: 'normal' },\n  border: '1px solid',\n  // Narrow, an entry has to look tappable on its own, with no column and no\n  // rule to group it — so the pill carries a visible edge. Beside the calendar\n  // the group already reads as a list and a border on every row would be nine\n  // boxes where the selected one should be the only marked thing.\n  borderColor: active ? 'primary.main' : { xs: 'divider', md: 'transparent' },\n  borderRadius: { xs: 999, md: 1 },\n  cursor: overMax ? 'not-allowed' : 'pointer',\n  color: overMax ? 'text.disabled' : active ? 'primary.main' : 'text.primary',\n  backgroundColor: active ? 'action.selected' : 'transparent',\n  '&:hover': { backgroundColor: overMax ? 'transparent' : 'action.hover' },\n  '&:focus-visible': { outline: '2px solid', outlineColor: 'primary.main', outlineOffset: 1 },\n});\n\nconst REASON_SX: SxProps<Theme> = {\n  display: 'block',\n  fontSize: '0.6875rem',\n  lineHeight: 1.3,\n  mt: 0.25,\n  color: 'text.disabled',\n};\n\nexport interface DateRangeQuickListProps {\n  options: ResolvedQuickRange[];\n  /** The entry the current draft equals, if any. */\n  activeId: string | undefined;\n  onPick: (option: ResolvedQuickRange) => void;\n  /** Why an entry is refused, rendered under it. */\n  reasonFor: (option: ResolvedQuickRange) => string;\n  /** Accessible name of the group. */\n  label: string;\n  dataTestId: string;\n}\n\nexport function DateRangeQuickList({\n  options,\n  activeId,\n  onPick,\n  reasonFor,\n  label,\n  dataTestId,\n}: DateRangeQuickListProps): React.JSX.Element {\n  const reasonPrefix = useId();\n\n  return (\n    <Box\n      role=\"group\"\n      aria-label={label}\n      data-testid={`${dataTestId}-quick-list`}\n      sx={{\n        display: 'flex',\n        // A column beside the calendar; ONE scrolling row of pills above it\n        // once there is no width for both.\n        //\n        // Scrolling rather than wrapping: nine wrapped pills take three or four\n        // lines at 390px, which pushes the calendar most of a screen down and\n        // makes the quick ranges — the fastest way to answer — the thing you\n        // have to scroll past. One line keeps the calendar in view and costs a\n        // horizontal swipe, which is the gesture a chip row already invites.\n        flexDirection: { xs: 'row', md: 'column' },\n        flexWrap: { xs: 'nowrap', md: 'wrap' },\n        overflowX: { xs: 'auto', md: 'visible' },\n        // Room for the focus ring, which an `overflow` container would clip.\n        px: { xs: 0.25, md: 0 },\n        py: { xs: 0.25, md: 0 },\n        // The scrollbar is chrome on a phone and noise on a trackpad; the pills\n        // themselves are the affordance, and the last one sits half-cut at the\n        // edge to say the row continues.\n        scrollbarWidth: 'none',\n        '&::-webkit-scrollbar': { display: 'none' },\n        alignContent: 'flex-start',\n        gap: 0.5,\n        minWidth: { md: 168 },\n        maxWidth: { md: 200 },\n      }}\n    >\n      {options.map((option) => {\n        const active = option.id === activeId;\n        const reasonId = `${reasonPrefix}-${option.id}`;\n        return (\n          <Box\n            component=\"button\"\n            type=\"button\"\n            key={option.id}\n            aria-pressed={active}\n            // `aria-disabled`, never the `disabled` attribute: a disabled button\n            // is skipped by the tab order, so the reason under it is unreachable\n            // by exactly the reader most likely to need it.\n            aria-disabled={option.overMax || undefined}\n            aria-describedby={option.overMax ? reasonId : undefined}\n            data-testid={`${dataTestId}-quick-${option.id}`}\n            onClick={() => {\n              if (!option.overMax) onPick(option);\n            }}\n            sx={optionSx(active, option.overMax)}\n          >\n            {option.label}\n            {option.overMax && (\n              <Box component=\"span\" id={reasonId} sx={REASON_SX}>\n                {reasonFor(option)}\n              </Box>\n            )}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n"],"mappings":";AAcA,OAAO,SAAS;AAEhB,SAAgB,aAAa;AAoGnB,SAkBI,KAlBJ;AAhGV,IAAM,WAAW,CAAC,QAAiB,aAAsC;AAAA,EACvE,SAAS;AAAA;AAAA;AAAA,EAGT,OAAO,EAAE,IAAI,QAAQ,IAAI,OAAO;AAAA;AAAA;AAAA,EAGhC,MAAM,EAAE,IAAI,YAAY,IAAI,WAAW;AAAA,EACvC,WAAW;AAAA,EACX,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY,SAAS,MAAM;AAAA,EAC3B,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,YAAY,EAAE,IAAI,UAAU,IAAI,SAAS;AAAA,EACzC,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,aAAa,SAAS,iBAAiB,EAAE,IAAI,WAAW,IAAI,cAAc;AAAA,EAC1E,cAAc,EAAE,IAAI,KAAK,IAAI,EAAE;AAAA,EAC/B,QAAQ,UAAU,gBAAgB;AAAA,EAClC,OAAO,UAAU,kBAAkB,SAAS,iBAAiB;AAAA,EAC7D,iBAAiB,SAAS,oBAAoB;AAAA,EAC9C,WAAW,EAAE,iBAAiB,UAAU,gBAAgB,eAAe;AAAA,EACvE,mBAAmB,EAAE,SAAS,aAAa,cAAc,gBAAgB,eAAe,EAAE;AAC5F;AAEA,IAAM,YAA4B;AAAA,EAChC,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,IAAI;AAAA,EACJ,OAAO;AACT;AAcO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+C;AAC7C,QAAM,eAAe,MAAM;AAE3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,eAAa,GAAG,UAAU;AAAA,MAC1B,IAAI;AAAA,QACF,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAST,eAAe,EAAE,IAAI,OAAO,IAAI,SAAS;AAAA,QACzC,UAAU,EAAE,IAAI,UAAU,IAAI,OAAO;AAAA,QACrC,WAAW,EAAE,IAAI,QAAQ,IAAI,UAAU;AAAA;AAAA,QAEvC,IAAI,EAAE,IAAI,MAAM,IAAI,EAAE;AAAA,QACtB,IAAI,EAAE,IAAI,MAAM,IAAI,EAAE;AAAA;AAAA;AAAA;AAAA,QAItB,gBAAgB;AAAA,QAChB,wBAAwB,EAAE,SAAS,OAAO;AAAA,QAC1C,cAAc;AAAA,QACd,KAAK;AAAA,QACL,UAAU,EAAE,IAAI,IAAI;AAAA,QACpB,UAAU,EAAE,IAAI,IAAI;AAAA,MACtB;AAAA,MAEC,kBAAQ,IAAI,CAAC,WAAW;AACvB,cAAM,SAAS,OAAO,OAAO;AAC7B,cAAM,WAAW,GAAG,YAAY,IAAI,OAAO,EAAE;AAC7C,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,MAAK;AAAA,YAEL,gBAAc;AAAA,YAId,iBAAe,OAAO,WAAW;AAAA,YACjC,oBAAkB,OAAO,UAAU,WAAW;AAAA,YAC9C,eAAa,GAAG,UAAU,UAAU,OAAO,EAAE;AAAA,YAC7C,SAAS,MAAM;AACb,kBAAI,CAAC,OAAO,QAAS,QAAO,MAAM;AAAA,YACpC;AAAA,YACA,IAAI,SAAS,QAAQ,OAAO,OAAO;AAAA,YAElC;AAAA,qBAAO;AAAA,cACP,OAAO,WACN,oBAAC,OAAI,WAAU,QAAO,IAAI,UAAU,IAAI,WACrC,oBAAU,MAAM,GACnB;AAAA;AAAA;AAAA,UAjBG,OAAO;AAAA,QAmBd;AAAA,MAEJ,CAAC;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/chunk-ZSXV3ERD.js

@@ -1,82 +0,0 @@
-import {
-  configureTypeScriptDefaults,
-  registerEditorThemes,
-  registerSaveShortcut,
-  resolveEditorTheme,
-  scheduleAutoFormat
-} from "./chunk-CMTFAYDY.js";
-
-// src/components/form/CodeEditor/CodeEditor.hooks.ts
-import { useTheme } from "@mui/material/styles/index.js";
-import React, { useEffect, useRef } from "react";
-var COPIED_FEEDBACK_MS = 2e3;
-var useFullscreen = () => {
-  const [isFullscreen, setIsFullscreen] = React.useState(false);
-  useEffect(() => {
-    if (!isFullscreen) return;
-    const handleEsc = (event) => {
-      if (event.key === "Escape") setIsFullscreen(false);
-    };
-    window.addEventListener("keydown", handleEsc);
-    return () => window.removeEventListener("keydown", handleEsc);
-  }, [isFullscreen]);
-  return { isFullscreen, toggleFullscreen: () => setIsFullscreen((prev) => !prev) };
-};
-var useCodeEditor = ({
-  themeProp,
-  wordWrap,
-  autoFormat,
-  readOnly,
-  onSave
-}) => {
-  const theme = useTheme();
-  const editorRef = useRef(null);
-  const monacoRef = useRef(null);
-  const { isFullscreen, toggleFullscreen } = useFullscreen();
-  const [isWrapped, setIsWrapped] = React.useState(wordWrap);
-  const [isCopied, setIsCopied] = React.useState(false);
-  const editorTheme = React.useMemo(
-    () => resolveEditorTheme(themeProp, theme.palette.mode),
-    [themeProp, theme.palette.mode]
-  );
-  const handleEditorDidMount = (mountedEditor, monaco) => {
-    editorRef.current = mountedEditor;
-    monacoRef.current = monaco;
-    registerEditorThemes(monaco);
-    configureTypeScriptDefaults(monaco);
-    scheduleAutoFormat(mountedEditor, autoFormat && !readOnly);
-    registerSaveShortcut(mountedEditor, monaco, onSave);
-  };
-  const handleCopy = async () => {
-    if (!editorRef.current || !navigator.clipboard?.writeText) return;
-    try {
-      await navigator.clipboard.writeText(editorRef.current.getValue());
-      setIsCopied(true);
-      window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);
-    } catch {
-    }
-  };
-  const handleWrapToggle = () => {
-    setIsWrapped(!isWrapped);
-    editorRef.current?.updateOptions({ wordWrap: !isWrapped ? "on" : "off" });
-  };
-  const handleFormat = () => {
-    if (!readOnly) editorRef.current?.getAction("editor.action.formatDocument")?.run();
-  };
-  return {
-    editorTheme,
-    isFullscreen,
-    isWrapped,
-    isCopied,
-    handleEditorDidMount,
-    handleCopy,
-    handleFullscreenToggle: toggleFullscreen,
-    handleWrapToggle,
-    handleFormat
-  };
-};
-
-export {
-  useCodeEditor
-};
-//# sourceMappingURL=chunk-ZSXV3ERD.js.map

package/dist/chunk-ZSXV3ERD.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/CodeEditor/CodeEditor.hooks.ts"],"sourcesContent":["import type { Monaco } from '@monaco-editor/react';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { editor } from 'monaco-editor';\nimport React, { useEffect, useRef } from 'react';\n\nimport {\n  configureTypeScriptDefaults,\n  registerEditorThemes,\n  registerSaveShortcut,\n  resolveEditorTheme,\n  scheduleAutoFormat,\n} from './CodeEditor.monaco';\n\nconst COPIED_FEEDBACK_MS = 2000;\n\n// Escape leaves fullscreen, so the flag and its listener belong together.\nconst useFullscreen = () => {\n  const [isFullscreen, setIsFullscreen] = React.useState(false);\n\n  useEffect(() => {\n    if (!isFullscreen) return;\n\n    const handleEsc = (event: globalThis.KeyboardEvent) => {\n      if (event.key === 'Escape') setIsFullscreen(false);\n    };\n\n    window.addEventListener('keydown', handleEsc);\n    return () => window.removeEventListener('keydown', handleEsc);\n  }, [isFullscreen]);\n\n  return { isFullscreen, toggleFullscreen: () => setIsFullscreen((prev) => !prev) };\n};\n\n// All of the editor's own state: the Monaco handles, the three toggles, and the\n// handlers that drive them.\nexport const useCodeEditor = ({\n  themeProp,\n  wordWrap,\n  autoFormat,\n  readOnly,\n  onSave,\n}: {\n  themeProp: string;\n  wordWrap: boolean;\n  autoFormat: boolean;\n  readOnly: boolean;\n  onSave?: (value: string) => void;\n}) => {\n  const theme = useTheme();\n  const editorRef = useRef<editor.IStandaloneCodeEditor | null>(null);\n  const monacoRef = useRef<Monaco | null>(null);\n  const { isFullscreen, toggleFullscreen } = useFullscreen();\n  const [isWrapped, setIsWrapped] = React.useState(wordWrap);\n  const [isCopied, setIsCopied] = React.useState(false);\n\n  const editorTheme = React.useMemo(\n    () => resolveEditorTheme(themeProp, theme.palette.mode),\n    [themeProp, theme.palette.mode],\n  );\n\n  const handleEditorDidMount = (mountedEditor: editor.IStandaloneCodeEditor, monaco: Monaco) => {\n    editorRef.current = mountedEditor;\n    monacoRef.current = monaco;\n\n    registerEditorThemes(monaco);\n    configureTypeScriptDefaults(monaco);\n    scheduleAutoFormat(mountedEditor, autoFormat && !readOnly);\n    registerSaveShortcut(mountedEditor, monaco, onSave);\n  };\n\n  // No-ops where the clipboard API is unavailable, as in jsdom.\n  const handleCopy = async () => {\n    if (!editorRef.current || !navigator.clipboard?.writeText) return;\n\n    try {\n      await navigator.clipboard.writeText(editorRef.current.getValue());\n      setIsCopied(true);\n      window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);\n    } catch {\n      // Silently handle clipboard errors in test environments\n    }\n  };\n\n  const handleWrapToggle = () => {\n    setIsWrapped(!isWrapped);\n    editorRef.current?.updateOptions({ wordWrap: !isWrapped ? 'on' : 'off' });\n  };\n\n  const handleFormat = () => {\n    if (!readOnly) editorRef.current?.getAction('editor.action.formatDocument')?.run();\n  };\n\n  return {\n    editorTheme,\n    isFullscreen,\n    isWrapped,\n    isCopied,\n    handleEditorDidMount,\n    handleCopy,\n    handleFullscreenToggle: toggleFullscreen,\n    handleWrapToggle,\n    handleFormat,\n  };\n};\n"],"mappings":";;;;;;;;;AACA,SAAS,gBAAgB;AAEzB,OAAO,SAAS,WAAW,cAAc;AAUzC,IAAM,qBAAqB;AAG3B,IAAM,gBAAgB,MAAM;AAC1B,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAE5D,YAAU,MAAM;AACd,QAAI,CAAC,aAAc;AAEnB,UAAM,YAAY,CAAC,UAAoC;AACrD,UAAI,MAAM,QAAQ,SAAU,iBAAgB,KAAK;AAAA,IACnD;AAEA,WAAO,iBAAiB,WAAW,SAAS;AAC5C,WAAO,MAAM,OAAO,oBAAoB,WAAW,SAAS;AAAA,EAC9D,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO,EAAE,cAAc,kBAAkB,MAAM,gBAAgB,CAAC,SAAS,CAAC,IAAI,EAAE;AAClF;AAIO,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,YAAY,OAA4C,IAAI;AAClE,QAAM,YAAY,OAAsB,IAAI;AAC5C,QAAM,EAAE,cAAc,iBAAiB,IAAI,cAAc;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,QAAQ;AACzD,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AAEpD,QAAM,cAAc,MAAM;AAAA,IACxB,MAAM,mBAAmB,WAAW,MAAM,QAAQ,IAAI;AAAA,IACtD,CAAC,WAAW,MAAM,QAAQ,IAAI;AAAA,EAChC;AAEA,QAAM,uBAAuB,CAAC,eAA6C,WAAmB;AAC5F,cAAU,UAAU;AACpB,cAAU,UAAU;AAEpB,yBAAqB,MAAM;AAC3B,gCAA4B,MAAM;AAClC,uBAAmB,eAAe,cAAc,CAAC,QAAQ;AACzD,yBAAqB,eAAe,QAAQ,MAAM;AAAA,EACpD;AAGA,QAAM,aAAa,YAAY;AAC7B,QAAI,CAAC,UAAU,WAAW,CAAC,UAAU,WAAW,UAAW;AAE3D,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,UAAU,QAAQ,SAAS,CAAC;AAChE,kBAAY,IAAI;AAChB,aAAO,WAAW,MAAM,YAAY,KAAK,GAAG,kBAAkB;AAAA,IAChE,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,CAAC,SAAS;AACvB,cAAU,SAAS,cAAc,EAAE,UAAU,CAAC,YAAY,OAAO,MAAM,CAAC;AAAA,EAC1E;AAEA,QAAM,eAAe,MAAM;AACzB,QAAI,CAAC,SAAU,WAAU,SAAS,UAAU,8BAA8B,GAAG,IAAI;AAAA,EACnF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-ZTZ6S5Q6.js

@@ -1,86 +0,0 @@
-import {
-  transitionFor
-} from "./chunk-N7GE6BGM.js";
-import {
-  backdropSx,
-  panelSx
-} from "./chunk-PEWNWKDI.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-
-// src/components/feedback/Modal/Modal.tsx
-import Backdrop from "@mui/material/Backdrop/index.js";
-import Box from "@mui/material/Box/index.js";
-import MuiModal from "@mui/material/Modal/index.js";
-import { useTheme } from "@mui/material/styles/index.js";
-import { jsx } from "react/jsx-runtime";
-var DEFAULTS = {
-  variant: "center",
-  size: "md",
-  backdrop: true,
-  persistent: false,
-  glass: false,
-  gradient: false,
-  glow: false,
-  pulse: false,
-  borderRadius: "lg"
-};
-var Modal = (props) => {
-  const {
-    children,
-    variant,
-    size,
-    backdrop,
-    persistent,
-    glass,
-    gradient,
-    glow,
-    pulse,
-    borderRadius,
-    onClose,
-    open,
-    dataTestId,
-    ...rest
-  } = withDefaults(props, DEFAULTS);
-  const theme = useTheme();
-  const isGlass = glass || variant === "glass";
-  const handleClose = (_event, reason) => {
-    if (persistent && (reason === "backdropClick" || reason === "escapeKeyDown")) {
-      return;
-    }
-    onClose?.();
-  };
-  const TransitionComponent = transitionFor(variant);
-  return /* @__PURE__ */ jsx(
-    MuiModal,
-    {
-      open,
-      onClose: handleClose,
-      closeAfterTransition: true,
-      BackdropComponent: backdrop ? Backdrop : void 0,
-      BackdropProps: {
-        timeout: 500,
-        sx: backdropSx(theme, isGlass),
-        // @ts-expect-error - data-testid is not part of BackdropProps type but is valid HTML
-        "data-testid": dataTestId ? `${dataTestId}-backdrop` : "modal-backdrop"
-      },
-      ...rest,
-      children: /* @__PURE__ */ jsx(TransitionComponent, { in: open, timeout: 500, children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: panelSx(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),
-          "data-testid": dataTestId || "modal",
-          children
-        }
-      ) })
-    }
-  );
-};
-var ModalContent = ({ children, padding = 3, dataTestId }) => /* @__PURE__ */ jsx(Box, { sx: { p: padding }, "data-testid": dataTestId || "modal-content", children });
-
-export {
-  Modal,
-  ModalContent
-};
-//# sourceMappingURL=chunk-ZTZ6S5Q6.js.map