@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-YP6ZD54S.js

@@ -0,0 +1,102 @@
+import {
+  CalendarDayCell
+} from "./chunk-ZOIKDERY.js";
+import {
+  getMonthName
+} from "./chunk-TERT6TIS.js";
+
+// src/components/form/Calendar/CalendarMonth.tsx
+import ChevronLeft from "@mui/icons-material/ChevronLeft";
+import ChevronRight from "@mui/icons-material/ChevronRight";
+import { Box, IconButton, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SPACER_WIDTH = 32;
+var GRID_SX = { display: "grid", gridTemplateColumns: "repeat(7, 1fr)", gap: 0.5 };
+var MonthNavHeader = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => /* @__PURE__ */ jsxs(
+  Box,
+  {
+    sx: { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2 },
+    "data-testid": "calendar-header",
+    children: [
+      showPrevious && /* @__PURE__ */ jsx(IconButton, { onClick: onPreviousMonth, size: "small", "data-testid": "calendar-prev-month", children: /* @__PURE__ */ jsx(ChevronLeft, {}) }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "h6",
+          component: "h2",
+          sx: { fontWeight: "bold", flex: 1, textAlign: "center" },
+          children: title
+        }
+      ),
+      showNext && /* @__PURE__ */ jsx(IconButton, { onClick: onNextMonth, size: "small", "data-testid": "calendar-next-month", children: /* @__PURE__ */ jsx(ChevronRight, {}) }),
+      !showPrevious && !showNext && /* @__PURE__ */ jsx(Box, { sx: { width: SPACER_WIDTH } })
+    ]
+  }
+);
+var WeekdayHeader = ({ weekdayNames }) => /* @__PURE__ */ jsx(Box, { sx: { ...GRID_SX, mb: 1 }, children: weekdayNames.map((weekday, index) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    role: "columnheader",
+    "data-testid": `calendar-weekday-${index}`,
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: SPACER_WIDTH,
+      fontSize: "0.875rem",
+      fontWeight: "bold",
+      color: "text.secondary"
+    },
+    children: weekday
+  },
+  `weekday-${index}`
+)) });
+var CalendarMonth = ({
+  matrix,
+  monthIndex,
+  monthsToShow,
+  locale,
+  weekdayNames,
+  renderHeader,
+  onPreviousMonth,
+  onNextMonth,
+  dayContext
+}) => {
+  const monthName = getMonthName(matrix.month, matrix.year, locale);
+  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;
+  return (
+    /* The month is addressable by its position, because in a multi-month
+       calendar every day number appears once PER MONTH — `calendar-date-5` is
+       January's 5th and February's. Without a per-month hook a test can only
+       reach a day positionally, which is exactly what the flakiness gate
+       refuses. Additive: `calendar-grid` below is unchanged. */
+    /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 280 }, "data-testid": `calendar-month-${monthIndex}`, children: [
+      /* @__PURE__ */ jsx(
+        MonthNavHeader,
+        {
+          title,
+          showPrevious: monthIndex === 0,
+          showNext: monthIndex === monthsToShow - 1,
+          onPreviousMonth,
+          onNextMonth
+        }
+      ),
+      /* @__PURE__ */ jsx(WeekdayHeader, { weekdayNames }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          role: "grid",
+          "aria-labelledby": `month-${monthIndex}`,
+          "data-testid": "calendar-grid",
+          sx: GRID_SX,
+          children: matrix.weeks.flat().map((day) => /* @__PURE__ */ jsx(CalendarDayCell, { day, ...dayContext }, day.key))
+        }
+      )
+    ] })
+  );
+};
+
+export {
+  CalendarMonth
+};
+//# sourceMappingURL=chunk-YP6ZD54S.js.map

