@proyecto-viviana/ui 0.5.0 → 0.6.1

package/dist/_chunk/RangeCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.js","names":["JSX","createIcon","ChevronLeftIconSvg","props","SvgSVGAttributes","SVGSVGElement","Element","class","className","rest","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$runHydrationEvents","ChevronLeftIconProps","ChevronLeftIcon","JSX","createIcon","ChevronRightIconSvg","props","SvgSVGAttributes","SVGSVGElement","Element","class","className","rest","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$runHydrationEvents","ChevronRightIconProps","ChevronRightIcon"],"sources":["../../src/icon/s2wf-icons/ChevronLeftIcon.tsx","../../src/icon/s2wf-icons/ChevronRightIcon.tsx","../../src/calendar/RangeCalendar.tsx"],"sourcesContent":["/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction ChevronLeftIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <path\n        d=\"M12.237 16.455c-.196 0-.393-.077-.54-.23L6.21 10.52c-.28-.29-.28-.749 0-1.039l5.5-5.716c.287-.3.763-.308 1.06-.02.298.286.308.76.02 1.059l-4.999 5.197 4.986 5.184c.288.297.279.772-.02 1.06-.145.14-.332.21-.52.21\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n    </svg>\n  );\n}\n\nexport type ChevronLeftIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const ChevronLeftIcon = createIcon(ChevronLeftIconSvg);\nexport default ChevronLeftIcon;\n","/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction ChevronRightIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <path\n        d=\"M7.75 16.465c-.187 0-.374-.07-.52-.21-.298-.287-.308-.762-.02-1.06l4.999-5.197-4.986-5.184c-.288-.297-.279-.772.02-1.06.296-.286.774-.278 1.06.021L13.79 9.48c.28.29.28.749 0 1.039l-5.5 5.716c-.146.154-.344.23-.54.23\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n    </svg>\n  );\n}\n\nexport type ChevronRightIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const ChevronRightIcon = createIcon(ChevronRightIconSvg);\nexport default ChevronRightIcon;\n","// @ts-nocheck\nimport {\n  type JSX,\n  For,\n  Show,\n  createContext,\n  createMemo,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n  useContext,\n} from \"solid-js\";\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 { useLocale } from \"@proyecto-viviana/solidaria\";\nimport { DateFormatter, type RangeCalendarStateProps } from \"@proyecto-viviana/solid-stately\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, lightDark, setColorScheme, style } 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 {\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: lightDark(\"accent-900\", \"accent-700\"),\n      isHovered: lightDark(\"accent-1000\", \"accent-800\"),\n      isPressed: lightDark(\"accent-1000\", \"accent-800\"),\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: lightDark(\"accent-900\", \"accent-700\"),\n      isHovered: lightDark(\"accent-1000\", \"accent-800\"),\n      isPressed: lightDark(\"accent-1000\", \"accent-800\"),\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  width: \"[1.4285714285714286em]\",\n  height: \"[1.4285714285714286em]\",\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\",\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 contextProps = getSlottedContextProps(useContext(RangeCalendarContext), props.slot);\n  const mergedProps = mergeProps(providerProps, 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 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() && local.errorMessage}>\n        <span\n          id={errorMessageId}\n          class={rangeCalendarHelpText({ isInvalid: true, isDisabled: Boolean(rest.isDisabled) })}\n        >\n          {local.errorMessage}\n        </span>\n      </Show>\n    </HeadlessRangeCalendar>\n  );\n}\n\nexport type { RangeValue };\n"],"mappings":"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"}

package/dist/_chunk/RangeCalendar.jsx

