@proyecto-viviana/ui 0.6.3 → 0.8.0-rc.1

package/dist/calendar/RangeCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.js","names":[],"sources":["../../src/calendar/RangeCalendar.tsx"],"sourcesContent":["// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Calendar.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/Field.tsx\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/RangeCalendar.tsx\n\n// Port of packages/@react-spectrum/s2/src/RangeCalendar.tsx.\n// Port of packages/@react-spectrum/s2/src/Calendar.tsx.\n// Port of packages/@react-spectrum/s2/src/Field.tsx.\n\nimport {\n  For,\n  Show,\n  createContext,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  useContext,\n} from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  RangeCalendar as HeadlessRangeCalendar,\n  RangeCalendarButton,\n  RangeCalendarCell,\n  RangeCalendarGrid,\n  useRangeCalendarContext,\n  type CalendarDate,\n  type DateValue,\n  type RangeCalendarCellRenderProps,\n  type RangeValue,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { mergeProps, createStringFormatter, useLocale } from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport { DateFormatter, type RangeCalendarStateProps } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport {\n  baseColor,\n  focusRing,\n  lightDark,\n  setColorScheme,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport ChevronLeftIcon from \"../icon/s2wf-icons/ChevronLeftIcon\";\nimport ChevronRightIcon from \"../icon/s2wf-icons/ChevronRightIcon\";\nimport { pressScale } from \"../pressScale\";\nimport { useProviderProps } from \"../provider\";\nimport type { UnsafeClassName } from \"../s2-internal/style-utils\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type RangeCalendarSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype NormalizedRangeCalendarSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type RangeCalendarFirstDayOfWeek = \"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\";\n\nexport interface RangeCalendarProps<T extends DateValue = DateValue> extends Omit<\n  RangeCalendarStateProps<T>,\n  \"locale\" | \"firstDayOfWeek\" | \"validationState\"\n> {\n  /** The size of the calendar. @default 'md' */\n  size?: RangeCalendarSize;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: UnsafeClassName | string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Additional CSS class name. */\n  class?: string;\n  /** The locale to use for formatting. */\n  locale?: string;\n  /** The day that starts the week. */\n  firstDayOfWeek?: RangeCalendarFirstDayOfWeek | 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Whether the current selection is invalid according to application logic. */\n  isInvalid?: boolean;\n  /** Validation state for backward-compatible Solid Stately callers. */\n  validationState?: RangeCalendarStateProps<T>[\"validationState\"];\n  /** The error message to display when the range calendar is invalid. */\n  errorMessage?: JSX.Element;\n  /** Custom aria label. */\n  \"aria-label\"?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport const RangeCalendarContext =\n  createContext<SpectrumContextValue<RangeCalendarProps<any>>>(null);\n\nconst sizeStyles: Record<\n  NormalizedRangeCalendarSize,\n  { cellMaxWidth: number; buttonSize: number }\n> = {\n  sm: {\n    cellMaxWidth: 32,\n    buttonSize: 24,\n  },\n  md: {\n    cellMaxWidth: 32,\n    buttonSize: 32,\n  },\n  lg: {\n    cellMaxWidth: 40,\n    buttonSize: 40,\n  },\n  xl: {\n    cellMaxWidth: 44,\n    buttonSize: 44,\n  },\n};\n\nfunction cellBoxStyle(size: NormalizedRangeCalendarSize): JSX.CSSProperties {\n  const cellSize = `${sizeStyles[size].cellMaxWidth}px`;\n  return {\n    width: cellSize,\n    height: cellSize,\n  };\n}\n\nfunction normalizeRangeCalendarSize(\n  size: RangeCalendarSize | undefined,\n): NormalizedRangeCalendarSize {\n  switch (size) {\n    case \"S\":\n    case \"sm\":\n      return \"sm\";\n    case \"L\":\n    case \"lg\":\n      return \"lg\";\n    case \"XL\":\n    case \"xl\":\n      return \"xl\";\n    case \"M\":\n    case \"md\":\n    default:\n      return \"md\";\n  }\n}\n\nfunction normalizeFirstDayOfWeek(\n  firstDayOfWeek: RangeCalendarFirstDayOfWeek | 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined,\n): 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined {\n  switch (firstDayOfWeek) {\n    case \"sun\":\n      return 0;\n    case \"mon\":\n      return 1;\n    case \"tue\":\n      return 2;\n    case \"wed\":\n      return 3;\n    case \"thu\":\n      return 4;\n    case \"fri\":\n      return 5;\n    case \"sat\":\n      return 6;\n    default:\n      return firstDayOfWeek;\n  }\n}\n\nfunction monthTitle(date: CalendarDate, locale: string | undefined, timeZone: string): string {\n  const formattableMonth = date.calendar.getFormattableMonth?.(date) ?? date;\n  return new DateFormatter(locale ?? \"en-US\", {\n    month: \"long\",\n    year: \"numeric\",\n    calendar: date.calendar.identifier,\n  }).format(formattableMonth.toDate(timeZone));\n}\n\nconst rangeCalendarRoot = style<{ isMultiMonth?: boolean }>({\n  ...setColorScheme(),\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 24,\n  disableTapHighlight: true,\n  \"--cell-gap\": {\n    type: \"paddingStart\",\n    value: 4,\n  },\n  \"--cell-responsive-size\": \"--s2-calendar-cell-max-width\",\n  width: \"fit\",\n});\n\n// Mirrors @react-spectrum/s2 Calendar headerStyles (shared with Calendar).\nconst rangeCalendarHeader = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  columnGap: 24,\n});\n\n// Mirrors @react-spectrum/s2 Calendar headingStyles: one per visible month,\n// laying out [prev button?, title, next button?] with the title flex-growing.\nconst rangeCalendarHeading = style({\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"space-between\",\n  margin: 0,\n  flexGrow: 1,\n  width: \"full\",\n});\n\n// Mirrors @react-spectrum/s2 Calendar titleStyles.\nconst rangeCalendarTitle = style({\n  font: \"title-lg\",\n  textAlign: \"center\",\n  flexGrow: 1,\n  flexShrink: 0,\n  marginY: 0,\n});\n\nconst rangeCalendarMonths = style<{ isMultiMonth?: boolean }>({\n  display: \"flex\",\n  flexDirection: \"row\",\n  gap: {\n    default: 0,\n    isMultiMonth: 24,\n  },\n  alignItems: \"start\",\n  width: \"[max-content]\",\n});\n\n// Mirrors @react-spectrum/s2 Calendar navButton (shared with Calendar). A bare\n// native <button> (via the headless RangeCalendarButton), so the disabled gray\n// keys off the `:disabled` pseudo — the button carries the `disabled` attribute\n// for both whole-calendar and range-boundary disable — rather than a runtime\n// render prop. The chevron icon inherits it via `--iconPrimary: currentColor`.\nconst rangeCalendarNavButton = style<{ buttonSize: number }>({\n  ...focusRing(),\n  font: \"ui\",\n  fontWeight: \"medium\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  width: \"[var(--s2-calendar-button-size)]\",\n  height: \"[var(--s2-calendar-button-size)]\",\n  borderStyle: \"none\",\n  borderRadius: \"full\",\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: baseColor(\"gray-100\"),\n    isPressed: baseColor(\"gray-200\"),\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    \":disabled\": \"disabled\",\n  },\n  cursor: \"default\",\n  transition: \"default\",\n});\n\nconst rangeCalendarGrid = style({\n  borderCollapse: \"collapse\",\n  borderSpacing: 0,\n  isolation: \"isolate\",\n  tableLayout: \"fixed\",\n});\n\nconst rangeCalendarHeaderCell = style({\n  boxSizing: \"border-box\",\n  font: \"title-sm\",\n  cursor: \"default\",\n  textAlign: \"center\",\n  width: \"--cell-responsive-size\",\n  paddingStart: {\n    default: 4,\n    \":first-child\": 0,\n  },\n  paddingEnd: {\n    default: 4,\n    \":last-child\": 0,\n  },\n  paddingTop: 0,\n  paddingBottom: 12,\n});\n\nconst rangeCalendarCellWrapper = style({\n  outlineStyle: \"none\",\n  boxSizing: \"border-box\",\n  paddingStart: 0,\n  paddingEnd: 0,\n  paddingTop: 0,\n  paddingBottom: 0,\n  position: \"relative\",\n  disableTapHighlight: true,\n  width: \"--cell-responsive-size\",\n  height: \"--cell-responsive-size\",\n});\n\nconst rangeCalendarCellOuter = style<{\n  isOutsideMonth?: boolean;\n  isFirstChild?: boolean;\n  isLastChild?: boolean;\n  isFirstWeek?: boolean;\n  isLastWeek?: boolean;\n}>({\n  outlineStyle: \"none\",\n  boxSizing: \"border-box\",\n  position: \"relative\",\n  paddingStart: {\n    default: 4,\n    isFirstChild: 0,\n  },\n  paddingEnd: {\n    default: 4,\n    isLastChild: 0,\n  },\n  paddingTop: {\n    default: 2,\n    isFirstWeek: 0,\n  },\n  paddingBottom: {\n    default: 2,\n    isLastWeek: 0,\n  },\n  display: {\n    default: \"flex\",\n    isOutsideMonth: \"none\",\n  },\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  disableTapHighlight: true,\n});\n\nconst rangeCalendarCellInnerFrame = style({\n  position: \"relative\",\n  width: \"full\",\n  height: \"full\",\n});\n\nconst rangeCalendarCellInner = style<{\n  selectionMode: \"range\";\n  isSelected?: boolean;\n  isSelectionStart?: boolean;\n  isSelectionEnd?: boolean;\n  isDisabled?: boolean;\n  isPressed?: boolean;\n  isHovered?: boolean;\n  isUnavailable?: boolean;\n  isInvalid?: boolean;\n}>({\n  ...focusRing(),\n  transition: {\n    default: \"default\",\n    forcedColors: \"none\",\n  },\n  outlineOffset: {\n    default: -2,\n    isSelected: -2,\n    isSelectionStart: 2,\n    isSelectionEnd: 2,\n  },\n  position: \"relative\",\n  font: \"body-sm\",\n  cursor: \"default\",\n  width: \"full\",\n  height: \"full\",\n  borderRadius: \"full\",\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  forcedColorAdjust: \"none\",\n  backgroundColor: {\n    default: \"transparent\",\n    isHovered: {\n      default: \"gray-100\",\n      isUnavailable: \"transparent\",\n    },\n    isPressed: \"gray-100\",\n    isDisabled: \"transparent\",\n    isSelected: {\n      isHovered: {\n        default: \"blue-500\",\n        isInvalid: {\n          default: \"negative-300\",\n          isUnavailable: \"transparent\",\n        },\n      },\n    },\n    isSelectionStart: {\n      default: \"interactive-fill\",\n      isHovered: lightDark(\"accent-1000\", \"accent-600\"),\n      isPressed: lightDark(\"accent-1000\", \"accent-600\"),\n      isDisabled: \"transparent\",\n      isInvalid: {\n        default: lightDark(\"negative-900\", \"negative-700\"),\n        isHovered: {\n          default: lightDark(\"negative-1000\", \"negative-600\"),\n          isUnavailable: lightDark(\"negative-900\", \"negative-700\"),\n        },\n        isPressed: lightDark(\"negative-1000\", \"negative-600\"),\n      },\n    },\n    isSelectionEnd: {\n      default: \"interactive-fill\",\n      isHovered: lightDark(\"accent-1000\", \"accent-600\"),\n      isPressed: lightDark(\"accent-1000\", \"accent-600\"),\n      isDisabled: \"transparent\",\n      isInvalid: {\n        default: lightDark(\"negative-900\", \"negative-700\"),\n        isHovered: {\n          default: lightDark(\"negative-1000\", \"negative-600\"),\n          isUnavailable: lightDark(\"negative-900\", \"negative-700\"),\n        },\n        isPressed: lightDark(\"negative-1000\", \"negative-600\"),\n      },\n    },\n    forcedColors: {\n      default: \"transparent\",\n      isHovered: \"Highlight\",\n      isSelected: {\n        isHovered: \"Highlight\",\n      },\n      isSelectionStart: \"Highlight\",\n      isSelectionEnd: \"Highlight\",\n      isUnavailable: \"transparent\",\n    },\n  },\n  color: {\n    default: \"neutral\",\n    isSelected: \"neutral\",\n    isSelectionStart: \"white\",\n    isSelectionEnd: \"white\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isSelected: \"HighlightText\",\n      isSelectionStart: \"HighlightText\",\n      isSelectionEnd: \"HighlightText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n});\n\nconst rangeCalendarTodayDot = style<{ isToday?: boolean }>({\n  position: \"absolute\",\n  bottom: \"12.5%\",\n  left: \"50%\",\n  transform: \"translateX(-50%)\",\n  width: 4,\n  height: 4,\n  borderRadius: \"full\",\n  backgroundColor: \"[currentColor]\",\n  display: {\n    default: \"none\",\n    isToday: \"block\",\n  },\n});\n\nconst rangeCalendarUnavailable = style({\n  position: \"absolute\",\n  top: \"[calc(50% - 1px)]\",\n  left: \"[calc(25% - 1px)]\",\n  right: \"[calc(25% - 1px)]\",\n  height: 2,\n  transform: \"rotate(-16deg)\",\n  borderRadius: \"full\",\n  backgroundColor: \"[currentColor]\",\n});\n\nconst rangeSelectionBackground = style<{\n  isInvalid?: boolean;\n  isFirstDayInWeek?: boolean;\n  isLastDayInWeek?: boolean;\n  isSelectionStart?: boolean;\n  isSelectionEnd?: boolean;\n  isPreviousDayNotSelected?: boolean;\n  isNextDayNotSelected?: boolean;\n}>({\n  position: \"absolute\",\n  zIndex: -1,\n  top: 0,\n  insetStart: {\n    default: -4,\n    isFirstDayInWeek: 0,\n    isSelectionStart: 0,\n    isPreviousDayNotSelected: 0,\n  },\n  insetEnd: {\n    default: -4,\n    isLastDayInWeek: 0,\n    isSelectionEnd: 0,\n    isNextDayNotSelected: 0,\n  },\n  bottom: 0,\n  borderStartRadius: {\n    default: \"none\",\n    isFirstDayInWeek: \"full\",\n    isSelectionStart: \"full\",\n    isPreviousDayNotSelected: \"full\",\n  },\n  borderEndRadius: {\n    default: \"none\",\n    isLastDayInWeek: \"full\",\n    isSelectionEnd: \"full\",\n    isNextDayNotSelected: \"full\",\n  },\n  backgroundColor: {\n    default: \"blue-subtle\",\n    isInvalid: \"negative-100\",\n    forcedColors: {\n      default: \"Highlight\",\n    },\n  },\n  forcedColorAdjust: \"none\",\n});\n\nconst rangeSelectionBorder = style<{\n  isInvalid?: boolean;\n  isFirstDayInWeek?: boolean;\n  isLastDayInWeek?: boolean;\n  isSelectionStart?: boolean;\n  isSelectionEnd?: boolean;\n  isPreviousDayNotSelected?: boolean;\n  isNextDayNotSelected?: boolean;\n}>({\n  position: \"absolute\",\n  zIndex: 1,\n  top: 0,\n  insetStart: {\n    default: -4,\n    isFirstDayInWeek: 0,\n    isSelectionStart: 0,\n    isPreviousDayNotSelected: 0,\n  },\n  insetEnd: {\n    default: -4,\n    isLastDayInWeek: 0,\n    isSelectionEnd: 0,\n    isNextDayNotSelected: 0,\n  },\n  bottom: 0,\n  borderStartWidth: {\n    default: 0,\n    isFirstDayInWeek: 1,\n    isSelectionStart: 1,\n    isPreviousDayNotSelected: 1,\n  },\n  borderTopWidth: 1,\n  borderEndWidth: {\n    default: 0,\n    isLastDayInWeek: 1,\n    isSelectionEnd: 1,\n    isNextDayNotSelected: 1,\n  },\n  borderBottomWidth: 1,\n  borderStyle: \"solid\",\n  borderColor: {\n    default: \"blue-800\",\n    isInvalid: \"negative-900\",\n    forcedColors: {\n      default: \"ButtonText\",\n    },\n  },\n  borderStartRadius: {\n    default: \"none\",\n    isFirstDayInWeek: \"full\",\n    isSelectionStart: \"full\",\n    isPreviousDayNotSelected: \"full\",\n  },\n  borderEndRadius: {\n    default: \"none\",\n    isLastDayInWeek: \"full\",\n    isSelectionEnd: \"full\",\n    isNextDayNotSelected: \"full\",\n  },\n});\n\nconst rangeCalendarNavIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  size: \"1lh\",\n  forcedColorAdjust: \"none\",\n});\n\n// Mirrors @react-spectrum/s2 Field helpTextStyles at size M (controlFont() → the\n// base `ui` font), shared with the certified Calendar. `--field-gap` is\n// undefined outside a Field, so paddingTop resolves to 0 here — matching S2's\n// standalone RangeCalendar.\nconst rangeCalendarHelpText = style<{ isInvalid?: boolean; isDisabled?: boolean }>({\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: \"ui\",\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative-1000\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nfunction RangeCalendarHeading(props: {\n  visibleMonths: number;\n  locale?: string;\n  prevButton: JSX.Element;\n  nextButton: JSX.Element;\n}): JSX.Element {\n  const state = useRangeCalendarContext();\n  const months = () =>\n    Array.from({ length: props.visibleMonths }, (_, index) =>\n      monthTitle(state.visibleRange().start.add({ months: index }), props.locale, state.timeZone),\n    );\n\n  return (\n    // Mirror @react-spectrum/s2 CalendarHeader (shared with Calendar): one flex\n    // row per visible month, laying out [prev button (first month only), title,\n    // next button (last month only)]. When a single month is visible both\n    // buttons share its row. The per-month title mirrors react-aria-components\n    // CalendarHeading, whose HeadingContext marks it aria-hidden (the visible\n    // range is already named on the application root + each grid) — so it stays\n    // out of the AX tree.\n    <For each={months()}>\n      {(title, index) => (\n        <div class={rangeCalendarHeading}>\n          <Show when={index() === 0}>{props.prevButton}</Show>\n          <h2 aria-hidden=\"true\" class={rangeCalendarTitle}>\n            {title}\n          </h2>\n          <Show when={index() === props.visibleMonths - 1}>{props.nextButton}</Show>\n        </div>\n      )}\n    </For>\n  );\n}\n\nfunction RangeCalendarCellContent(props: {\n  cell: RangeCalendarCellRenderProps;\n  date: CalendarDate;\n}): JSX.Element {\n  const state = useRangeCalendarContext();\n  const [innerElement, setInnerElement] = createSignal<HTMLDivElement | null>(null);\n  const isSelectionStart = () =>\n    props.cell.isSelectionStart && (!props.cell.isUnavailable || props.cell.isInvalid);\n  const isSelectionEnd = () =>\n    props.cell.isSelectionEnd && (!props.cell.isUnavailable || props.cell.isInvalid);\n  const isDateInRange = (date: CalendarDate) => {\n    const highlightedRange = state.highlightedRange?.();\n\n    if (!highlightedRange) {\n      return state.isSelected(date);\n    }\n\n    if (props.cell.isInvalid) {\n      return date.compare(highlightedRange.start) >= 0 && date.compare(highlightedRange.end) <= 0;\n    }\n\n    return state.isSelected(date);\n  };\n  const previousDay = () => props.date.subtract({ days: 1 });\n  const nextDay = () => props.date.add({ days: 1 });\n  const isPreviousDayNotSelected = () =>\n    !isDateInRange(previousDay()) || previousDay().month !== props.date.month;\n  const isNextDayNotSelected = () =>\n    !isDateInRange(nextDay()) || nextDay().month !== props.date.month;\n  const selectionStyleState = () => ({\n    isInvalid: props.cell.isInvalid,\n    isFirstDayInWeek: props.cell.isFirstChild,\n    isLastDayInWeek: props.cell.isLastChild,\n    isSelectionStart: isSelectionStart(),\n    isSelectionEnd: isSelectionEnd(),\n    isPreviousDayNotSelected: isPreviousDayNotSelected(),\n    isNextDayNotSelected: isNextDayNotSelected(),\n  });\n  const isBackgroundStyleApplied = () =>\n    props.cell.isSelected &&\n    (props.cell.isInvalid || !props.cell.isUnavailable) &&\n    (isDateInRange(previousDay()) ||\n      (nextDay().month === props.date.month && isDateInRange(nextDay())));\n\n  return (\n    <div class={rangeCalendarCellInnerFrame}>\n      <div\n        ref={setInnerElement}\n        style={pressScale(innerElement, {})(props.cell)}\n        class={rangeCalendarCellInner({\n          ...props.cell,\n          isSelectionStart: isSelectionStart(),\n          isSelectionEnd: isSelectionEnd(),\n          selectionMode: \"range\",\n        })}\n      >\n        <div class={rangeCalendarTodayDot({ isToday: props.cell.isToday })} role=\"presentation\" />\n        <div>{props.cell.formattedDate}</div>\n        <Show when={props.cell.isUnavailable}>\n          <div class={rangeCalendarUnavailable} role=\"presentation\" />\n        </Show>\n      </div>\n      <Show when={isBackgroundStyleApplied()}>\n        <div class={rangeSelectionBackground(selectionStyleState())} role=\"presentation\" />\n      </Show>\n      <Show when={isBackgroundStyleApplied()}>\n        <div class={rangeSelectionBorder(selectionStyleState())} role=\"presentation\" />\n      </Show>\n    </div>\n  );\n}\n\n/**\n * A range calendar displays a grid of days and allows users to select a date range.\n */\nexport function RangeCalendar<T extends DateValue = CalendarDate>(\n  props: RangeCalendarProps<T>,\n): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(RangeCalendarContext), props.slot);\n  const mergedProps = mergeProps(flags, contextProps ?? {}, props);\n  const providerLocale = useLocale();\n  const [local, rest] = splitProps(mergedProps, [\n    \"size\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"aria-label\",\n    \"firstDayOfWeek\",\n    \"isInvalid\",\n    \"validationState\",\n    \"errorMessage\",\n    \"visibleMonths\",\n    \"locale\",\n    \"slot\",\n    \"ref\",\n  ]);\n\n  const size = () => normalizeRangeCalendarSize(local.size);\n  const sizeConfig = () => sizeStyles[size()];\n  const visibleMonths = () => Math.max(1, Number(local.visibleMonths ?? 1));\n  const locale = () => local.locale ?? providerLocale().locale;\n  const validationState = () =>\n    typeof local.validationState === \"function\" ? local.validationState() : local.validationState;\n  const isInvalid = () => local.isInvalid || validationState() === \"invalid\";\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const errorMessageId = createUniqueId();\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n  const rootStyle = () => ({\n    \"--cell-gap\": \"4px\",\n    \"--cell-max-width\": `${sizeConfig().cellMaxWidth}px`,\n    \"--cell-responsive-size\": \"var(--cell-max-width)\",\n    \"--s2-calendar-cell-max-width\": `${sizeConfig().cellMaxWidth}px`,\n    \"--s2-calendar-button-size\": `${sizeConfig().buttonSize}px`,\n    \"--s2-calendar-visible-months\": visibleMonths(),\n    \"--num-calendars\": visibleMonths(),\n    width: \"fit-content\",\n    \"max-width\": \"100%\",\n    ...(mergedUnsafeStyle() ?? {}),\n  });\n  const monthOffsets = () => Array.from({ length: visibleMonths() }, (_, index) => index);\n\n  return (\n    <HeadlessRangeCalendar\n      {...rest}\n      ref={(element: HTMLDivElement) => assignRef(element)}\n      aria-label={local[\"aria-label\"]}\n      aria-describedby={rest[\"aria-describedby\"]}\n      errorMessage={local.errorMessage}\n      errorMessageId={errorMessageId}\n      firstDayOfWeek={normalizeFirstDayOfWeek(local.firstDayOfWeek)}\n      validationState={isInvalid() ? \"invalid\" : validationState()}\n      visibleMonths={visibleMonths()}\n      locale={locale()}\n      class={[\n        contextProps?.UNSAFE_className,\n        local.UNSAFE_className,\n        local.class,\n        rangeCalendarRoot({ isMultiMonth: visibleMonths() > 1 }, mergedStyles()),\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={rootStyle()}\n    >\n      <header class={rangeCalendarHeader}>\n        <RangeCalendarHeading\n          visibleMonths={visibleMonths()}\n          locale={locale()}\n          prevButton={\n            <RangeCalendarButton\n              slot=\"previous\"\n              class={rangeCalendarNavButton({ buttonSize: sizeConfig().buttonSize })}\n              style={{\n                width: `${sizeConfig().buttonSize}px`,\n                height: `${sizeConfig().buttonSize}px`,\n              }}\n            >\n              <ChevronLeftIcon styles={rangeCalendarNavIcon} />\n            </RangeCalendarButton>\n          }\n          nextButton={\n            <RangeCalendarButton\n              slot=\"next\"\n              class={rangeCalendarNavButton({ buttonSize: sizeConfig().buttonSize })}\n              style={{\n                width: `${sizeConfig().buttonSize}px`,\n                height: `${sizeConfig().buttonSize}px`,\n              }}\n            >\n              <ChevronRightIcon styles={rangeCalendarNavIcon} />\n            </RangeCalendarButton>\n          }\n        />\n      </header>\n\n      <div class={rangeCalendarMonths({ isMultiMonth: visibleMonths() > 1 })}>\n        <For each={monthOffsets()}>\n          {(offset) => (\n            <RangeCalendarGrid\n              class={rangeCalendarGrid}\n              style={{\n                width: `${sizeConfig().cellMaxWidth * 7}px`,\n                \"table-layout\": \"fixed\",\n              }}\n              weekdayStyle=\"narrow\"\n              headerCellClass={rangeCalendarHeaderCell}\n              offset={offset === 0 ? undefined : { months: offset }}\n            >\n              {(date) => (\n                <RangeCalendarCell\n                  date={date}\n                  cellClass={rangeCalendarCellWrapper}\n                  cellStyle={() => cellBoxStyle(size())}\n                  style={() => cellBoxStyle(size())}\n                  class={rangeCalendarCellOuter}\n                >\n                  {(cell) => <RangeCalendarCellContent cell={cell} date={date} />}\n                </RangeCalendarCell>\n              )}\n            </RangeCalendarGrid>\n          )}\n        </For>\n      </div>\n\n      <Show when={isInvalid()}>\n        <span\n          id={errorMessageId}\n          class={rangeCalendarHelpText({ isInvalid: true, isDisabled: Boolean(rest.isDisabled) })}\n        >\n          {local.errorMessage ||\n            stringFormatter().format(\"calendar.invalidSelection\", { selectedCount: 2 })}\n        </span>\n      </Show>\n    </HeadlessRangeCalendar>\n  );\n}\n\nexport type { RangeValue };\n"],"mappings":"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"}