package/dist/chunk-YP6ZD54S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarMonth.tsx"],"sourcesContent":["import ChevronLeft from '@mui/icons-material/ChevronLeft';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport { Box, IconButton, Typography } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { getMonthName } from './Calendar.dates';\nimport type { CalendarProps, MonthMatrix } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarDayCell } from './CalendarDayCell';\n\nconst SPACER_WIDTH = 32;\n\nconst GRID_SX = { display: 'grid', gridTemplateColumns: 'repeat(7, 1fr)', gap: 0.5 } as const;\n\n// Only the outermost months carry arrows; the ones between get a spacer so their\n// titles stay centred.\nconst MonthNavHeader: FC<{\n  title: React.ReactNode;\n  showPrevious: boolean;\n  showNext: boolean;\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n}> = ({ title, showPrevious, showNext, onPreviousMonth, onNextMonth }) => (\n  <Box\n    sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', mb: 2 }}\n    data-testid=\"calendar-header\"\n  >\n    {showPrevious && (\n      <IconButton onClick={onPreviousMonth} size=\"small\" data-testid=\"calendar-prev-month\">\n        <ChevronLeft />\n      </IconButton>\n    )}\n\n    <Typography\n      variant=\"h6\"\n      component=\"h2\"\n      sx={{ fontWeight: 'bold', flex: 1, textAlign: 'center' }}\n    >\n      {title}\n    </Typography>\n\n    {showNext && (\n      <IconButton onClick={onNextMonth} size=\"small\" data-testid=\"calendar-next-month\">\n        <ChevronRight />\n      </IconButton>\n    )}\n\n    {!showPrevious && !showNext && <Box sx={{ width: SPACER_WIDTH }} />}\n  </Box>\n);\n\nconst WeekdayHeader: FC<{ weekdayNames: string[] }> = ({ weekdayNames }) => (\n  <Box sx={{ ...GRID_SX, mb: 1 }}>\n    {weekdayNames.map((weekday, index) => (\n      <Box\n        // Narrow weekday names repeat within a week ('S', 'T'), so position is\n        // the only stable key here.\n        key={`weekday-${index}`}\n        role=\"columnheader\"\n        data-testid={`calendar-weekday-${index}`}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          height: SPACER_WIDTH,\n          fontSize: '0.875rem',\n          fontWeight: 'bold',\n          color: 'text.secondary',\n        }}\n      >\n        {weekday}\n      </Box>\n    ))}\n  </Box>\n);\n\nexport interface CalendarMonthProps {\n  matrix: MonthMatrix;\n  monthIndex: number;\n  monthsToShow: number;\n  locale: string;\n  weekdayNames: string[];\n  renderHeader?: CalendarProps['renderHeader'];\n  onPreviousMonth: () => void;\n  onNextMonth: () => void;\n  dayContext: DayCellContext;\n}\n\nexport const CalendarMonth: FC<CalendarMonthProps> = ({\n  matrix,\n  monthIndex,\n  monthsToShow,\n  locale,\n  weekdayNames,\n  renderHeader,\n  onPreviousMonth,\n  onNextMonth,\n  dayContext,\n}) => {\n  const monthName = getMonthName(matrix.month, matrix.year, locale);\n  const title = renderHeader ? renderHeader({ month: matrix.month, year: matrix.year }) : monthName;\n\n  return (\n    /* The month is addressable by its position, because in a multi-month\n       calendar every day number appears once PER MONTH — `calendar-date-5` is\n       January's 5th and February's. Without a per-month hook a test can only\n       reach a day positionally, which is exactly what the flakiness gate\n       refuses. Additive: `calendar-grid` below is unchanged. */\n    <Box sx={{ minWidth: 280 }} data-testid={`calendar-month-${monthIndex}`}>\n      <MonthNavHeader\n        title={title}\n        showPrevious={monthIndex === 0}\n        showNext={monthIndex === monthsToShow - 1}\n        onPreviousMonth={onPreviousMonth}\n        onNextMonth={onNextMonth}\n      />\n\n      <WeekdayHeader weekdayNames={weekdayNames} />\n\n      <Box\n        role=\"grid\"\n        aria-labelledby={`month-${monthIndex}`}\n        data-testid=\"calendar-grid\"\n        sx={GRID_SX}\n      >\n        {matrix.weeks.flat().map((day) => (\n          <CalendarDayCell key={day.key} day={day} {...dayContext} />\n        ))}\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,OAAO,iBAAiB;AACxB,OAAO,kBAAkB;AACzB,SAAS,KAAK,YAAY,kBAAkB;AAsB1C,SAMM,KANN;AAbF,IAAM,eAAe;AAErB,IAAM,UAAU,EAAE,SAAS,QAAQ,qBAAqB,kBAAkB,KAAK,IAAI;AAInF,IAAM,iBAMD,CAAC,EAAE,OAAO,cAAc,UAAU,iBAAiB,YAAY,MAClE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,iBAAiB,IAAI,EAAE;AAAA,IACpF,eAAY;AAAA,IAEX;AAAA,sBACC,oBAAC,cAAW,SAAS,iBAAiB,MAAK,SAAQ,eAAY,uBAC7D,8BAAC,eAAY,GACf;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,IAAI,EAAE,YAAY,QAAQ,MAAM,GAAG,WAAW,SAAS;AAAA,UAEtD;AAAA;AAAA,MACH;AAAA,MAEC,YACC,oBAAC,cAAW,SAAS,aAAa,MAAK,SAAQ,eAAY,uBACzD,8BAAC,gBAAa,GAChB;AAAA,MAGD,CAAC,gBAAgB,CAAC,YAAY,oBAAC,OAAI,IAAI,EAAE,OAAO,aAAa,GAAG;AAAA;AAAA;AACnE;AAGF,IAAM,gBAAgD,CAAC,EAAE,aAAa,MACpE,oBAAC,OAAI,IAAI,EAAE,GAAG,SAAS,IAAI,EAAE,GAC1B,uBAAa,IAAI,CAAC,SAAS,UAC1B;AAAA,EAAC;AAAA;AAAA,IAIC,MAAK;AAAA,IACL,eAAa,oBAAoB,KAAK;AAAA,IACtC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAO;AAAA,IACT;AAAA,IAEC;AAAA;AAAA,EAbI,WAAW,KAAK;AAcvB,CACD,GACH;AAeK,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,aAAa,OAAO,OAAO,OAAO,MAAM,MAAM;AAChE,QAAM,QAAQ,eAAe,aAAa,EAAE,OAAO,OAAO,OAAO,MAAM,OAAO,KAAK,CAAC,IAAI;AAExF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAME,qBAAC,OAAI,IAAI,EAAE,UAAU,IAAI,GAAG,eAAa,kBAAkB,UAAU,IACnE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,cAAc,eAAe;AAAA,UAC7B,UAAU,eAAe,eAAe;AAAA,UACxC;AAAA,UACA;AAAA;AAAA,MACF;AAAA,MAEA,oBAAC,iBAAc,cAA4B;AAAA,MAE3C;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,mBAAiB,SAAS,UAAU;AAAA,UACpC,eAAY;AAAA,UACZ,IAAI;AAAA,UAEH,iBAAO,MAAM,KAAK,EAAE,IAAI,CAAC,QACxB,oBAAC,mBAA8B,KAAW,GAAG,cAAvB,IAAI,GAA+B,CAC1D;AAAA;AAAA,MACH;AAAA,OACF;AAAA;AAEJ;","names":[]}

