@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-YLHCICYS.js

@@ -1,166 +0,0 @@
-// src/components/navigation/NavigationMenu/NavigationMenu.styles.ts
-import { alpha, keyframes } from "@mui/material";
-var slideIn = keyframes`
-  from {
-    opacity: 0;
-    transform: translateX(-20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-`;
-var pulseGlow = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.4);
-  }
-  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 SIZE_STYLES = {
-  sm: (theme) => ({
-    padding: theme.spacing(1, 1.5),
-    fontSize: "0.875rem",
-    "& .MuiListItemIcon-root": { transform: "scale(0.85)" }
-  }),
-  lg: (theme) => ({
-    padding: theme.spacing(2, 2.5),
-    fontSize: "1.125rem",
-    "& .MuiListItemIcon-root": { transform: "scale(1.15)" }
-  })
-};
-var horizontalStyles = (theme) => ({
-  borderRadius: theme.spacing(1.5),
-  margin: theme.spacing(0, 0.5),
-  background: alpha(theme.palette.background.paper, 0.6),
-  backdropFilter: "blur(8px)",
-  border: `none`
-  // border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,
-});
-var collapsedStyles = () => ({
-  justifyContent: "center",
-  minHeight: 56,
-  "& .MuiListItemIcon-root": {
-    margin: 0
-  }
-});
-var activeStyles = (theme, _variant) => ({
-  color: theme.palette.primary.main,
-  cursor: "default",
-  "& .MuiListItemIcon-root": {
-    color: theme.palette.primary.main
-  },
-  "&::before": {
-    opacity: 1,
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`
-  },
-  "&:hover": {
-    background: "none",
-    transform: "none",
-    boxShadow: "none",
-    "&::before": {
-      opacity: 1
-    },
-    "& .MuiListItemIcon-root": {
-      transform: "none"
-    },
-    "& .MuiListItemText-primary": {
-      transform: "none"
-    }
-  }
-});
-var navDecorationStyles = (theme) => ({
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,
-    opacity: 0,
-    transition: "opacity 0.3s ease"
-  },
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: "100%",
-    height: "100%",
-    background: `radial-gradient(circle, ${alpha(theme.palette.primary.main, 0.3)} 0%, transparent 70%)`,
-    transform: "translate(-50%, -50%) scale(0)",
-    transition: "transform 0.6s ease",
-    borderRadius: "50%"
-  }
-});
-var navInteractionStyles = (theme, minimal, collapsed, size) => ({
-  "&:hover": minimal ? {
-    // Simple hover for minimal variant
-    backgroundColor: alpha(theme.palette.action.hover, 0.08),
-    color: theme.palette.primary.main,
-    "& .MuiListItemIcon-root": {
-      color: theme.palette.primary.main
-    }
-  } : {
-    // Fancy hover for non-minimal variant
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,
-    color: theme.palette.primary.main,
-    boxShadow: `0 8px 24px ${alpha(theme.palette.primary.main, 0.15)}`,
-    backgroundColor: alpha(theme.palette.primary.main, 0.04),
-    "&::before": {
-      opacity: 1
-    },
-    "& .MuiListItemIcon-root": {
-      color: theme.palette.primary.main,
-      transform: collapsed ? "scale(1.1)" : size === "sm" ? "scale(0.95) rotate(-5deg)" : size === "lg" ? "scale(1.25) rotate(-5deg)" : "scale(1.1) rotate(-5deg)",
-      transition: "all 0.3s ease"
-    },
-    "& .MuiListItemText-primary": {
-      transform: "translateX(4px)",
-      transition: "transform 0.3s ease"
-    }
-  },
-  "&:active": minimal ? {
-    // Simple active state for minimal variant
-    opacity: 0.7
-  } : {
-    // Fancy active state for non-minimal variant
-    transform: "scale(0.98)",
-    "&::after": {
-      transform: "translate(-50%, -50%) scale(2)"
-    }
-  }
-});
-var navItemButtonStyles = ({
-  theme,
-  variant,
-  active,
-  size,
-  collapsed,
-  minimal
-}) => ({
-  ...size ? SIZE_STYLES[size]?.(theme) ?? {} : {},
-  ...variant === "horizontal" ? horizontalStyles(theme) : {},
-  ...collapsed ? collapsedStyles() : {},
-  ...active ? activeStyles(theme, variant) : {},
-  ...navDecorationStyles(theme),
-  ...navInteractionStyles(theme, minimal, collapsed, size),
-  borderRadius: theme.spacing(1.5),
-  margin: theme.spacing(0.5),
-  position: "relative",
-  overflow: "hidden",
-  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-  transformStyle: "preserve-3d"
-});
-
-export {
-  slideIn,
-  pulseGlow,
-  navItemButtonStyles
-};
-//# sourceMappingURL=chunk-YLHCICYS.js.map

package/dist/chunk-YLHCICYS.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationMenu.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nexport const slideIn = keyframes`\n  from {\n    opacity: 0;\n    transform: translateX(-20px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n`;\n\nexport const pulseGlow = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.4);\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 SIZE_STYLES: Record<string, (theme: Theme) => CSSObject> = {\n  sm: (theme) => ({\n    padding: theme.spacing(1, 1.5),\n    fontSize: '0.875rem',\n    '& .MuiListItemIcon-root': { transform: 'scale(0.85)' },\n  }),\n  lg: (theme) => ({\n    padding: theme.spacing(2, 2.5),\n    fontSize: '1.125rem',\n    '& .MuiListItemIcon-root': { transform: 'scale(1.15)' },\n  }),\n};\n\n// Each of these applies independently of the others, so they layer rather than\n// forming a lookup.\nconst horizontalStyles = (theme: Theme): CSSObject => ({\n      borderRadius: theme.spacing(1.5),\n      margin: theme.spacing(0, 0.5),\n      background: alpha(theme.palette.background.paper, 0.6),\n      backdropFilter: 'blur(8px)',\n      border: `none`,\n      // border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n    });\n\nconst collapsedStyles = (): CSSObject => ({\n      justifyContent: 'center',\n      minHeight: 56,\n      '& .MuiListItemIcon-root': {\n        margin: 0,\n      },\n    });\n\nconst activeStyles = (theme: Theme, _variant?: string): CSSObject => ({\n      color: theme.palette.primary.main,\n      cursor: 'default',\n\n      '& .MuiListItemIcon-root': {\n        color: theme.palette.primary.main,\n      },\n\n      '&::before': {\n        opacity: 1,\n        background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.2)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`,\n      },\n\n      '&:hover': {\n        background: 'none',\n        transform: 'none',\n        boxShadow: 'none',\n\n        '&::before': {\n          opacity: 1,\n        },\n\n        '& .MuiListItemIcon-root': {\n          transform: 'none',\n        },\n\n        '& .MuiListItemText-primary': {\n          transform: 'none',\n        },\n      },\n    });\n\n// Decorative sweep and glow layers behind the row.\nconst navDecorationStyles = (theme: Theme): CSSObject => ({\n  '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,\n      opacity: 0,\n      transition: 'opacity 0.3s ease',\n    },\n  '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      width: '100%',\n      height: '100%',\n      background: `radial-gradient(circle, ${alpha(theme.palette.primary.main, 0.3)} 0%, transparent 70%)`,\n      transform: 'translate(-50%, -50%) scale(0)',\n      transition: 'transform 0.6s ease',\n      borderRadius: '50%',\n    },\n});\n\n// The minimal variant deliberately skips the lift-and-glow treatment.\nconst navInteractionStyles = (\n  theme: Theme,\n  minimal?: boolean,\n  collapsed?: boolean,\n  size?: string,\n): CSSObject => ({\n  '&:hover': minimal\n      ? {\n          // Simple hover for minimal variant\n          backgroundColor: alpha(theme.palette.action.hover, 0.08),\n          color: theme.palette.primary.main,\n\n          '& .MuiListItemIcon-root': {\n            color: theme.palette.primary.main,\n          },\n        }\n      : {\n          // Fancy hover for non-minimal variant\n          background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.15)} 0%, ${alpha(theme.palette.primary.main, 0.08)} 100%)`,\n          color: theme.palette.primary.main,\n          boxShadow: `0 8px 24px ${alpha(theme.palette.primary.main, 0.15)}`,\n          backgroundColor: alpha(theme.palette.primary.main, 0.04),\n\n          '&::before': {\n            opacity: 1,\n          },\n\n          '& .MuiListItemIcon-root': {\n            color: theme.palette.primary.main,\n            transform: collapsed\n              ? 'scale(1.1)'\n              : size === 'sm'\n                ? 'scale(0.95) rotate(-5deg)'\n                : size === 'lg'\n                  ? 'scale(1.25) rotate(-5deg)'\n                  : 'scale(1.1) rotate(-5deg)',\n            transition: 'all 0.3s ease',\n          },\n\n          '& .MuiListItemText-primary': {\n            transform: 'translateX(4px)',\n            transition: 'transform 0.3s ease',\n          },\n        },\n  '&:active': minimal\n      ? {\n          // Simple active state for minimal variant\n          opacity: 0.7,\n        }\n      : {\n          // Fancy active state for non-minimal variant\n          transform: 'scale(0.98)',\n          '&::after': {\n            transform: 'translate(-50%, -50%) scale(2)',\n          },\n        },\n});\n\n// The nav row's own styling: base layout plus the variant, size, collapsed and\n// minimal treatments. Lifted out so the styled() callback is a single spread.\nexport const navItemButtonStyles = ({\n  theme,\n  variant,\n  active,\n  size,\n  collapsed,\n  minimal,\n}: {\n  theme: Theme;\n  variant?: string;\n  active?: boolean;\n  size?: string;\n  collapsed?: boolean;\n  minimal?: boolean;\n}): CSSObject => ({\n  ...(size ? (SIZE_STYLES[size]?.(theme) ?? {}) : {}),\n  ...(variant === 'horizontal' ? horizontalStyles(theme) : {}),\n  ...(collapsed ? collapsedStyles() : {}),\n  ...(active ? activeStyles(theme, variant) : {}),\n  ...navDecorationStyles(theme),\n  ...navInteractionStyles(theme, minimal, collapsed, size),\n    borderRadius: theme.spacing(1.5),\n    margin: theme.spacing(0.5),\n    position: 'relative',\n    overflow: 'hidden',\n    transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n    transformStyle: 'preserve-3d',\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n  });\n"],"mappings":"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","names":[]}

package/dist/chunk-YP6ZD54S.js

@@ -1,102 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,167 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,80 +0,0 @@
-// 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

@@ -1 +0,0 @@
-{"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-YROUM5BG.js

@@ -1,97 +0,0 @@
-// 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