@12-apps/ui 6.97.0 → 6.98.0

package/dist/{chunk-4L54KUZV.js → chunk-X5GCAXZS.js}

@@ -2,7 +2,7 @@ import {
   bandColor,
   endpointFill,
   endpointHoverFill
-} from "./chunk-H2UUMZQR.js";
+} from "./chunk-3PWDVJWD.js";
 import {
   rem,
   sxRem
@@ -13,6 +13,7 @@ import Box from "@mui/material/Box/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var COLUMN_SIZE = sxRem(304 / 7);
 var CELL_RATIO = "38 / 35";
+var NTH_CHILD_IS_SAFE = " /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */";
 var CLASS_FLAGS = [
   ["selected", "selected"],
   ["inRange", "in-range"],
@@ -40,9 +41,9 @@ var inDirection = (band, theme) => {
   return band === "after" ? "before" : "after";
 };
 var faceBackgroundFor = (day) => isEndpoint(day) ? endpointFill : "transparent";
-var colorFor = (day, visible) => {
+var colorFor = (day, visible, locked) => {
   if (isEndpoint(day)) return "primary.contrastText";
-  if (day.disabled) return "text.disabled";
+  if (day.disabled) return locked && day.inRange ? "text.secondary" : "text.disabled";
   if (!visible) return "transparent";
   return "text.primary";
 };
@@ -51,7 +52,19 @@ var hoverBackgroundFor = (day) => {
   return isEndpoint(day) ? endpointHoverFill : "action.hover";
 };
 var BAND_RADIUS = "50%";
-var dayCellSx = (day, band, visible) => ({
+var capRadius = (side, fill) => {
+  const radius = fill ? FILL_CAP_RADIUS : BAND_RADIUS;
+  return side === "start" ? { borderStartStartRadius: radius, borderEndStartRadius: radius } : { borderStartEndRadius: radius, borderEndEndRadius: radius };
+};
+var todayRingFor = (day, ring) => ring && day.today && !isEndpoint(day) ? (
+  // A disabled today keeps its ring in the disabled ink, like its number:
+  // a primary ring on a dead grid reads as the one live day (round 6).
+  (theme) => `inset 0 0 0 ${rem(theme, 1.5)} ${day.disabled ? theme.palette.text.disabled : theme.palette.primary.main}`
+) : void 0;
+var FILL_CELL_HEIGHT = sxRem(40);
+var FILL_CAP_RADIUS = sxRem(20);
+var cellSize = (fill) => fill ? { width: "100%", maxWidth: "100%", height: FILL_CELL_HEIGHT, justifySelf: "stretch" } : { width: COLUMN_SIZE, maxWidth: "100%", aspectRatio: CELL_RATIO, justifySelf: "stretch" };
+var dayCellSx = (day, band, visible, ring, fill, locked) => ({
   position: "relative",
   isolation: "isolate",
   display: "flex",
@@ -61,24 +74,27 @@ var dayCellSx = (day, band, visible) => ({
   // now that the seven columns carry no gap between them; `maxWidth` and the
   // column's `minmax(0, 1fr)` let it give way below that, and the ratio keeps
   // it 40 tall at full size and shrinking with it.
-  width: COLUMN_SIZE,
-  maxWidth: "100%",
-  aspectRatio: CELL_RATIO,
-  justifySelf: "stretch",
+  ...cellSize(fill),
   boxSizing: "border-box",
   padding: 0,
   border: "none",
   background: "none",
   backgroundImage: band === "none" ? "none" : (theme) => BAND_IMAGE[inDirection(band, theme)](bandColor(theme)),
   cursor: day.disabled ? "not-allowed" : "pointer",
-  color: colorFor(day, visible),
+  color: colorFor(day, visible, locked),
   opacity: !day.inCurrentMonth && visible ? 0.5 : 1,
   fontWeight: day.today || isEndpoint(day) ? "bold" : "normal",
   // `nth-child`, counting every cell of the week: a hidden outside day is an
   // inert `span` placeholder (FUT-4144), and `nth-of-type` counted only the
   // buttons, so the caps landed mid-week in a month with hidden outside days.
-  "&:nth-child(7n + 1)": { borderStartStartRadius: BAND_RADIUS, borderEndStartRadius: BAND_RADIUS },
-  "&:nth-child(7n)": { borderStartEndRadius: BAND_RADIUS, borderEndEndRadius: BAND_RADIUS },
+  //
+  // Emotion warns on `:nth-child` in development, because a server render can
+  // put its style tag between the cells and shift the count. The calendar is
+  // never server-rendered into that position, and every screen that showed one
+  // printed the warning as a console error (FUT-4156), so the selectors carry
+  // Emotion's own opt-out flag.
+  [`&:nth-child(7n + 1)${NTH_CHILD_IS_SAFE}`]: capRadius("start", fill),
+  [`&:nth-child(7n)${NTH_CHILD_IS_SAFE}`]: capRadius("end", fill),
   "&::before": {
     content: '""',
     position: "absolute",
@@ -90,13 +106,15 @@ var dayCellSx = (day, band, visible) => ({
     aspectRatio: "1 / 1",
     maxWidth: "100%",
     borderRadius: "50%",
-    backgroundColor: faceBackgroundFor(day)
+    backgroundColor: faceBackgroundFor(day),
+    boxShadow: todayRingFor(day, ring)
   },
   "&:hover::before": {
     backgroundColor: hoverBackgroundFor(day)
   },
   "&:focus": { outline: "none" },
-  "&:focus::before": {
+  // Keyboard focus only: a tapped day is already marked by what the tap did.
+  "&:focus-visible::before": {
     outline: (theme) => `${rem(theme, 2)} solid`,
     outlineColor: "primary.main",
     outlineOffset: sxRem(1)
@@ -109,6 +127,9 @@ var CalendarDay = ({
   band,
   focused,
   showOutsideDays,
+  todayRing = false,
+  fullWidth,
+  locked,
   dayClassName,
   onSelect,
   onHover,
@@ -123,7 +144,7 @@ var CalendarDay = ({
         component: "span",
         "aria-hidden": "true",
         "data-testid": "calendar-outside-placeholder",
-        sx: { width: COLUMN_SIZE, maxWidth: "100%", aspectRatio: CELL_RATIO, justifySelf: "stretch" }
+        sx: cellSize(fullWidth === true)
       }
     );
   }
@@ -131,6 +152,7 @@ var CalendarDay = ({
     Box,
     {
       component: "button",
+      type: "button",
       role: "gridcell",
       tabIndex: focused ? 0 : -1,
       "aria-selected": day.selected,
@@ -143,7 +165,7 @@ var CalendarDay = ({
       onClick: () => onSelect(day.date),
       onMouseEnter: () => onHover(day.date),
       onMouseLeave: onHoverEnd,
-      sx: dayCellSx(day, band, visible),
+      sx: dayCellSx(day, band, visible, todayRing, fullWidth === true, locked === true),
       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" } }),
@@ -156,4 +178,4 @@ var CalendarDay = ({
 export {
   CalendarDay
 };
-//# sourceMappingURL=chunk-4L54KUZV.js.map
+//# sourceMappingURL=chunk-X5GCAXZS.js.map

package/dist/chunk-X5GCAXZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/CalendarDay.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { rem, sxRem } from '../../../tokens/relative';\n\nimport type { DayBand } from './Calendar.band';\nimport { bandColor, endpointFill, endpointHoverFill } from './Calendar.band';\nimport type { DayRenderArgs } from './Calendar.types';\n\n/**\n * A column's width: the 304 design px a month asked for when its seven 40px\n * cells sat 4px apart, shared by seven columns that now touch (FUT-4162). The\n * cell fills its column up to this size, so the month shrinks with its\n * container instead of holding a fixed 304px floor (FUT-3861).\n */\nconst COLUMN_SIZE = sxRem(304 / 7);\n\n/** 304/7 wide to 40 tall: the day's face is a 40 design px circle at full size. */\nconst CELL_RATIO = '38 / 35';\n\n/** Emotion's documented flag for a positional selector known safe here. */\nconst NTH_CHILD_IS_SAFE =\n  ' /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */';\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\n// The band's share of the cell (see `Calendar.band.ts`): all of it, or the\n// half that faces the rest of the range.\nconst BAND_IMAGE: Record<Exclude<DayBand, 'none'>, (band: string) => string> = {\n  full: (band) => `linear-gradient(${band}, ${band})`,\n  after: (band) => `linear-gradient(to right, transparent 50%, ${band} 50%)`,\n  before: (band) => `linear-gradient(to left, transparent 50%, ${band} 50%)`,\n};\n\n// A gradient's `to right` is physical; a right-to-left grid starts a range on\n// its right, so the two halves trade places there.\nconst inDirection = (band: Exclude<DayBand, 'none'>, theme: Theme): Exclude<DayBand, 'none'> => {\n  if (theme.direction !== 'rtl' || band === 'full') return band;\n  return band === 'after' ? 'before' : 'after';\n};\n\nconst faceBackgroundFor = (day: DayRenderArgs): ((theme: Theme) => string) | string =>\n  isEndpoint(day) ? endpointFill : 'transparent';\n\nconst colorFor = (day: DayRenderArgs, visible: boolean, locked: boolean): string => {\n  if (isEndpoint(day)) return 'primary.contrastText';\n  // On a calendar shown LOCKED (`navigationDisabled`, a disabled picker) every\n  // day is disabled, and the ones inside the range are the value the grid\n  // states: on the band the disabled ink was 1.56:1, so they take the secondary\n  // ink (FUT-4482, review round 9). A live range CAN span a blocked day (a\n  // host's `isDateDisabled`: Sundays, holidays); that day keeps the disabled\n  // ink, so it still reads as the one that cannot be picked.\n  if (day.disabled) return locked && day.inRange ? 'text.secondary' : '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): ((theme: Theme) => string) | string | undefined => {\n  if (day.disabled) return undefined;\n  return isEndpoint(day) ? endpointHoverFill : 'action.hover';\n};\n\n// The band reaches the cell's edges so neighbouring days join; where a week\n// row ends, it rounds off instead of stopping square: half the cell each way\n// is a half-round cap on a cell as tall as it is wide.\nconst BAND_RADIUS = '50%';\n\nconst capRadius = (side: 'start' | 'end', fill: boolean) => {\n  const radius = fill ? FILL_CAP_RADIUS : BAND_RADIUS;\n  return side === 'start'\n    ? { borderStartStartRadius: radius, borderEndStartRadius: radius }\n    : { borderStartEndRadius: radius, borderEndEndRadius: radius };\n};\n\n/**\n * One cell: the band, painted on the button across its whole column, and the\n * day's round face, a `::before` circle behind the number. The face is a\n * pseudo-element so the button's own content stays the bare day number a host's\n * tests query (`getByText('27')` is the cell, as it always was).\n */\n/**\n * Today's ring, opt-in (`todayIndicator=\"ring\"`): a hairline-and-a-half inset\n * on the face, in the primary colour. An endpoint is already filled with that\n * colour, so it carries none.\n */\nconst todayRingFor = (day: DayRenderArgs, ring: boolean): ((theme: Theme) => string) | undefined =>\n  ring && day.today && !isEndpoint(day)\n    ? // A disabled today keeps its ring in the disabled ink, like its number:\n      // a primary ring on a dead grid reads as the one live day (round 6).\n      (theme: Theme) =>\n        `inset 0 0 0 ${rem(theme, 1.5)} ${day.disabled ? theme.palette.text.disabled : theme.palette.primary.main}`\n    : undefined;\n\n/**\n * A filling calendar's cell (`fullWidth`): the whole column wide, so a range's\n * band runs unbroken however far the columns spread, and exactly as tall as the\n * 40 design px face — the face is as tall as the cell, so it keeps its size\n * while only the spacing grows. A row's end caps round at half that height\n * (the radius clamps on a smaller cell) rather than half a wide cell's width.\n */\nconst FILL_CELL_HEIGHT = sxRem(40);\nconst FILL_CAP_RADIUS = sxRem(20);\n\n// A filling cell is 40 tall at every width, never a ratio of its column: a\n// tap target under 600 wide is 40 design px each way, and a ratio made a 36px\n// column 33 tall at 320 (FUT-4156, round 3). The frame gives the columns their\n// 40 (`DateRangePicker.frame`).\nconst cellSize = (fill: boolean) =>\n  fill\n    ? { width: '100%', maxWidth: '100%', height: FILL_CELL_HEIGHT, justifySelf: 'stretch' }\n    : { width: COLUMN_SIZE, maxWidth: '100%', aspectRatio: CELL_RATIO, justifySelf: 'stretch' };\n\nconst dayCellSx = (\n  day: DayRenderArgs,\n  band: DayBand,\n  visible: boolean,\n  ring: boolean,\n  fill: boolean,\n  locked: boolean,\n): SxProps<Theme> => ({\n  position: 'relative',\n  isolation: 'isolate',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  // The column it ASKS for keeps the month's intrinsic width at 304 (FUT-3861),\n  // now that the seven columns carry no gap between them; `maxWidth` and the\n  // column's `minmax(0, 1fr)` let it give way below that, and the ratio keeps\n  // it 40 tall at full size and shrinking with it.\n  ...cellSize(fill),\n  boxSizing: 'border-box',\n  padding: 0,\n  border: 'none',\n  background: 'none',\n  backgroundImage: band === 'none' ? 'none' : (theme: Theme) => BAND_IMAGE[inDirection(band, theme)](bandColor(theme)),\n  cursor: day.disabled ? 'not-allowed' : 'pointer',\n  color: colorFor(day, visible, locked),\n  opacity: !day.inCurrentMonth && visible ? 0.5 : 1,\n  fontWeight: day.today || isEndpoint(day) ? 'bold' : 'normal',\n  // `nth-child`, counting every cell of the week: a hidden outside day is an\n  // inert `span` placeholder (FUT-4144), and `nth-of-type` counted only the\n  // buttons, so the caps landed mid-week in a month with hidden outside days.\n  //\n  // Emotion warns on `:nth-child` in development, because a server render can\n  // put its style tag between the cells and shift the count. The calendar is\n  // never server-rendered into that position, and every screen that showed one\n  // printed the warning as a console error (FUT-4156), so the selectors carry\n  // Emotion's own opt-out flag.\n  [`&:nth-child(7n + 1)${NTH_CHILD_IS_SAFE}`]: capRadius('start', fill),\n  [`&:nth-child(7n)${NTH_CHILD_IS_SAFE}`]: capRadius('end', fill),\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    inset: 0,\n    margin: 'auto',\n    zIndex: -1,\n    // A circle as tall as the cell: 40 design px at full size (FUT-3861).\n    height: '100%',\n    aspectRatio: '1 / 1',\n    maxWidth: '100%',\n    borderRadius: '50%',\n    backgroundColor: faceBackgroundFor(day),\n    boxShadow: todayRingFor(day, ring),\n  },\n  '&:hover::before': {\n    backgroundColor: hoverBackgroundFor(day),\n  },\n  '&:focus': { outline: 'none' },\n  // Keyboard focus only: a tapped day is already marked by what the tap did.\n  '&:focus-visible::before': {\n    outline: (theme: Theme) => `${rem(theme, 2)} solid`,\n    outlineColor: 'primary.main',\n    outlineOffset: sxRem(1),\n  },\n});\n\n/**\n * A day's spoken name, whole: \"1 de outubro de 2026\". The cell's text is the\n * bare number, which a screen reader would read as \"1\" — in a two-month range\n * calendar that is two different days.\n */\nconst dayName = (date: Date, locale: string): string =>\n  date.toLocaleDateString(locale, { day: 'numeric', month: 'long', year: 'numeric' });\n\nexport interface CalendarDayProps {\n  day: DayRenderArgs;\n  /** BCP-47 tag the day's accessible name is written in. Default: en-US. */\n  locale?: string;\n  band: DayBand;\n  focused: boolean;\n  showOutsideDays: boolean;\n  /** Ring today's face (`todayIndicator=\"ring\"`). */\n  todayRing?: boolean;\n  /** Fill the column (`CalendarProps.fullWidth`). */\n  fullWidth?: boolean;\n  /** The whole calendar is shown locked (`CalendarProps.navigationDisabled`). */\n  locked?: 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  locale = 'en-US',\n  band,\n  focused,\n  showOutsideDays,\n  todayRing = false,\n  fullWidth,\n  locked,\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  // A day hidden by `showOutsideDays={false}` keeps its place in the grid and\n  // nothing else: no button to click in a blank, no name, no tab stop that\n  // cannot be seen (FUT-4144).\n  if (!visible) {\n    return (\n      <Box\n        component=\"span\"\n        aria-hidden=\"true\"\n        data-testid=\"calendar-outside-placeholder\"\n        sx={cellSize(fullWidth === true)}\n      />\n    );\n  }\n\n  return (\n    <Box\n      component=\"button\"\n      // A day picks; it never submits the form a calendar sits in (FUT-4156).\n      type=\"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      aria-label={dayName(day.date, locale)}\n      data-in-month={day.inCurrentMonth}\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, band, visible, todayRing, fullWidth === true, locked === true)}\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      {day.date.getDate()}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-PJDAZG65.js → chunk-XA5ES25V.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   MultiSelectDropdown
-} from "./chunk-LLPPIO3K.js";
+} from "./chunk-WNTXHLVJ.js";
 import {
   CategorySelect
-} from "./chunk-KMMFN24G.js";
+} from "./chunk-MKHNLRVX.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-PJDAZG65.js.map
+//# sourceMappingURL=chunk-XA5ES25V.js.map

package/dist/{chunk-FWTVIRZZ.js → chunk-YLZXIR6B.js}

@@ -1,6 +1,9 @@
 import {
   resolveLightboxProps
 } from "./chunk-UOS7DEQZ.js";
+import {
+  useLightbox
+} from "./chunk-HZBDTPPV.js";
 import {
   LightboxThumbnails
 } from "./chunk-64UNVW6D.js";
@@ -13,9 +16,6 @@ import {
 import {
   LightboxCurrentMedia
 } from "./chunk-RBGUS7WO.js";
-import {
-  useLightbox
-} from "./chunk-HZBDTPPV.js";
 import {
   makeTestId
 } from "./chunk-VQU3CBAL.js";
@@ -148,4 +148,4 @@ export {
   Lightbox,
   Lightbox_default
 };
-//# sourceMappingURL=chunk-FWTVIRZZ.js.map
+//# sourceMappingURL=chunk-YLZXIR6B.js.map

package/dist/{chunk-FYAW5GBF.js → chunk-YQMJJ7AL.js}

@@ -1,27 +1,27 @@
+import {
+  resolveCalendarProps
+} from "./chunk-ZDLC4BN4.js";
 import {
   useCalendarPicker
 } from "./chunk-ZZGG6AUD.js";
 import {
   useCalendar
-} from "./chunk-TPMT3J32.js";
+} from "./chunk-4I2SDWSF.js";
 import {
   navigateFocus
 } from "./chunk-LZOCNAUA.js";
-import {
-  resolveCalendarProps
-} from "./chunk-I4K5JMS4.js";
 import {
   CalendarSelectorsMonth
-} from "./chunk-X37NTEVS.js";
+} from "./chunk-F7JRQ2EI.js";
 import {
   CalendarMonth
-} from "./chunk-VCQFDQM3.js";
+} from "./chunk-WN6LR4HX.js";
 import {
   resolveLabels
 } from "./chunk-LL2BWQPM.js";
 import {
   EN_US_UI_LABELS
-} from "./chunk-XOXXG7Q5.js";
+} from "./chunk-VWKMN3ZZ.js";
 import {
   rem,
   sxRem
@@ -32,17 +32,30 @@ import Box from "@mui/material/Box/index.js";
 import Paper from "@mui/material/Paper/index.js";
 import React, { useCallback, useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var containerSx = (monthsToShow) => ({
+var KEYBOARD_RING = {
+  outline: (theme) => `${rem(theme, 2)} solid`,
+  outlineColor: "primary.main",
+  outlineOffset: sxRem(2)
+};
+var containerSx = (monthsToShow, fullWidth) => ({
   p: 3,
+  ...fullWidth ? { width: "100%", boxSizing: "border-box" } : {},
   display: "flex",
   flexDirection: monthsToShow > 1 ? "row" : "column",
   gap: 3,
   outline: "none",
-  "&:focus-within": {
-    outline: (theme) => `${rem(theme, 2)} solid`,
-    outlineColor: "primary.main",
-    outlineOffset: sxRem(2)
-  }
+  // The ring is for a KEYBOARD reader's place, so it shows on keyboard focus
+  // only — on the container, or on a day inside it — and never after a tap.
+  // Two rules, not one list: a browser without `:has` drops a whole selector
+  // list it cannot parse, and would lose the container's own ring with it.
+  "&:focus-visible": KEYBOARD_RING,
+  "&:has(:focus-visible)": KEYBOARD_RING
+});
+var monthsSx = (fullWidth) => ({
+  display: "flex",
+  gap: 3,
+  flexWrap: "wrap",
+  ...fullWidth ? { flex: "1 1 auto", minWidth: 0 } : {}
 });
 var buildDayContext = (props, calendar) => ({
   selectionMode: props.selectionMode,
@@ -50,6 +63,9 @@ var buildDayContext = (props, calendar) => ({
   value: props.value,
   range: props.range,
   showOutsideDays: props.showOutsideDays,
+  todayIndicator: props.todayIndicator,
+  fullWidth: props.fullWidth,
+  locked: props.navigationDisabled === true,
   renderDay: props.renderDay,
   dayClassName: props.dayClassName,
   hoveredDate: calendar.hoveredDate,
@@ -113,9 +129,9 @@ var Calendar = React.forwardRef((componentProps, ref) => {
         calendar.handleKeyDown(event);
       } : void 0,
       "data-testid": "calendar-container",
-      sx: containerSx(monthsToShow),
+      sx: containerSx(monthsToShow, props.fullWidth),
       children: [
-        /* @__PURE__ */ jsx(Box, { ref: calendar.gridRef, sx: { display: "flex", gap: 3, flexWrap: "wrap" }, children: props.captionLayout === "selectors" && firstMonth ? /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Box, { ref: calendar.gridRef, sx: monthsSx(props.fullWidth), children: props.captionLayout === "selectors" && firstMonth ? /* @__PURE__ */ jsx(
           CalendarSelectorsMonth,
           {
             matrix: firstMonth,
@@ -146,6 +162,7 @@ var Calendar = React.forwardRef((componentProps, ref) => {
             labels: props.labels ? labels : void 0,
             onPreviousMonth: calendar.goToPreviousMonth,
             onNextMonth: calendar.goToNextMonth,
+            navigationDisabled: props.navigationDisabled === true,
             dayContext
           },
           `month-${matrix.year}-${matrix.month}`
@@ -162,4 +179,4 @@ export {
   Calendar,
   Calendar_default
 };
-//# sourceMappingURL=chunk-FYAW5GBF.js.map
+//# sourceMappingURL=chunk-YQMJJ7AL.js.map

package/dist/chunk-YQMJJ7AL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/Calendar.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport React, { useCallback, useEffect, useRef } from 'react';\n\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { resolveLabels } from '../../../utils/resolve-labels';\n\nimport { resolveCalendarProps } from './Calendar.helpers';\nimport { useCalendar } from './Calendar.hooks';\nimport { navigateFocus } from './Calendar.keyboard';\nimport { useCalendarPicker } from './Calendar.picker';\nimport type { CalendarProps, ResolvedCalendarProps } from './Calendar.types';\nimport type { DayCellContext } from './CalendarDayCell';\nimport { CalendarMonth } from './CalendarMonth';\nimport { CalendarSelectorsMonth } from './CalendarSelectorsMonth';\n\nconst KEYBOARD_RING = {\n  outline: (theme: Theme) => `${rem(theme, 2)} solid`,\n  outlineColor: 'primary.main',\n  outlineOffset: sxRem(2),\n} as const;\n\nconst containerSx = (monthsToShow: number, fullWidth: boolean): SxProps<Theme> => ({\n  p: 3,\n  ...(fullWidth ? { width: '100%', boxSizing: 'border-box' } : {}),\n  display: 'flex',\n  flexDirection: monthsToShow > 1 ? 'row' : 'column',\n  gap: 3,\n  outline: 'none',\n  // The ring is for a KEYBOARD reader's place, so it shows on keyboard focus\n  // only — on the container, or on a day inside it — and never after a tap.\n  // Two rules, not one list: a browser without `:has` drops a whole selector\n  // list it cannot parse, and would lose the container's own ring with it.\n  '&:focus-visible': KEYBOARD_RING,\n  '&:has(:focus-visible)': KEYBOARD_RING,\n});\n\n// The months' row. Filling, it takes the container's whole width even where\n// the container lays it out in a row (two months or more).\nconst monthsSx = (fullWidth: boolean): SxProps<Theme> => ({\n  display: 'flex',\n  gap: 3,\n  flexWrap: 'wrap',\n  ...(fullWidth ? { flex: '1 1 auto', minWidth: 0 } : {}),\n});\n\ntype CalendarState = ReturnType<typeof useCalendar>;\n\nconst buildDayContext = (props: ResolvedCalendarProps, calendar: CalendarState): DayCellContext => ({\n  selectionMode: props.selectionMode,\n  locale: props.locale,\n  value: props.value,\n  range: props.range,\n  showOutsideDays: props.showOutsideDays,\n  todayIndicator: props.todayIndicator,\n  fullWidth: props.fullWidth,\n  locked: props.navigationDisabled === true,\n  renderDay: props.renderDay,\n  dayClassName: props.dayClassName,\n  hoveredDate: calendar.hoveredDate,\n  focusedDate: calendar.focusedDate,\n  today: calendar.today,\n  isDisabled: calendar.isDisabled,\n  onSelect: calendar.handleDateClick,\n  onHover: calendar.handleDateMouseEnter,\n  onHoverEnd: calendar.handleDateMouseLeave,\n});\n\n// The container is the forwarded ref's AND the picker's: focus falls back to it.\nconst useRootRef = (forwarded: React.ForwardedRef<HTMLDivElement>) => {\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const setRoot = useCallback(\n    (node: HTMLDivElement | null) => {\n      rootRef.current = node;\n      if (typeof forwarded === 'function') forwarded(node);\n      else if (forwarded) forwarded.current = node;\n    },\n    [forwarded],\n  );\n  return { rootRef, setRoot };\n};\n\n/** The tab stop as a day of its OWN month — side by side, an outside copy of it comes first in the DOM. */\nconst OWN_MONTH_STOP = '[role=\"gridcell\"][tabindex=\"0\"][data-in-month=\"true\"]';\nconst ANY_STOP = '[role=\"gridcell\"][tabindex=\"0\"]';\n\n/**\n * Keeps the keyboard's place visible when it is on a DAY.\n *\n * The arrows move the grid's one tab stop (`focusedDate`), and that is enough\n * while the container holds focus. But a reader who tabbed onto a day, or\n * clicked one, has focus on that day's button: the tab stop moved and focus\n * stayed behind on a cell that is no longer it, so the ring sat on the old day\n * and a month change unmounted it under the reader.\n *\n * So a NAVIGATION key pressed on a day notes where the tab stop was, and once\n * it has moved, focus follows it to the day in its own month. Any other key —\n * Enter, Tab, Escape — clears the note: Enter re-sets the same day and must\n * leave focus alone, and a stale note would pull focus into the grid on the\n * next mouse pick.\n */\nconst useFollowDayFocus = (\n  rootRef: React.RefObject<HTMLDivElement | null>,\n  focusedDate: Date,\n  firstDayOfWeek: number,\n) => {\n  const movedFrom = useRef<number | null>(null);\n  useEffect(() => {\n    const from = movedFrom.current;\n    movedFrom.current = null;\n    if (from === null || from === focusedDate.getTime()) return;\n    const root = rootRef.current;\n    (root?.querySelector<HTMLElement>(OWN_MONTH_STOP) ?? root?.querySelector<HTMLElement>(ANY_STOP))?.focus();\n  }, [rootRef, focusedDate]);\n  return (event: React.KeyboardEvent) => {\n    const onDay = (event.target as HTMLElement).getAttribute('role') === 'gridcell';\n    const moves = navigateFocus(event.key, focusedDate, { firstDayOfWeek, shiftKey: event.shiftKey }) !== null;\n    movedFrom.current = onDay && moves ? focusedDate.getTime() : null;\n  };\n};\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>((componentProps, ref) => {\n  const props = resolveCalendarProps(componentProps);\n  const { monthsToShow, locale, renderHeader, renderFooter, className, ariaLabel } = props;\n\n  const calendar = useCalendar(props);\n  const { rootRef, setRoot } = useRootRef(ref);\n  const bounds = { minDate: props.minDate, maxDate: props.maxDate };\n  const picker = useCalendarPicker({ rootRef, bounds, ...calendar });\n  const dayContext = buildDayContext(props, calendar);\n  const noteKeyTarget = useFollowDayFocus(rootRef, calendar.focusedDate, props.firstDayOfWeek);\n  const labels = resolveLabels(EN_US_UI_LABELS.calendar, props.labels);\n  // The selectors caption always resolves to one month (see the helpers).\n  const firstMonth = calendar.monthMatrices[0];\n\n  return (\n    <Paper\n      ref={setRoot}\n      className={className}\n      role=\"application\"\n      aria-label={ariaLabel}\n      tabIndex={0}\n      // The day keys belong to the days: with a month or year grid open there\n      // is no focused day on screen to move.\n      onKeyDown={\n        picker.view === 'days'\n          ? (event) => {\n              noteKeyTarget(event);\n              calendar.handleKeyDown(event);\n            }\n          : undefined\n      }\n      data-testid=\"calendar-container\"\n      sx={containerSx(monthsToShow, props.fullWidth)}\n    >\n      <Box ref={calendar.gridRef} sx={monthsSx(props.fullWidth)}>\n        {props.captionLayout === 'selectors' && firstMonth ? (\n          <CalendarSelectorsMonth\n            matrix={firstMonth}\n            locale={locale}\n            weekdayNames={calendar.weekdayNames}\n            dayContext={dayContext}\n            bounds={bounds}\n            labels={labels}\n            picker={picker}\n            onPreviousMonth={() => {\n              picker.showDays();\n              calendar.goToPreviousMonth();\n            }}\n            onNextMonth={() => {\n              picker.showDays();\n              calendar.goToNextMonth();\n            }}\n          />\n        ) : (\n          calendar.monthMatrices.map((matrix, index) => (\n            <CalendarMonth\n              key={`month-${matrix.year}-${matrix.month}`}\n              matrix={matrix}\n              monthIndex={index}\n              monthsToShow={monthsToShow}\n              locale={locale}\n              weekdayNames={calendar.weekdayNames}\n              renderHeader={renderHeader}\n              // Only a host that passed `labels` gets named arrows; without them the caption is as it was.\n              labels={props.labels ? labels : undefined}\n              onPreviousMonth={calendar.goToPreviousMonth}\n              onNextMonth={calendar.goToNextMonth}\n              navigationDisabled={props.navigationDisabled === true}\n              dayContext={dayContext}\n            />\n          ))\n        )}\n      </Box>\n\n      {renderFooter && (\n        <Box sx={{ mt: 2, pt: 2, borderTop: 1, borderColor: 'divider' }}>{renderFooter}</Box>\n      )}\n    </Paper>\n  );\n});\n\nCalendar.displayName = 'Calendar';\n\nexport default Calendar;\n"],"mappings":"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","names":[]}

package/dist/{chunk-JOQGKXR5.js → chunk-Z2J4MRTF.js}

@@ -1,3 +1,6 @@
+import {
+  useCodeEditor
+} from "./chunk-OXXIGHZK.js";
 import {
   makeTestId,
   resolveCodeEditorProps
@@ -5,9 +8,6 @@ import {
 import {
   EditorToolbar
 } from "./chunk-3TVUW7QE.js";
-import {
-  useCodeEditor
-} from "./chunk-OXXIGHZK.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
@@ -178,4 +178,4 @@ var CodeEditor = (componentProps) => {
 export {
   CodeEditor
 };
-//# sourceMappingURL=chunk-JOQGKXR5.js.map
+//# sourceMappingURL=chunk-Z2J4MRTF.js.map

package/dist/{chunk-I4K5JMS4.js → chunk-ZDLC4BN4.js}

@@ -9,7 +9,9 @@ var CALENDAR_DEFAULTS = {
   minRangeLength: 1,
   allowSameDayRange: true,
   autoFocus: false,
-  captionLayout: "arrows"
+  captionLayout: "arrows",
+  todayIndicator: "bold",
+  fullWidth: false
 };
 var definedProps = (props) => Object.fromEntries(
   Object.entries(props).filter(([, value]) => value !== void 0)
@@ -24,4 +26,4 @@ var resolveCalendarProps = (props) => {
 export {
   resolveCalendarProps
 };
-//# sourceMappingURL=chunk-I4K5JMS4.js.map
+//# sourceMappingURL=chunk-ZDLC4BN4.js.map

package/dist/chunk-ZDLC4BN4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Calendar/Calendar.helpers.ts"],"sourcesContent":["import type { CalendarProps, ResolvedCalendarProps } from './Calendar.types';\n\nconst CALENDAR_DEFAULTS = {\n  selectionMode: 'single',\n  value: null,\n  range: { start: null, end: null },\n  firstDayOfWeek: 0,\n  locale: 'en-US',\n  showOutsideDays: true,\n  minRangeLength: 1,\n  allowSameDayRange: true,\n  autoFocus: false,\n  captionLayout: 'arrows',\n  todayIndicator: 'bold',\n  fullWidth: false,\n} as const satisfies Partial<CalendarProps>;\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: CalendarProps): Partial<CalendarProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<CalendarProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put nine branches into the component's own complexity budget.\nexport const resolveCalendarProps = (props: CalendarProps): ResolvedCalendarProps => {\n  const merged = { ...CALENDAR_DEFAULTS, ...definedProps(props) } as ResolvedCalendarProps;\n\n  // A range needs two months side by side to be picked comfortably; a single\n  // date does not.\n  const defaultMonths = merged.selectionMode === 'range' ? 2 : 1;\n\n  // The selectors caption names ONE month and one year, so it shows one month.\n  if (merged.captionLayout === 'selectors') return { ...merged, monthsToShow: 1 };\n\n  return { ...merged, monthsToShow: merged.numberOfMonths ?? defaultMonths };\n};\n"],"mappings":";AAEA,IAAM,oBAAoB;AAAA,EACxB,eAAe;AAAA,EACf,OAAO;AAAA,EACP,OAAO,EAAE,OAAO,MAAM,KAAK,KAAK;AAAA,EAChC,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,WAAW;AACb;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAIK,IAAM,uBAAuB,CAAC,UAAgD;AACnF,QAAM,SAAS,EAAE,GAAG,mBAAmB,GAAG,aAAa,KAAK,EAAE;AAI9D,QAAM,gBAAgB,OAAO,kBAAkB,UAAU,IAAI;AAG7D,MAAI,OAAO,kBAAkB,YAAa,QAAO,EAAE,GAAG,QAAQ,cAAc,EAAE;AAE9E,SAAO,EAAE,GAAG,QAAQ,cAAc,OAAO,kBAAkB,cAAc;AAC3E;","names":[]}

package/dist/{chunk-USHVG4UQ.js → chunk-ZKVSFVIA.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-43EFQ3DU.js";
+} from "./chunk-RVBLOR32.js";
 import {
   ManageViewsDialog
-} from "./chunk-VNMD6BA4.js";
+} from "./chunk-OFRQMFWD.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-USHVG4UQ.js.map
+//# sourceMappingURL=chunk-ZKVSFVIA.js.map

package/dist/{chunk-TE6HAWDM.js → chunk-ZP2GPRNQ.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-SW7JCF4Z.js";
+} from "./chunk-4P63RSSY.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -23,4 +23,4 @@ ConfirmAction.displayName = "ConfirmAction";
 export {
   ConfirmAction
 };
-//# sourceMappingURL=chunk-TE6HAWDM.js.map
+//# sourceMappingURL=chunk-ZP2GPRNQ.js.map

package/dist/{chunk-3PQL2EN5.js → chunk-ZW7Q3IRL.js}

@@ -1,15 +1,15 @@
+import {
+  MapLayers
+} from "./chunk-HCTHY66U.js";
 import {
   MapCoordinates,
   MapMarkers
-} from "./chunk-MYTV353T.js";
-import {
-  MapLayers
-} from "./chunk-S2VZUBM7.js";
+} from "./chunk-4Y3QLISA.js";
 import {
   glassStyles,
   resolveMapCopy,
   resolveMapPreviewProps
-} from "./chunk-M5Y42AZ4.js";
+} from "./chunk-ZX4ORMBC.js";
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
@@ -113,4 +113,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-3PQL2EN5.js.map
+//# sourceMappingURL=chunk-ZW7Q3IRL.js.map

package/dist/{chunk-M5Y42AZ4.js → chunk-ZX4ORMBC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-H2J2MTRE.js";
 import {
   EN_US_MAP_PREVIEW_COPY
-} from "./chunk-ARGVUTTL.js";
+} from "./chunk-IPVGWENM.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -46,4 +46,4 @@ export {
   resolveMapPreviewProps,
   glassStyles
 };
-//# sourceMappingURL=chunk-M5Y42AZ4.js.map
+//# sourceMappingURL=chunk-ZX4ORMBC.js.map

package/dist/data-display/AlertDialog.js

@@ -1,9 +1,9 @@
 import "../chunk-2IBFEHIX.js";
 import {
   AlertDialog
-} from "../chunk-OGSTMHT6.js";
-import "../chunk-KURE5R7Z.js";
-import "../chunk-XOXXG7Q5.js";
+} from "../chunk-TTBLQZVT.js";
+import "../chunk-WGK7VNCO.js";
+import "../chunk-VWKMN3ZZ.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/AsyncStateContainer.js

@@ -1,10 +1,10 @@
 import "../chunk-SX3E6UC2.js";
 import {
   AsyncStateContainer
-} from "../chunk-RLTGD5WJ.js";
-import "../chunk-I6IFUFLW.js";
+} from "../chunk-3AKQHYTM.js";
+import "../chunk-G7MHDZTL.js";
 import "../chunk-OTVOQHZB.js";
-import "../chunk-3Z6JX7UN.js";
+import "../chunk-PZJEF232.js";
 import "../chunk-7DFEKTT7.js";
 import "../chunk-YSTHOE66.js";
 import "../chunk-62SXUU5U.js";
@@ -12,10 +12,10 @@ import "../chunk-QD4TM6UK.js";
 import "../chunk-EMPVMZAB.js";
 import "../chunk-7WDPC46N.js";
 import "../chunk-LL2BWQPM.js";
-import "../chunk-LXIPBHNJ.js";
+import "../chunk-LKTJ26ST.js";
 import "../chunk-KLPTOVIX.js";
 import "../chunk-MWFSIB6K.js";
-import "../chunk-XOXXG7Q5.js";
+import "../chunk-VWKMN3ZZ.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-FZXKH2ZT.js";

package/dist/data-display/Avatar.js

@@ -2,12 +2,12 @@ import "../chunk-UDQSIRAP.js";
 import {
   Avatar,
   AvatarGroup
-} from "../chunk-EXEBN5ZP.js";
-import "../chunk-7XSCEHGA.js";
-import "../chunk-MTEQEPNY.js";
-import "../chunk-6ZZGK5DT.js";
+} from "../chunk-W56KN53D.js";
 import "../chunk-3ZVUNSFF.js";
-import "../chunk-XOXXG7Q5.js";
+import "../chunk-EOQ6EKTS.js";
+import "../chunk-6ZZGK5DT.js";
+import "../chunk-MTEQEPNY.js";
+import "../chunk-VWKMN3ZZ.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/CardKit.js

@@ -1,9 +1,12 @@
+import {
+  CardKebab
+} from "../chunk-R2ODLE6G.js";
 import {
   useRowConfirm
-} from "../chunk-G6NMSBSQ.js";
+} from "../chunk-3LD42RNV.js";
 import {
   useRemoveConfirm
-} from "../chunk-Y7BOP7VZ.js";
+} from "../chunk-AP7GEUJS.js";
 import {
   rowActionsToMenuItems
 } from "../chunk-ZBXG6RVJ.js";
@@ -18,16 +21,13 @@ import {
   CardActionsProvider,
   useCardActions
 } from "../chunk-RCTHCXS6.js";
-import {
-  CardKebab
-} from "../chunk-R2ODLE6G.js";
 import "../chunk-WVML3ENZ.js";
 import "../chunk-AY5GKCH7.js";
 import "../chunk-XCBQXSTR.js";
-import "../chunk-KOGJBAFI.js";
-import "../chunk-TE6HAWDM.js";
-import "../chunk-3TZUZXY5.js";
-import "../chunk-SW7JCF4Z.js";
+import "../chunk-D3KLIC5N.js";
+import "../chunk-HTXYBKLK.js";
+import "../chunk-ZP2GPRNQ.js";
+import "../chunk-4P63RSSY.js";
 import "../chunk-EMYESBIT.js";
 import "../chunk-LZRVUOMU.js";
 import "../chunk-EEB66IVH.js";
@@ -38,8 +38,8 @@ import "../chunk-QXUXO22M.js";
 import "../chunk-7HZ36QDH.js";
 import "../chunk-L7VH6IMR.js";
 import "../chunk-2IBFEHIX.js";
-import "../chunk-OGSTMHT6.js";
-import "../chunk-KURE5R7Z.js";
+import "../chunk-TTBLQZVT.js";
+import "../chunk-WGK7VNCO.js";
 import "../chunk-5ZY3IIIG.js";
 import "../chunk-6DPAWXZ3.js";
 import "../chunk-BA4RHQ3B.js";
@@ -47,7 +47,7 @@ import "../chunk-YOXYSAUI.js";
 import "../chunk-PPEHBI5O.js";
 import "../chunk-G2FUZALJ.js";
 import "../chunk-TAMIZE4Q.js";
-import "../chunk-XOXXG7Q5.js";
+import "../chunk-VWKMN3ZZ.js";
 import "../chunk-TYJR4GOF.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-RGVNXES5.js";

package/dist/data-display/Carousel.js

@@ -1,20 +1,20 @@
 import "../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../chunk-U2SAW6DH.js";
+} from "../chunk-B4OZU7J4.js";
+import "../chunk-RUIV5TVA.js";
+import "../chunk-KEPLO2AB.js";
 import "../chunk-Z64TMGYT.js";
 import "../chunk-6FDLBWTE.js";
-import "../chunk-RUIV5TVA.js";
-import "../chunk-TB5CRHTF.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "../chunk-M2M4IDFU.js";
-import "../chunk-ARGVUTTL.js";
+} from "../chunk-GXYOBTOY.js";
+import "../chunk-IPVGWENM.js";
 import "../chunk-PZS7N74L.js";
 import "../chunk-AA2X5GOT.js";
-import "../chunk-XOXXG7Q5.js";
+import "../chunk-VWKMN3ZZ.js";
 import "../chunk-HPK33ACY.js";
 import "../chunk-B7ZHEOQQ.js";
 import "../chunk-BRHRK7BK.js";