package/dist/chunk-YPBWZBWV.js

@@ -0,0 +1,167 @@
+import {
+  makeTestId,
+  resolveCheckboxProps
+} from "./chunk-JD364H3Y.js";
+
+// src/components/form/Checkbox/Checkbox.tsx
+import {
+  alpha,
+  Checkbox as MuiCheckbox,
+  CircularProgress,
+  FormControlLabel,
+  FormHelperText,
+  keyframes,
+  styled
+} from "@mui/material";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var pulse = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.7);
+  }
+  70% {
+    box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);
+  }
+`;
+var glow = keyframes`
+  0%, 100% {
+    box-shadow: 0 0 5px rgba(25, 118, 210, 0.5);
+  }
+  50% {
+    box-shadow: 0 0 20px rgba(25, 118, 210, 0.8);
+  }
+`;
+var StyledCheckbox = styled(MuiCheckbox, {
+  shouldForwardProp: (prop) => !["customVariant", "ripple", "glow", "pulse"].includes(prop)
+})(
+  ({ theme, customVariant, ripple, glow: glowProp, pulse: pulseProp }) => ({
+    ...customVariant === "rounded" && {
+      "& .MuiSvgIcon-root": {
+        borderRadius: "50%"
+      }
+    },
+    ...customVariant === "toggle" && {
+      "& .MuiSvgIcon-root": {
+        borderRadius: "12px",
+        transform: "scale(1.2)"
+      }
+    },
+    "&.MuiCheckbox-root": {
+      transition: "all 0.3s ease",
+      ...ripple === false && {
+        "& .MuiTouchRipple-root": {
+          display: "none"
+        }
+      },
+      ...glowProp && {
+        animation: `${glow} 2s ease-in-out infinite`
+      },
+      ...pulseProp && {
+        animation: `${pulse} 2s infinite`
+      },
+      "&:hover": {
+        backgroundColor: alpha(theme.palette.primary.main, 0.1)
+      }
+    },
+    "&.Mui-checked": {
+      color: theme.palette.primary.main
+    },
+    "&.MuiCheckbox-indeterminate": {
+      color: theme.palette.primary.main
+    }
+  })
+);
+var StyledFormControlLabel = styled(FormControlLabel, {
+  shouldForwardProp: (prop) => prop !== "error"
+})(
+  ({ theme, error }) => ({
+    marginLeft: 0,
+    "& .MuiFormControlLabel-label": {
+      color: error ? theme.palette.error.main : theme.palette.text.primary,
+      fontSize: "0.875rem"
+    }
+  })
+);
+var StyledFormHelperText = styled(FormHelperText)(({ theme }) => ({
+  marginLeft: theme.spacing(4),
+  marginTop: theme.spacing(0.5)
+}));
+var Checkbox = React.forwardRef(
+  (rawProps, ref) => {
+    const {
+      variant,
+      label,
+      error,
+      helperText,
+      loading,
+      ripple,
+      glow: glow2,
+      pulse: pulse2,
+      disabled,
+      "data-testid": dataTestId,
+      ...props
+    } = resolveCheckboxProps(rawProps);
+    const isDisabled = disabled || loading;
+    const testId = makeTestId(dataTestId);
+    const checkbox = /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-flex" }, children: [
+      /* @__PURE__ */ jsx(
+        StyledCheckbox,
+        {
+          ref,
+          customVariant: variant,
+          ripple,
+          glow: glow2,
+          pulse: pulse2,
+          disabled: isDisabled,
+          "data-testid": dataTestId || "checkbox",
+          ...props
+        }
+      ),
+      loading && /* @__PURE__ */ jsx(
+        CircularProgress,
+        {
+          size: 20,
+          sx: {
+            position: "absolute",
+            top: "50%",
+            left: "50%",
+            marginTop: "-10px",
+            marginLeft: "-10px",
+            color: "primary.main"
+          }
+        }
+      )
+    ] });
+    if (label) {
+      return /* @__PURE__ */ jsxs("div", { "data-testid": testId("container"), children: [
+        /* @__PURE__ */ jsx(
+          StyledFormControlLabel,
+          {
+            control: checkbox,
+            label,
+            error,
+            disabled: isDisabled
+          }
+        ),
+        helperText && /* @__PURE__ */ jsx(
+          StyledFormHelperText,
+          {
+            error,
+            "data-testid": testId("helper"),
+            children: helperText
+          }
+        )
+      ] });
+    }
+    return checkbox;
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+export {
+  Checkbox
+};
+//# sourceMappingURL=chunk-YPBWZBWV.js.map

package/dist/chunk-YPBWZBWV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.tsx"],"sourcesContent":["import { \n  alpha,\n  Checkbox as MuiCheckbox, \n  CircularProgress,\n  FormControlLabel, \n  FormHelperText,\n  keyframes,\n  styled} from '@mui/material';\nimport React from 'react';\n\nimport { makeTestId, resolveCheckboxProps } from './Checkbox.helpers';\nimport type { CheckboxProps } from './Checkbox.types';\n\nconst pulse = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.7);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(25, 118, 210, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0);\n  }\n`;\n\nconst glow = keyframes`\n  0%, 100% {\n    box-shadow: 0 0 5px rgba(25, 118, 210, 0.5);\n  }\n  50% {\n    box-shadow: 0 0 20px rgba(25, 118, 210, 0.8);\n  }\n`;\n\nconst StyledCheckbox = styled(MuiCheckbox, {\n  shouldForwardProp: (prop) => !['customVariant', 'ripple', 'glow', 'pulse'].includes(prop as string),\n})<{ \n  customVariant?: CheckboxProps['variant'];\n  ripple?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n}>(\n  ({ theme, customVariant, ripple, glow: glowProp, pulse: pulseProp }) => ({\n    ...(customVariant === 'rounded' && {\n      '& .MuiSvgIcon-root': {\n        borderRadius: '50%',\n      },\n    }),\n    \n    ...(customVariant === 'toggle' && {\n      '& .MuiSvgIcon-root': {\n        borderRadius: '12px',\n        transform: 'scale(1.2)',\n      },\n    }),\n    \n    '&.MuiCheckbox-root': {\n      transition: 'all 0.3s ease',\n      ...(ripple === false && {\n        '& .MuiTouchRipple-root': {\n          display: 'none',\n        },\n      }),\n      ...(glowProp && {\n        animation: `${glow} 2s ease-in-out infinite`,\n      }),\n      ...(pulseProp && {\n        animation: `${pulse} 2s infinite`,\n      }),\n      '&:hover': {\n        backgroundColor: alpha(theme.palette.primary.main, 0.1),\n      },\n    },\n    \n    '&.Mui-checked': {\n      color: theme.palette.primary.main,\n    },\n    \n    '&.MuiCheckbox-indeterminate': {\n      color: theme.palette.primary.main,\n    },\n  })\n);\n\nconst StyledFormControlLabel = styled(FormControlLabel, {\n  shouldForwardProp: (prop) => prop !== 'error',\n})<{ error?: boolean }>(\n  ({ theme, error }) => ({\n    marginLeft: 0,\n    '& .MuiFormControlLabel-label': {\n      color: error ? theme.palette.error.main : theme.palette.text.primary,\n      fontSize: '0.875rem',\n    },\n  })\n);\n\nconst StyledFormHelperText = styled(FormHelperText)(({ theme }) => ({\n  marginLeft: theme.spacing(4),\n  marginTop: theme.spacing(0.5),\n}));\n\nexport const Checkbox = React.forwardRef<HTMLButtonElement, CheckboxProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      label,\n      error,\n      helperText,\n      loading,\n      ripple,\n      glow,\n      pulse,\n      disabled,\n      'data-testid': dataTestId,\n      ...props\n    } = resolveCheckboxProps(rawProps);\n    const isDisabled = disabled || loading;\n    const testId = makeTestId(dataTestId);\n\n    const checkbox = (\n      <div style={{ position: 'relative', display: 'inline-flex' }}>\n        <StyledCheckbox\n          ref={ref}\n          customVariant={variant}\n          ripple={ripple}\n          glow={glow}\n          pulse={pulse}\n          disabled={isDisabled}\n          data-testid={dataTestId || 'checkbox'}\n          {...props}\n        />\n        {loading && (\n          <CircularProgress\n            size={20}\n            sx={{\n              position: 'absolute',\n              top: '50%',\n              left: '50%',\n              marginTop: '-10px',\n              marginLeft: '-10px',\n              color: 'primary.main',\n            }}\n          />\n        )}\n      </div>\n    );\n    \n    if (label) {\n      return (\n        <div data-testid={testId('container')}>\n          <StyledFormControlLabel\n            control={checkbox}\n            label={label}\n            error={error}\n            disabled={isDisabled}\n          />\n          {helperText && (\n            <StyledFormHelperText \n              error={error}\n              data-testid={testId('helper')}\n            >\n              {helperText}\n            </StyledFormHelperText>\n          )}\n        </div>\n      );\n    }\n    \n    return checkbox;\n  }\n);\n\nCheckbox.displayName = 'Checkbox';"],"mappings":"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","names":["glow","pulse"]}