@@ -0,0 +1,564 @@
+import { useProviderProps } from "../provider/index.jsx";
+import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.jsx";
+import { pressScale } from "../pressScale.jsx";
+import { r as createIcon } from "./spectrum-icon.jsx";
+import { For, Show, createContext, createSignal, createUniqueId, mergeProps, splitProps, useContext } from "solid-js";
+import { useLocale } from "@proyecto-viviana/solidaria";
+import { RangeCalendar, RangeCalendarButton, RangeCalendarCell, RangeCalendarGrid, useRangeCalendarContext } from "@proyecto-viviana/solidaria-components";
+import { DateFormatter } from "@proyecto-viviana/solid-stately";
+//#region src/icon/s2wf-icons/ChevronLeftIcon.tsx
+function ChevronLeftIconSvg(props) {
+	const { class: className, ...rest } = props;
+	return <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" {...rest} class={className}>
+      <path d="M12.237 16.455c-.196 0-.393-.077-.54-.23L6.21 10.52c-.28-.29-.28-.749 0-1.039l5.5-5.716c.287-.3.763-.308 1.06-.02.298.286.308.76.02 1.059l-4.999 5.197 4.986 5.184c.288.297.279.772-.02 1.06-.145.14-.332.21-.52.21" fill="var(--iconPrimary, #222)" />
+    </svg>;
+}
+const ChevronLeftIcon = createIcon(ChevronLeftIconSvg);
+//#endregion
+//#region src/icon/s2wf-icons/ChevronRightIcon.tsx
+function ChevronRightIconSvg(props) {
+	const { class: className, ...rest } = props;
+	return <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" {...rest} class={className}>
+      <path d="M7.75 16.465c-.187 0-.374-.07-.52-.21-.298-.287-.308-.762-.02-1.06l4.999-5.197-4.986-5.184c-.288-.297-.279-.772.02-1.06.296-.286.774-.278 1.06.021L13.79 9.48c.28.29.28.749 0 1.039l-5.5 5.716c-.146.154-.344.23-.54.23" fill="var(--iconPrimary, #222)" />
+    </svg>;
+}
+const ChevronRightIcon = createIcon(ChevronRightIconSvg);
+//#endregion
+//#region src/calendar/RangeCalendar.tsx
+const RangeCalendarContext = createContext(null);
+const sizeStyles = {
+	sm: {
+		cellMaxWidth: 32,
+		buttonSize: 24
+	},
+	md: {
+		cellMaxWidth: 32,
+		buttonSize: 32
+	},
+	lg: {
+		cellMaxWidth: 40,
+		buttonSize: 40
+	},
+	xl: {
+		cellMaxWidth: 44,
+		buttonSize: 44
+	}
+};
+function cellBoxStyle(size) {
+	const cellSize = `${sizeStyles[size].cellMaxWidth}px`;
+	return {
+		width: cellSize,
+		height: cellSize
+	};
+}
+function normalizeRangeCalendarSize(size) {
+	switch (size) {
+		case "S":
+		case "sm": return "sm";
+		case "L":
+		case "lg": return "lg";
+		case "XL":
+		case "xl": return "xl";
+		default: return "md";
+	}
+}
+function normalizeFirstDayOfWeek(firstDayOfWeek) {
+	switch (firstDayOfWeek) {
+		case "sun": return 0;
+		case "mon": return 1;
+		case "tue": return 2;
+		case "wed": return 3;
+		case "thu": return 4;
+		case "fri": return 5;
+		case "sat": return 6;
+		default: return firstDayOfWeek;
+	}
+}
+function monthTitle(date, locale, timeZone) {
+	const formattableMonth = date.calendar.getFormattableMonth?.(date) ?? date;
+	return new DateFormatter(locale ?? "en-US", {
+		month: "long",
+		year: "numeric",
+		calendar: date.calendar.identifier
+	}).format(formattableMonth.toDate(timeZone));
+}
+const rangeCalendarRoot = function anonymous(props) {
+	let rules = " ";
+	if (props.colorScheme === "dark") rules += " -ICUGx-_pa151";
+	else if (props.colorScheme === "light") rules += " -ICUGx-_pb151";
+	else if (props.colorScheme === "light dark") rules += " -ICUGx-_pc151";
+	rules += " _pK8eoyd151";
+	if (props.colorScheme === "dark") rules += " -NvXmrd-_ZLmU151";
+	else if (props.colorScheme === "light") rules += " -NvXmrd-_ZN8Gi4c151";
+	else if (props.colorScheme === "light dark") {
+		rules += " -NvXmrd-_ZN8Gi4c151";
+		rules += " -NvXmrd-D1v0V_ZLmU151";
+	}
+	if (props.colorScheme === "dark") rules += " -j9blY-_ZN8Gi4c151";
+	else if (props.colorScheme === "light") rules += " -j9blY-_ZLmU151";
+	else if (props.colorScheme === "light dark") {
+		rules += " -j9blY-_ZLmU151";
+		rules += " -j9blY-D1v0V_ZN8Gi4c151";
+	}
+	rules += " sd151";
+	rules += " _ta151";
+	rules += " Uj151";
+	rules += " qj151";
+	rules += " __ca151";
+	rules += " -uq4sQ-Sp151";
+	rules += " ZJ151";
+	return rules;
+};
+const rangeCalendarHeader = " sd151 eb151 _Ce151 qj151";
+const rangeCalendarHeading = " sd151 eb151 _Ce151 Jy151 Gy151 Iy151 Hy151 _ub151 Za151";
+const rangeCalendarTitle = " uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-e151 vx151 xd151 _xa151 xX0cczbc151 _xX0cczba151 xfd151 _xfa151 xfX0cczbc151 _xfX0cczba151 _Fd151 _FnuYUweb151 pHKLAu151 _Wa151 _ub151 _va151 Jy151 Gy151";
+const rangeCalendarMonths = function anonymous(props) {
+	let rules = " ";
+	rules += " sd151";
+	rules += " _tc151";
+	if (props.isMultiMonth) rules += " Uj151";
+	else rules += " Uh151";
+	if (props.isMultiMonth) rules += " qj151";
+	else rules += " qh151";
+	rules += " ed151";
+	rules += " ZK151";
+	return rules;
+};
+const rangeCalendarNavButton = function anonymous(props) {
+	let rules = " ";
+	if (props.isFocusVisible) rules += " _Lf151";
+	else rules += " _Le151";
+	rules += " O8KaFke151";
+	rules += " Olc151";
+	rules += " _Mc151";
+	rules += " _Kd151";
+	rules += " uxe7h4151";
+	rules += " -_6BNtrc-c151";
+	rules += " vx151";
+	rules += " xc151";
+	rules += " _xa151";
+	rules += " _Fd151";
+	rules += " _FnuYUweb151";
+	if (props.isPressed) rules += " pMwyHo151";
+	else if (props.isFocusVisible) rules += " pMwyHo151";
+	else if (props.isHovered) rules += " pMwyHo151";
+	else rules += " pHKLAu151";
+	rules += " pHbQCrbUvnvv151";
+	rules += " sd151";
+	rules += " eb151";
+	rules += " _Ca151";
+	rules += " Z4162Xc151";
+	rules += " F4162Xc151";
+	rules += " _je151";
+	rules += " og151";
+	rules += " ng151";
+	rules += " kg151";
+	rules += " jg151";
+	if (props.isPressed) if (props.isPressed) rules += " gfbAdGe151";
+	else if (props.isFocusVisible) rules += " gfbAdGe151";
+	else if (props.isHovered) rules += " gfbAdGe151";
+	else rules += " gG1H3ce151";
+	else if (props.isHovered) if (props.isFocusVisible) rules += " gG1H3ce151";
+	else if (props.isHovered) rules += " gG1H3ce151";
+	else rules += " gkDWoNd151";
+	else rules += " g9151";
+	rules += " ri151";
+	rules += " Yd151";
+	rules += " Xb151";
+	rules += " _2b151";
+	return rules;
+};
+const rangeCalendarGrid = " __na151 __oe151 _Bb151 __Sb151";
+const rangeCalendarHeaderCell = " _oa151 uiWD3ad151 ucJ9TBTb151 ud3Euai151 uea151 ugb151 uhd151 uje151 u2NhKxcl151 uic151 -_6BNtrc-c151 vx151 xd151 _xa151 xX0cczbc151 _xX0cczba151 xfd151 _xfa151 xfX0cczbc151 _xfX0cczba151 _Fd151 _FnuYUweb151 pHKLAu151 ri151 _Wa151 Z0q26ub151 Sp151 Sbd151 Rp151 Rkd151 Td151 Qe151";
+const rangeCalendarCellWrapper = " _Le151 _oa151 Sd151 Rd151 Td151 Qd151 _Pc151 __ca151 Z0q26ub151 F0q26ub151";
+const rangeCalendarCellOuter = function anonymous(props) {
+	let rules = " ";
+	rules += " _Le151";
+	rules += " _oa151";
+	rules += " _Pc151";
+	if (props.isFirstChild) rules += " Sd151";
+	else rules += " Sp151";
+	if (props.isLastChild) rules += " Rd151";
+	else rules += " Rp151";
+	if (props.isFirstWeek) rules += " Td151";
+	else rules += " Tj151";
+	if (props.isLastWeek) rules += " Qd151";
+	else rules += " Qj151";
+	if (props.isOutsideMonth) rules += " sk151";
+	else rules += " sd151";
+	rules += " eb151";
+	rules += " _Ca151";
+	rules += " __ca151";
+	return rules;
+};
+const rangeCalendarCellInnerFrame = " _Pc151 Za151 Fb151";
+const rangeCalendarCellInner = function anonymous(props) {
+	let rules = " ";
+	if (props.isFocusVisible) rules += " _Lf151";
+	else rules += " _Le151";
+	rules += " O8KaFke151";
+	rules += " Olc151";
+	rules += " _Mc151";
+	if (props.isSelectionEnd) rules += " _Kd151";
+	else if (props.isSelectionStart) rules += " _Kd151";
+	else if (props.isSelected) rules += " _Kb151";
+	else rules += " _Kb151";
+	rules += " Yd151";
+	rules += " Yle151";
+	rules += " Xb151";
+	rules += " Xlb151";
+	rules += " _2b151";
+	rules += " _2lb151";
+	rules += " _Pc151";
+	rules += " uk151";
+	rules += " ucJ9TBTb151";
+	rules += " ud3Euai151";
+	rules += " uea151";
+	rules += " ugb151";
+	rules += " uhd151";
+	rules += " uje151";
+	rules += " u2NhKxcl151";
+	rules += " uic151";
+	rules += " -_6BNtrc-b151";
+	rules += " vx151";
+	rules += " xb151";
+	rules += " _xa151";
+	rules += " _Fb151";
+	rules += " _FnuYUwec151";
+	if (props.isDisabled) rules += " pUvnvv151";
+	else if (props.isSelectionEnd) rules += " px151";
+	else if (props.isSelectionStart) rules += " px151";
+	else if (props.isSelected) rules += " pHKLAu151";
+	else rules += " pHKLAu151";
+	if (props.isDisabled) rules += " plc151";
+	else if (props.isSelectionEnd) rules += " ple151";
+	else if (props.isSelectionStart) rules += " ple151";
+	else if (props.isSelected) rules += " ple151";
+	else rules += " plb151";
+	rules += " ri151";
+	rules += " Za151";
+	rules += " Fb151";
+	rules += " og151";
+	rules += " ng151";
+	rules += " kg151";
+	rules += " jg151";
+	rules += " sd151";
+	rules += " eb151";
+	rules += " _Ca151";
+	rules += " _yb151";
+	if (props.isSelectionEnd) if (props.isInvalid) if (props.isPressed) rules += " gtq3xC151";
+	else if (props.isHovered) if (props.isUnavailable) rules += " g7xrik151";
+	else rules += " gtq3xC151";
+	else rules += " g7xrik151";
+	else if (props.isDisabled) rules += " g9151";
+	else if (props.isPressed) rules += " gJLwrv151";
+	else if (props.isHovered) rules += " gJLwrv151";
+	else rules += " gI9Ko6c151";
+	else if (props.isSelectionStart) if (props.isInvalid) if (props.isPressed) rules += " gtq3xC151";
+	else if (props.isHovered) if (props.isUnavailable) rules += " g7xrik151";
+	else rules += " gtq3xC151";
+	else rules += " g7xrik151";
+	else if (props.isDisabled) rules += " g9151";
+	else if (props.isPressed) rules += " gJLwrv151";
+	else if (props.isHovered) rules += " gJLwrv151";
+	else rules += " gI9Ko6c151";
+	else if (props.isSelected) {
+		if (props.isHovered) if (props.isInvalid) if (props.isUnavailable) rules += " g9151";
+		else rules += " g055REd151";
+		else rules += " gVHUWyc151";
+	} else if (props.isDisabled) rules += " g9151";
+	else if (props.isPressed) rules += " gkDWoNd151";
+	else if (props.isHovered) if (props.isUnavailable) rules += " g9151";
+	else rules += " gkDWoNd151";
+	else rules += " g9151";
+	if (props.isUnavailable) rules += " gl9151";
+	else if (props.isSelectionEnd) rules += " gle151";
+	else if (props.isSelectionStart) rules += " gle151";
+	else if (props.isSelected) {
+		if (props.isHovered) rules += " gle151";
+	} else if (props.isHovered) rules += " gle151";
+	else rules += " gl9151";
+	return rules;
+};
+const rangeCalendarTodayDot = function anonymous(props) {
+	let rules = " ";
+	rules += " _Pa151";
+	rules += " _lakDin151";
+	rules += " _EF151";
+	rules += " _ZRWeLS151";
+	rules += " ZS16uu151";
+	rules += " Fe151";
+	rules += " og151";
+	rules += " ng151";
+	rules += " kg151";
+	rules += " jg151";
+	rules += " g5ZbAob151";
+	if (props.isToday) rules += " sb151";
+	else rules += " sk151";
+	return rules;
+};
+const rangeCalendarUnavailable = " _Pa151 WzErnCb151 _EjhYzGc151 _RjhYzGc151 FlAZvq151 _ZN7ydnb151 og151 ng151 kg151 jg151 g5ZbAob151";
+const rangeSelectionBackground = function anonymous(props) {
+	let rules = " ";
+	rules += " _Pa151";
+	rules += " _9a151";
+	rules += " Wr151";
+	if (props.isPreviousDayNotSelected) rules += " _Ar151";
+	else if (props.isSelectionStart) rules += " _Ar151";
+	else if (props.isFirstDayInWeek) rules += " _Ar151";
+	else rules += " _Al151";
+	if (props.isNextDayNotSelected) rules += " _zr151";
+	else if (props.isSelectionEnd) rules += " _zr151";
+	else if (props.isLastDayInWeek) rules += " _zr151";
+	else rules += " _zl151";
+	rules += " _lr151";
+	if (props.isPreviousDayNotSelected) rules += " og151";
+	else if (props.isSelectionStart) rules += " og151";
+	else if (props.isFirstDayInWeek) rules += " og151";
+	else rules += " od151";
+	if (props.isPreviousDayNotSelected) rules += " kg151";
+	else if (props.isSelectionStart) rules += " kg151";
+	else if (props.isFirstDayInWeek) rules += " kg151";
+	else rules += " kd151";
+	if (props.isNextDayNotSelected) rules += " ng151";
+	else if (props.isSelectionEnd) rules += " ng151";
+	else if (props.isLastDayInWeek) rules += " ng151";
+	else rules += " nd151";
+	if (props.isNextDayNotSelected) rules += " jg151";
+	else if (props.isSelectionEnd) rules += " jg151";
+	else if (props.isLastDayInWeek) rules += " jg151";
+	else rules += " jd151";
+	if (props.isInvalid) rules += " gpgDUie151";
+	else rules += " gWKeJ0c151";
+	rules += " gle151";
+	rules += " _yb151";
+	return rules;
+};
+const rangeSelectionBorder = function anonymous(props) {
+	let rules = " ";
+	rules += " _Pa151";
+	rules += " _9c151";
+	rules += " Wr151";
+	if (props.isPreviousDayNotSelected) rules += " _Ar151";
+	else if (props.isSelectionStart) rules += " _Ar151";
+	else if (props.isFirstDayInWeek) rules += " _Ar151";
+	else rules += " _Al151";
+	if (props.isNextDayNotSelected) rules += " _zr151";
+	else if (props.isSelectionEnd) rules += " _zr151";
+	else if (props.isLastDayInWeek) rules += " _zr151";
+	else rules += " _zl151";
+	rules += " _lr151";
+	if (props.isPreviousDayNotSelected) rules += " mb151";
+	else if (props.isSelectionStart) rules += " mb151";
+	else if (props.isFirstDayInWeek) rules += " mb151";
+	else rules += " ma151";
+	rules += " _kb151";
+	if (props.isNextDayNotSelected) rules += " lb151";
+	else if (props.isSelectionEnd) rules += " lb151";
+	else if (props.isLastDayInWeek) rules += " lb151";
+	else rules += " la151";
+	rules += " hb151";
+	rules += " _jf151";
+	if (props.isInvalid) rules += " iYjUhNc151";
+	else rules += " i8KaFke151";
+	rules += " ilb151";
+	if (props.isPreviousDayNotSelected) rules += " og151";
+	else if (props.isSelectionStart) rules += " og151";
+	else if (props.isFirstDayInWeek) rules += " og151";
+	else rules += " od151";
+	if (props.isPreviousDayNotSelected) rules += " kg151";
+	else if (props.isSelectionStart) rules += " kg151";
+	else if (props.isFirstDayInWeek) rules += " kg151";
+	else rules += " kd151";
+	if (props.isNextDayNotSelected) rules += " ng151";
+	else if (props.isSelectionEnd) rules += " ng151";
+	else if (props.isLastDayInWeek) rules += " ng151";
+	else rules += " nd151";
+	if (props.isNextDayNotSelected) rules += " jg151";
+	else if (props.isSelectionEnd) rules += " jg151";
+	else if (props.isLastDayInWeek) rules += " jg151";
+	else rules += " jd151";
+	return rules;
+};
+const rangeCalendarNavIcon = " -_8sjo0b-t5ZbAob151 ZuUmpre151 FuUmpre151 _yb151";
+const rangeCalendarHelpText = function anonymous(props) {
+	let rules = " ";
+	rules += " sd151";
+	rules += " ea151";
+	rules += " Uc151";
+	rules += " Usd151";
+	rules += " qc151";
+	rules += " qsd151";
+	rules += " uxe7h4151";
+	rules += " -_6BNtrc-c151";
+	rules += " vx151";
+	rules += " xb151";
+	rules += " _xa151";
+	rules += " _Fd151";
+	rules += " _FnuYUweb151";
+	if (props.isDisabled) {
+		rules += " pUvnvv151";
+		rules += " plc151";
+	} else if (props.isInvalid) {
+		rules += " pYjUhNc151";
+		rules += " plQBRyrc151";
+	} else rules += " pUUi0Fe151";
+	rules += " -_8sjo0b-t5ZbAob151";
+	rules += " _qb151";
+	rules += " TgOnRt151";
+	if (props.isDisabled) rules += " ri151";
+	else rules += " rD151";
+	return rules;
+};
+function RangeCalendarHeading(props) {
+	const state = useRangeCalendarContext();
+	const months = () => Array.from({ length: props.visibleMonths }, (_, index) => monthTitle(state.visibleRange().start.add({ months: index }), props.locale, state.timeZone));
+	return <For each={months()}>
+      {(title, index) => <div class={rangeCalendarHeading}>
+          <Show when={index() === 0}>{props.prevButton}</Show>
+          <h2 aria-hidden="true" class={rangeCalendarTitle}>
+            {title}
+          </h2>
+          <Show when={index() === props.visibleMonths - 1}>{props.nextButton}</Show>
+        </div>}
+    </For>;
+}
+function RangeCalendarCellContent(props) {
+	const state = useRangeCalendarContext();
+	const [innerElement, setInnerElement] = createSignal(null);
+	const isSelectionStart = () => props.cell.isSelectionStart && (!props.cell.isUnavailable || props.cell.isInvalid);
+	const isSelectionEnd = () => props.cell.isSelectionEnd && (!props.cell.isUnavailable || props.cell.isInvalid);
+	const isDateInRange = (date) => {
+		const highlightedRange = state.highlightedRange?.();
+		if (!highlightedRange) return state.isSelected(date);
+		if (props.cell.isInvalid) return date.compare(highlightedRange.start) >= 0 && date.compare(highlightedRange.end) <= 0;
+		return state.isSelected(date);
+	};
+	const previousDay = () => props.date.subtract({ days: 1 });
+	const nextDay = () => props.date.add({ days: 1 });
+	const isPreviousDayNotSelected = () => !isDateInRange(previousDay()) || previousDay().month !== props.date.month;
+	const isNextDayNotSelected = () => !isDateInRange(nextDay()) || nextDay().month !== props.date.month;
+	const selectionStyleState = () => ({
+		isInvalid: props.cell.isInvalid,
+		isFirstDayInWeek: props.cell.isFirstChild,
+		isLastDayInWeek: props.cell.isLastChild,
+		isSelectionStart: isSelectionStart(),
+		isSelectionEnd: isSelectionEnd(),
+		isPreviousDayNotSelected: isPreviousDayNotSelected(),
+		isNextDayNotSelected: isNextDayNotSelected()
+	});
+	const isBackgroundStyleApplied = () => props.cell.isSelected && (props.cell.isInvalid || !props.cell.isUnavailable) && (isDateInRange(previousDay()) || nextDay().month === props.date.month && isDateInRange(nextDay()));
+	return <div class={rangeCalendarCellInnerFrame}>
+      <div ref={setInnerElement} style={pressScale(innerElement, {})(props.cell)} class={rangeCalendarCellInner({
+		...props.cell,
+		isSelectionStart: isSelectionStart(),
+		isSelectionEnd: isSelectionEnd(),
+		selectionMode: "range"
+	})}>
+        <div class={rangeCalendarTodayDot({ isToday: props.cell.isToday })} role="presentation" />
+        <div>{props.cell.formattedDate}</div>
+        <Show when={props.cell.isUnavailable}>
+          <div class={rangeCalendarUnavailable} role="presentation" />
+        </Show>
+      </div>
+      <Show when={isBackgroundStyleApplied()}>
+        <div class={rangeSelectionBackground(selectionStyleState())} role="presentation" />
+      </Show>
+      <Show when={isBackgroundStyleApplied()}>
+        <div class={rangeSelectionBorder(selectionStyleState())} role="presentation" />
+      </Show>
+    </div>;
+}
+/**
+* A range calendar displays a grid of days and allows users to select a date range.
+*/ function RangeCalendar$1(props) {
+	const providerProps = useProviderProps(props);
+	const contextProps = getSlottedContextProps(useContext(RangeCalendarContext), props.slot);
+	const mergedProps = mergeProps(providerProps, contextProps ?? {}, props);
+	const providerLocale = useLocale();
+	const [local, rest] = splitProps(mergedProps, [
+		"size",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"class",
+		"aria-label",
+		"firstDayOfWeek",
+		"isInvalid",
+		"validationState",
+		"errorMessage",
+		"visibleMonths",
+		"locale",
+		"slot",
+		"ref"
+	]);
+	const size = () => normalizeRangeCalendarSize(local.size);
+	const sizeConfig = () => sizeStyles[size()];
+	const visibleMonths = () => Math.max(1, Number(local.visibleMonths ?? 1));
+	const locale = () => local.locale ?? providerLocale().locale;
+	const validationState = () => typeof local.validationState === "function" ? local.validationState() : local.validationState;
+	const isInvalid = () => local.isInvalid || validationState() === "invalid";
+	const errorMessageId = createUniqueId();
+	const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);
+	const mergedUnsafeStyle = () => mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);
+	const assignRef = mergeContextRefs(contextProps?.ref, props.ref);
+	const rootStyle = () => ({
+		"--cell-gap": "4px",
+		"--cell-max-width": `${sizeConfig().cellMaxWidth}px`,
+		"--cell-responsive-size": "var(--cell-max-width)",
+		"--s2-calendar-cell-max-width": `${sizeConfig().cellMaxWidth}px`,
+		"--s2-calendar-button-size": `${sizeConfig().buttonSize}px`,
+		"--s2-calendar-visible-months": visibleMonths(),
+		"--num-calendars": visibleMonths(),
+		width: "fit-content",
+		"max-width": "100%",
+		...mergedUnsafeStyle() ?? {}
+	});
+	const monthOffsets = () => Array.from({ length: visibleMonths() }, (_, index) => index);
+	return <RangeCalendar {...rest} ref={(element) => assignRef(element)} aria-label={local["aria-label"]} aria-describedby={rest["aria-describedby"]} errorMessage={local.errorMessage} errorMessageId={errorMessageId} firstDayOfWeek={normalizeFirstDayOfWeek(local.firstDayOfWeek)} validationState={isInvalid() ? "invalid" : validationState()} visibleMonths={visibleMonths()} locale={locale()} class={[
+		contextProps?.UNSAFE_className,
+		local.UNSAFE_className,
+		local.class,
+		rangeCalendarRoot({ isMultiMonth: visibleMonths() > 1 }, mergedStyles())
+	].filter(Boolean).join(" ")} style={rootStyle()}>
+      <header class={rangeCalendarHeader}>
+        <RangeCalendarHeading visibleMonths={visibleMonths()} locale={locale()} prevButton={<RangeCalendarButton slot="previous" class={rangeCalendarNavButton({ buttonSize: sizeConfig().buttonSize })} style={{
+		width: `${sizeConfig().buttonSize}px`,
+		height: `${sizeConfig().buttonSize}px`
+	}}>
+              <ChevronLeftIcon styles={rangeCalendarNavIcon} />
+            </RangeCalendarButton>} nextButton={<RangeCalendarButton slot="next" class={rangeCalendarNavButton({ buttonSize: sizeConfig().buttonSize })} style={{
+		width: `${sizeConfig().buttonSize}px`,
+		height: `${sizeConfig().buttonSize}px`
+	}}>
+              <ChevronRightIcon styles={rangeCalendarNavIcon} />
+            </RangeCalendarButton>} />
+      </header>
+
+      <div class={rangeCalendarMonths({ isMultiMonth: visibleMonths() > 1 })}>
+        <For each={monthOffsets()}>
+          {(offset) => <RangeCalendarGrid class={rangeCalendarGrid} style={{
+		width: `${sizeConfig().cellMaxWidth * 7}px`,
+		"table-layout": "fixed"
+	}} weekdayStyle="narrow" headerCellClass={rangeCalendarHeaderCell} offset={offset === 0 ? void 0 : { months: offset }}>
+              {(date) => <RangeCalendarCell date={date} cellClass={rangeCalendarCellWrapper} cellStyle={() => cellBoxStyle(size())} style={() => cellBoxStyle(size())} class={rangeCalendarCellOuter}>
+                  {(cell) => <RangeCalendarCellContent cell={cell} date={date} />}
+                </RangeCalendarCell>}
+            </RangeCalendarGrid>}
+        </For>
+      </div>
+
+      <Show when={isInvalid() && local.errorMessage}>
+        <span id={errorMessageId} class={rangeCalendarHelpText({
+		isInvalid: true,
+		isDisabled: Boolean(rest.isDisabled)
+	})}>
+          {local.errorMessage}
+        </span>
+      </Show>
+    </RangeCalendar>;
+}
+//#endregion
+export { ChevronLeftIcon as i, RangeCalendarContext as n, ChevronRightIcon as r, RangeCalendar$1 as t };
+
+//# sourceMappingURL=RangeCalendar.jsx.map