package/dist/chunk-YQR2AHWW.js

@@ -0,0 +1,80 @@
+// src/components/utility/AspectRatio/AspectRatio.tsx
+import { Box } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var AspectRatio = ({
+  children,
+  variant = "16:9",
+  ratio,
+  maxWidth,
+  maxHeight,
+  dataTestId,
+  sx,
+  ...props
+}) => {
+  const getAspectRatio = () => {
+    if (variant === "custom" && ratio) {
+      return ratio;
+    }
+    switch (variant) {
+      case "16:9":
+        return 16 / 9;
+      case "4:3":
+        return 4 / 3;
+      case "1:1":
+        return 1;
+      case "3:2":
+        return 3 / 2;
+      case "21:9":
+        return 21 / 9;
+      default:
+        return 16 / 9;
+    }
+  };
+  const aspectRatio = getAspectRatio();
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-testid": dataTestId,
+      sx: {
+        position: "relative",
+        width: "100%",
+        maxWidth,
+        maxHeight,
+        ...sx
+      },
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: {
+            width: "100%",
+            paddingTop: `${1 / aspectRatio * 100}%`,
+            position: "relative"
+          },
+          children: /* @__PURE__ */ jsx(
+            Box,
+            {
+              sx: {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: "100%",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                overflow: "hidden"
+              },
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+};
+
+export {
+  AspectRatio
+};
+//# sourceMappingURL=chunk-YQR2AHWW.js.map

package/dist/chunk-YQR2AHWW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport React from 'react';\n\nimport type { AspectRatioProps } from './AspectRatio.types';\n\nexport const AspectRatio: React.FC<AspectRatioProps> = ({\n  children,\n  variant = '16:9',\n  ratio,\n  maxWidth,\n  maxHeight,\n  dataTestId,\n  sx,\n  ...props\n}) => {\n  const getAspectRatio = () => {\n    if (variant === 'custom' && ratio) {\n      return ratio;\n    }\n\n    switch (variant) {\n      case '16:9':\n        return 16 / 9;\n      case '4:3':\n        return 4 / 3;\n      case '1:1':\n        return 1;\n      case '3:2':\n        return 3 / 2;\n      case '21:9':\n        return 21 / 9;\n      default:\n        return 16 / 9;\n    }\n  };\n\n  const aspectRatio = getAspectRatio();\n\n  return (\n    <Box\n      data-testid={dataTestId}\n      sx={{\n        position: 'relative',\n        width: '100%',\n        maxWidth,\n        maxHeight,\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        sx={{\n          width: '100%',\n          paddingTop: `${(1 / aspectRatio) * 100}%`,\n          position: 'relative',\n        }}\n      >\n        <Box\n          sx={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            overflow: 'hidden',\n          }}\n        >\n          {children}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":";AAAA,SAAS,WAAW;AAyDZ;AApDD,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,iBAAiB,MAAM;AAC3B,QAAI,YAAY,YAAY,OAAO;AACjC,aAAO;AAAA,IACT;AAEA,YAAQ,SAAS;AAAA,MACf,KAAK;AACH,eAAO,KAAK;AAAA,MACd,KAAK;AACH,eAAO,IAAI;AAAA,MACb,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO,IAAI;AAAA,MACb,KAAK;AACH,eAAO,KAAK;AAAA,MACd;AACE,eAAO,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,cAAc,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,OAAO;AAAA,QACP;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,YACF,OAAO;AAAA,YACP,YAAY,GAAI,IAAI,cAAe,GAAG;AAAA,YACtC,UAAU;AAAA,UACZ;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,gBACF,UAAU;AAAA,gBACV,KAAK;AAAA,gBACL,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,gBAAgB;AAAA,gBAChB,UAAU;AAAA,cACZ;AAAA,cAEC;AAAA;AAAA,UACH;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/chunk-YRCK4I4C.js

@@ -0,0 +1,53 @@
+// src/utils/export-rows.ts
+function escapeCsvCell(value) {
+  if (/[",\n\r]/.test(value)) {
+    return `"${value.replace(/"/g, '""')}"`;
+  }
+  return value;
+}
+function toCsv(rows, columns) {
+  const head = columns.map((column) => escapeCsvCell(column.header)).join(",");
+  const body = rows.map(
+    (row) => columns.map((column) => {
+      const cell = column.value(row);
+      return escapeCsvCell(cell == null ? "" : String(cell));
+    }).join(",")
+  ).join("\n");
+  return `${head}
+${body}`;
+}
+function toJson(rows, columns) {
+  const records = rows.map((row) => {
+    const record = {};
+    for (const column of columns) {
+      const cell = column.value(row);
+      record[column.header] = cell == null ? null : cell;
+    }
+    return record;
+  });
+  return JSON.stringify(records, null, 2);
+}
+function triggerDownload(content, filename, mimeType) {
+  if (typeof window === "undefined") return;
+  const blob = new Blob([content], { type: mimeType });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = filename;
+  document.body.appendChild(anchor);
+  anchor.click();
+  anchor.remove();
+  URL.revokeObjectURL(url);
+}
+function exportRows(format, rows, columns, baseName) {
+  if (format === "json") {
+    triggerDownload(toJson(rows, columns), `${baseName}.json`, "application/json");
+    return;
+  }
+  triggerDownload(toCsv(rows, columns), `${baseName}.csv`, "text/csv;charset=utf-8");
+}
+
+export {
+  exportRows
+};
+//# sourceMappingURL=chunk-YRCK4I4C.js.map

package/dist/chunk-YRCK4I4C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/export-rows.ts"],"sourcesContent":["/**\n * Serialise rows and hand the browser a download.\n *\n * The companion of the grid's Export control, which emits a REQUEST and leaves\n * the producing to the host — this is the producing half, for the common case\n * where the host already has the rows and only needs a file out of them.\n *\n * Dependency-free on purpose: \"Excel\" is emitted as CSV, which Excel opens\n * natively. A spreadsheet library would add ~700KB to a bundle for column\n * widths nobody asked for, and the one thing a real `.xlsx` buys — types that\n * survive the round trip — is not something a CSV export of an admin list is\n * being asked for.\n */\n\ntype ExportFormat = 'csv' | 'json';\n\n/** One column of the exported file: its header, and how to read a row. */\nexport interface ExportColumn<T> {\n  /** Column header, used as the CSV column and the JSON key. */\n  header: string;\n  /** Extract the cell value for a row. */\n  value: (row: T) => string | number | boolean | null | undefined;\n}\n\nfunction escapeCsvCell(value: string): string {\n  // Quote when the cell contains a comma, a quote or a newline; double any\n  // embedded quote. Without this a name with a comma silently shifts every\n  // column after it by one, which reads as corrupt data rather than as a bug.\n  if (/[\",\\n\\r]/.test(value)) {\n    return `\"${value.replace(/\"/g, '\"\"')}\"`;\n  }\n  return value;\n}\n\nfunction toCsv<T>(rows: readonly T[], columns: readonly ExportColumn<T>[]): string {\n  const head = columns.map((column) => escapeCsvCell(column.header)).join(',');\n  const body = rows\n    .map((row) =>\n      columns\n        .map((column) => {\n          const cell = column.value(row);\n          return escapeCsvCell(cell == null ? '' : String(cell));\n        })\n        .join(','),\n    )\n    .join('\\n');\n  return `${head}\\n${body}`;\n}\n\nfunction toJson<T>(rows: readonly T[], columns: readonly ExportColumn<T>[]): string {\n  const records = rows.map((row) => {\n    const record: Record<string, string | number | boolean | null> = {};\n    for (const column of columns) {\n      const cell = column.value(row);\n      record[column.header] = cell == null ? null : (cell as string | number | boolean);\n    }\n    return record;\n  });\n  return JSON.stringify(records, null, 2);\n}\n\nfunction triggerDownload(content: string, filename: string, mimeType: string): void {\n  // A no-op without a document, so a module that imports this can still be\n  // loaded by a test runner or a server render without guarding the import.\n  if (typeof window === 'undefined') return;\n  const blob = new Blob([content], { type: mimeType });\n  const url = URL.createObjectURL(blob);\n  const anchor = document.createElement('a');\n  anchor.href = url;\n  anchor.download = filename;\n  document.body.appendChild(anchor);\n  anchor.click();\n  anchor.remove();\n  URL.revokeObjectURL(url);\n}\n\n/**\n * Serialise `rows` using `columns` and download them as `<baseName>.<ext>`.\n *\n * @param format - `csv` (also what the Excel option produces) or `json`.\n * @param baseName - File name without extension; the consumer's word for the\n *   collection, so it is never derived from a type name here.\n */\nexport function exportRows<T>(\n  format: ExportFormat,\n  rows: readonly T[],\n  columns: readonly ExportColumn<T>[],\n  baseName: string,\n): void {\n  if (format === 'json') {\n    triggerDownload(toJson(rows, columns), `${baseName}.json`, 'application/json');\n    return;\n  }\n  triggerDownload(toCsv(rows, columns), `${baseName}.csv`, 'text/csv;charset=utf-8');\n}\n"],"mappings":";AAwBA,SAAS,cAAc,OAAuB;AAI5C,MAAI,WAAW,KAAK,KAAK,GAAG;AAC1B,WAAO,IAAI,MAAM,QAAQ,MAAM,IAAI,CAAC;AAAA,EACtC;AACA,SAAO;AACT;AAEA,SAAS,MAAS,MAAoB,SAA6C;AACjF,QAAM,OAAO,QAAQ,IAAI,CAAC,WAAW,cAAc,OAAO,MAAM,CAAC,EAAE,KAAK,GAAG;AAC3E,QAAM,OAAO,KACV;AAAA,IAAI,CAAC,QACJ,QACG,IAAI,CAAC,WAAW;AACf,YAAM,OAAO,OAAO,MAAM,GAAG;AAC7B,aAAO,cAAc,QAAQ,OAAO,KAAK,OAAO,IAAI,CAAC;AAAA,IACvD,CAAC,EACA,KAAK,GAAG;AAAA,EACb,EACC,KAAK,IAAI;AACZ,SAAO,GAAG,IAAI;AAAA,EAAK,IAAI;AACzB;AAEA,SAAS,OAAU,MAAoB,SAA6C;AAClF,QAAM,UAAU,KAAK,IAAI,CAAC,QAAQ;AAChC,UAAM,SAA2D,CAAC;AAClE,eAAW,UAAU,SAAS;AAC5B,YAAM,OAAO,OAAO,MAAM,GAAG;AAC7B,aAAO,OAAO,MAAM,IAAI,QAAQ,OAAO,OAAQ;AAAA,IACjD;AACA,WAAO;AAAA,EACT,CAAC;AACD,SAAO,KAAK,UAAU,SAAS,MAAM,CAAC;AACxC;AAEA,SAAS,gBAAgB,SAAiB,UAAkB,UAAwB;AAGlF,MAAI,OAAO,WAAW,YAAa;AACnC,QAAM,OAAO,IAAI,KAAK,CAAC,OAAO,GAAG,EAAE,MAAM,SAAS,CAAC;AACnD,QAAM,MAAM,IAAI,gBAAgB,IAAI;AACpC,QAAM,SAAS,SAAS,cAAc,GAAG;AACzC,SAAO,OAAO;AACd,SAAO,WAAW;AAClB,WAAS,KAAK,YAAY,MAAM;AAChC,SAAO,MAAM;AACb,SAAO,OAAO;AACd,MAAI,gBAAgB,GAAG;AACzB;AASO,SAAS,WACd,QACA,MACA,SACA,UACM;AACN,MAAI,WAAW,QAAQ;AACrB,oBAAgB,OAAO,MAAM,OAAO,GAAG,GAAG,QAAQ,SAAS,kBAAkB;AAC7E;AAAA,EACF;AACA,kBAAgB,MAAM,MAAM,OAAO,GAAG,GAAG,QAAQ,QAAQ,wBAAwB;AACnF;","names":[]}

package/dist/chunk-YROUM5BG.js

@@ -0,0 +1,97 @@
+// src/components/form/Calendar/CalendarDay.tsx
+import { Box } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CELL_SIZE = 40;
+var CLASS_FLAGS = [
+  ["selected", "selected"],
+  ["inRange", "in-range"],
+  ["rangeStart", "range-start"],
+  ["rangeEnd", "range-end"],
+  ["disabled", "disabled"],
+  ["today", "today"],
+  ["outside", "outside"],
+  ["hovered", "hovered"],
+  ["focused", "focused"]
+];
+var dayClassNames = (state, custom) => [
+  "calendar-day",
+  ...CLASS_FLAGS.filter(([flag]) => state[flag]).map(([, name]) => name),
+  ...custom ? [custom] : []
+].join(" ");
+var isEndpoint = (day) => day.selected || day.rangeStart || day.rangeEnd;
+var backgroundFor = (day) => {
+  if (isEndpoint(day)) return "primary.main";
+  if (day.inRange || day.hovered) return "primary.light";
+  return "transparent";
+};
+var colorFor = (day, visible) => {
+  if (isEndpoint(day)) return "primary.contrastText";
+  if (day.disabled) return "text.disabled";
+  if (!visible) return "transparent";
+  return "text.primary";
+};
+var hoverBackgroundFor = (day) => {
+  if (day.disabled) return void 0;
+  return day.selected ? "primary.dark" : "action.hover";
+};
+var dayCellSx = (day, visible) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: CELL_SIZE,
+  height: CELL_SIZE,
+  border: "none",
+  borderRadius: 1,
+  cursor: day.disabled ? "not-allowed" : "pointer",
+  backgroundColor: backgroundFor(day),
+  color: colorFor(day, visible),
+  opacity: !day.inCurrentMonth && visible ? 0.5 : 1,
+  fontWeight: day.today ? "bold" : "normal",
+  "&:hover": {
+    backgroundColor: hoverBackgroundFor(day)
+  },
+  "&:focus": {
+    outline: "2px solid",
+    outlineColor: "primary.main",
+    outlineOffset: 1
+  }
+});
+var CalendarDay = ({
+  day,
+  focused,
+  showOutsideDays,
+  dayClassName,
+  onSelect,
+  onHover,
+  onHoverEnd
+}) => {
+  const visible = day.inCurrentMonth || showOutsideDays;
+  const state = { ...day, outside: !day.inCurrentMonth, focused };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "button",
+      role: "gridcell",
+      tabIndex: focused ? 0 : -1,
+      "aria-selected": day.selected,
+      "aria-disabled": day.disabled,
+      "aria-current": day.today ? "date" : void 0,
+      className: dayClassNames(state, dayClassName?.(day)),
+      "data-testid": `calendar-date-${day.date.getDate()}`,
+      onClick: () => onSelect(day.date),
+      onMouseEnter: () => onHover(day.date),
+      onMouseLeave: onHoverEnd,
+      sx: dayCellSx(day, visible),
+      children: [
+        day.selected && /* @__PURE__ */ jsx(Box, { component: "span", "data-testid": "calendar-selected-date", sx: { display: "none" } }),
+        day.today && /* @__PURE__ */ jsx(Box, { component: "span", "data-testid": "calendar-today", sx: { display: "none" } }),
+        visible ? day.date.getDate() : ""
+      ]
+    }
+  );
+};
+
+export {
+  CalendarDay
+};
+//# sourceMappingURL=chunk-YROUM5BG.js.map

package/dist/chunk-YROUM5BG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarDay.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\nimport { Box } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport type { DayRenderArgs } from './Calendar.types';\n\nconst CELL_SIZE = 40;\n\ninterface DayState extends DayRenderArgs {\n  outside: boolean;\n  focused: boolean;\n}\n\n// Order matters: these land on the element in the order listed.\nconst CLASS_FLAGS: Array<[keyof DayState, string]> = [\n  ['selected', 'selected'],\n  ['inRange', 'in-range'],\n  ['rangeStart', 'range-start'],\n  ['rangeEnd', 'range-end'],\n  ['disabled', 'disabled'],\n  ['today', 'today'],\n  ['outside', 'outside'],\n  ['hovered', 'hovered'],\n  ['focused', 'focused'],\n];\n\nconst dayClassNames = (state: DayState, custom?: string): string =>\n  [\n    'calendar-day',\n    ...CLASS_FLAGS.filter(([flag]) => state[flag]).map(([, name]) => name),\n    ...(custom ? [custom] : []),\n  ].join(' ');\n\nconst isEndpoint = (day: DayRenderArgs): boolean =>\n  day.selected || day.rangeStart || day.rangeEnd;\n\nconst backgroundFor = (day: DayRenderArgs): string => {\n  if (isEndpoint(day)) return 'primary.main';\n  if (day.inRange || day.hovered) return 'primary.light';\n  return 'transparent';\n};\n\nconst colorFor = (day: DayRenderArgs, visible: boolean): string => {\n  if (isEndpoint(day)) return 'primary.contrastText';\n  if (day.disabled) return 'text.disabled';\n  // Outside days that are switched off still occupy the grid, they just have\n  // nothing to show.\n  if (!visible) return 'transparent';\n  return 'text.primary';\n};\n\nconst hoverBackgroundFor = (day: DayRenderArgs): string | undefined => {\n  if (day.disabled) return undefined;\n  return day.selected ? 'primary.dark' : 'action.hover';\n};\n\nconst dayCellSx = (day: DayRenderArgs, visible: boolean): SxProps<Theme> => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: CELL_SIZE,\n  height: CELL_SIZE,\n  border: 'none',\n  borderRadius: 1,\n  cursor: day.disabled ? 'not-allowed' : 'pointer',\n  backgroundColor: backgroundFor(day),\n  color: colorFor(day, visible),\n  opacity: !day.inCurrentMonth && visible ? 0.5 : 1,\n  fontWeight: day.today ? 'bold' : 'normal',\n  '&:hover': {\n    backgroundColor: hoverBackgroundFor(day),\n  },\n  '&:focus': {\n    outline: '2px solid',\n    outlineColor: 'primary.main',\n    outlineOffset: 1,\n  },\n});\n\nexport interface CalendarDayProps {\n  day: DayRenderArgs;\n  focused: boolean;\n  showOutsideDays: boolean;\n  dayClassName?: (args: DayRenderArgs) => string;\n  onSelect: (date: Date) => void;\n  onHover: (date: Date) => void;\n  onHoverEnd: () => void;\n}\n\nexport const CalendarDay: FC<CalendarDayProps> = ({\n  day,\n  focused,\n  showOutsideDays,\n  dayClassName,\n  onSelect,\n  onHover,\n  onHoverEnd,\n}) => {\n  const visible = day.inCurrentMonth || showOutsideDays;\n  const state: DayState = { ...day, outside: !day.inCurrentMonth, focused };\n\n  return (\n    <Box\n      component=\"button\"\n      role=\"gridcell\"\n      tabIndex={focused ? 0 : -1}\n      aria-selected={day.selected}\n      aria-disabled={day.disabled}\n      aria-current={day.today ? 'date' : undefined}\n      className={dayClassNames(state, dayClassName?.(day))}\n      data-testid={`calendar-date-${day.date.getDate()}`}\n      onClick={() => onSelect(day.date)}\n      onMouseEnter={() => onHover(day.date)}\n      onMouseLeave={onHoverEnd}\n      sx={dayCellSx(day, visible)}\n    >\n      {day.selected && (\n        <Box component=\"span\" data-testid=\"calendar-selected-date\" sx={{ display: 'none' }} />\n      )}\n      {day.today && (\n        <Box component=\"span\" data-testid=\"calendar-today\" sx={{ display: 'none' }} />\n      )}\n      {visible ? day.date.getDate() : ''}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}