@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/calendar/DateRangePicker.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.jsx","names":[],"sources":["../../src/calendar/DateRangePicker.tsx"],"sourcesContent":["// @ts-nocheck - style-system types need a dedicated pass; removing this would require\n// fixing style-definition type mismatches unrelated to component behavior.\nimport {\n  createContext,\n  createSignal,\n  type JSX,\n  mergeProps,\n  Show,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  DateRangePicker as HeadlessDateRangePicker,\n  DateRangePickerLabel as HeadlessDateRangePickerLabel,\n  DateRangePickerDescription as HeadlessDateRangePickerDescription,\n  DateRangePickerErrorMessage as HeadlessDateRangePickerErrorMessage,\n  DateRangePickerButton,\n  DateRangePickerContent,\n  DateInput,\n  DateSegment,\n  useDateRangePickerContext,\n  type DateRangePickerProps as HeadlessDateRangePickerProps,\n  type CalendarDate,\n  type DateValue,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createHover, useLocale } from \"@proyecto-viviana/solidaria\";\nimport {\n  type CalendarDateTime,\n  type TimeValue,\n  toCalendarDateTime,\n  toZoned,\n} from \"@proyecto-viviana/solid-stately\";\nimport { RangeCalendar } from \"./RangeCalendar\";\nimport { TimeField } from \"../datepicker\";\nimport {\n  baseColor,\n  focusRing,\n  fontRelative,\n  lightDark,\n  setColorScheme,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport S2CalendarIcon from \"../icon/s2wf-icons/CalendarIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { useProviderProps, useTheme } from \"../provider\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport {\n  control,\n  controlBorderRadius,\n  controlFont,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport type DateRangePickerSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype NormalizedDateRangePickerSize = \"S\" | \"M\" | \"L\" | \"XL\";\ntype DateRangePickerFirstDayOfWeek = \"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\";\n\nexport interface DateRangePickerProps<T extends DateValue = DateValue> extends Omit<\n  HeadlessDateRangePickerProps<T>,\n  \"class\" | \"style\" | \"children\" | \"firstDayOfWeek\"\n> {\n  /** The size of the picker. @default 'M' */\n  size?: DateRangePickerSize;\n  /** Additional CSS class name. */\n  class?: string;\n  /** Label for the field. */\n  label?: string;\n  /** Description text. */\n  description?: string;\n  /** Error message. */\n  errorMessage?: string;\n  /** The maximum number of months to display in the range calendar popover. */\n  maxVisibleMonths?: number;\n  /** The day that starts the week. */\n  firstDayOfWeek?: DateRangePickerFirstDayOfWeek | 0 | 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nexport const DateRangePickerContext =\n  createContext<SpectrumContextValue<DateRangePickerProps<any>>>(null);\n\nfunction normalizeDateRangePickerSize(\n  size: DateRangePickerSize | undefined,\n): NormalizedDateRangePickerSize {\n  switch (size) {\n    case \"S\":\n    case \"sm\":\n      return \"S\";\n    case \"L\":\n    case \"lg\":\n      return \"L\";\n    case \"XL\":\n      return \"XL\";\n    case \"M\":\n    case \"md\":\n    default:\n      return \"M\";\n  }\n}\n\nfunction requiredIconStyle(size: NormalizedDateRangePickerSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction normalizeFirstDayOfWeek(\n  firstDayOfWeek: DateRangePickerFirstDayOfWeek | 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\nconst dateRangePickerRoot = style(\n  {\n    ...field(),\n    position: \"relative\",\n  },\n  getAllowedOverrides(),\n);\n\nconst dateRangePickerLabelWrapper = style({\n  gridArea: \"label\",\n  display: \"inline\",\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n  },\n});\n\nconst dateRangePickerLabel = style<any>({\n  ...fieldLabel(),\n});\n\nconst dateRangePickerFieldGroup = style({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  transition: \"default\",\n  textWrap: \"nowrap\",\n  paddingStart: \"edge-to-text\",\n  paddingEnd: 4,\n  backgroundColor: {\n    // Flat `gray-25` to match S2 `fieldGroupStyles` — see the DatePicker note.\n    // `baseColor(\"gray-25\")` would inject a phantom hover-darkening the field\n    // surface does not have.\n    default: \"well\",\n    forcedColors: \"Field\",\n  },\n  borderColor: {\n    default: \"well-border\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      default: \"gray-900\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    forcedColors: \"ButtonText\",\n    // Mirror S2 `fieldGroupStyles.color` (Field.tsx): the disabled color nests\n    // its own forced-colors branch so a disabled field in forced-colors resolves\n    // to `GrayText`, not the flat `ButtonText`. A flat `isDisabled: \"disabled\"`\n    // loses that branch and paints ButtonText in forced-colors (matches the\n    // certified single DatePicker).\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst dateRangeInputContainer = style({\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  height: \"full\",\n  overflowX: \"auto\",\n  overflowY: \"hidden\",\n  scrollbarWidth: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n  textWrap: \"nowrap\",\n});\n\nconst dateSegment = style<{\n  isFocused?: boolean;\n  isPunctuation?: boolean;\n  isDisabled?: boolean;\n}>({\n  outlineStyle: \"none\",\n  caretColor: \"transparent\",\n  backgroundColor: {\n    default: \"transparent\",\n    isFocused: \"blue-800\",\n    forcedColors: {\n      default: \"transparent\",\n      isFocused: \"Highlight\",\n    },\n  },\n  color: {\n    isFocused: \"white\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      isFocused: \"HighlightText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  borderRadius: \"[2px]\",\n  paddingX: {\n    default: 2,\n    isPunctuation: 0,\n  },\n  paddingY: 2,\n  forcedColorAdjust: \"none\",\n});\n\nconst dateRangeSeparator = style({\n  flexShrink: 0,\n  paddingX: 2,\n});\n\nconst calendarButtonWrapper = style({\n  flexShrink: 0,\n  flexGrow: 1,\n  display: \"flex\",\n  justifyContent: \"end\",\n});\n\nconst fieldErrorIcon = style({\n  size: fontRelative(20),\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst calendarIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  size: fontRelative(14),\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nconst calendarButton = style<{\n  isOpen?: boolean;\n  isDisabled?: boolean;\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isFocusVisible?: boolean;\n  size: NormalizedDateRangePickerSize;\n}>({\n  ...focusRing(),\n  ...controlBorderRadius(\"sm\"),\n  position: \"relative\",\n  font: {\n    size: {\n      S: \"ui-sm\",\n      M: \"ui\",\n      L: \"ui-lg\",\n      XL: \"ui-xl\",\n    },\n  },\n  cursor: \"default\",\n  display: \"flex\",\n  textAlign: \"center\",\n  borderStyle: \"none\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  width: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32,\n    },\n  },\n  height: \"auto\",\n  marginStart: \"text-to-control\",\n  aspectRatio: \"square\",\n  flexShrink: 0,\n  transition: {\n    default: \"default\",\n    forcedColors: \"none\",\n  },\n  backgroundColor: {\n    default: baseColor(\"gray-100\"),\n    isOpen: \"gray-200\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isHovered: \"Highlight\",\n      isOpen: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n    forcedColors: \"ButtonFace\",\n  },\n});\n\nconst helpText = style<{ isInvalid?: boolean; isDisabled?: boolean }>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  margin: 0,\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\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  // Mirror S2's `helpTextStyles` (Field.mjs) exactly — the same style the\n  // certified DateField/DatePicker help text carries. `--iconPrimary` tints the\n  // FieldError icon and `cursor` is set on the help text ITSELF (not inherited):\n  // `text` at rest, `default` when disabled.\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\nconst dateRangePickerPopover = style<{\n  colorScheme: \"light\" | \"dark\" | \"light dark\";\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  isEntering?: boolean;\n  isExiting?: boolean;\n}>({\n  ...setColorScheme(),\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      default: \"layer-2\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  // Glasselated: frost the scene behind the surface — the container bg is the\n  // translucent `--surface-card`; the blur is what makes it read as glass.\n  backdropFilter: \"var(--blur-card)\",\n  boxShadow: \"elevated\",\n  borderRadius: \"panel\",\n  display: \"flex\",\n  width: \"[max-content]\",\n  maxWidth: \"calc(100vw - 24px)\",\n  padding: 0,\n  minHeight: 0,\n  overflow: \"visible\",\n  boxSizing: \"border-box\",\n  isolation: \"isolate\",\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: {\n    default: lightDark(\"transparent-white-25\", \"gray-200\"),\n    forcedColors: \"ButtonBorder\",\n  },\n  // Byte-copied from the single DatePicker's `datePickerPopover` motion, which\n  // is itself the shared `popover()` enter/exit fade. S2's DateRangePicker\n  // popover is a plain `<Popover>`, so the enter transition IS this generic\n  // opacity/translate fade — driven here by `createEnterAnimation`\n  // (data-entering) inside the shared `DateRangePickerContent`.\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  transition: \"[opacity, translate]\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  pointerEvents: {\n    isExiting: \"none\",\n  },\n});\n\nconst dateRangePickerPopoverFrame = style({\n  paddingX: 16,\n  paddingY: 24,\n  overflow: \"auto\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 16,\n  boxSizing: \"content-box\",\n  width: \"[max-content]\",\n});\n\nconst dateRangePickerTimeFields = style({\n  display: \"flex\",\n  gap: 16,\n  alignItems: \"start\",\n  flexWrap: \"wrap\",\n  maxWidth: \"[272px]\",\n});\n\nfunction DateRangeDisplay(props: {\n  size: NormalizedDateRangePickerSize;\n  isInvalid: boolean;\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  isRequired?: boolean;\n  maxVisibleMonths?: number;\n  minValue?: DateValue;\n  maxValue?: DateValue;\n  // Anchor-aware, matching the RangeCalendar / RangeCalendarStateProps callback\n  // this forwards through (the second arg is the in-progress range's anchor date,\n  // null outside an active range selection). Mirrors upstream's\n  // useRangeCalendarState / DateRangePicker signature.\n  isDateUnavailable?: (date: DateValue, anchorDate: CalendarDate | null) => boolean;\n  allowsNonContiguousRanges?: boolean;\n  createCalendar?: HeadlessDateRangePickerProps[\"createCalendar\"];\n  firstDayOfWeek?: DateRangePickerFirstDayOfWeek | 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  pageBehavior?: \"single\" | \"visible\";\n  hourCycle?: 12 | 24;\n  hideTimeZone?: boolean;\n  placeholderValue?: DateValue;\n}): JSX.Element {\n  const context = useDateRangePickerContext();\n  const theme = useTheme();\n  const state = context.calendarState;\n  const isDisabled = () => state.isDisabled();\n  // S2's FieldGroup renders on RAC's <Group>, whose `useHover` publishes\n  // `data-hovered`; the field text `baseColor(\"neutral\")` brightens one gray step\n  // on hover via a renderProps-gated atomic class (NOT a bare `[data-hovered]`\n  // selector). So the class must be recomputed with `isHovered`; emitting the\n  // attribute alone never brightens the text (D7). Suppress hover while disabled.\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n  // Mirrors S2's shared CalendarButton `buttonRef` → `pressScale(buttonRef)`: the\n  // port sizes the press transform against the real trigger element.\n  const [buttonEl, setButtonEl] = createSignal<HTMLButtonElement>();\n  const timeGranularity = () => {\n    const granularity = context.startFieldState.granularity;\n    return granularity === \"hour\" || granularity === \"minute\" || granularity === \"second\"\n      ? granularity\n      : undefined;\n  };\n  const timeValueFor = (part: \"start\" | \"end\"): TimeValue | null => {\n    const value =\n      part === \"start\" ? context.startFieldState.value() : context.endFieldState.value();\n    return value && \"hour\" in value ? (value as unknown as TimeValue) : null;\n  };\n  const commitTimeValue = (part: \"start\" | \"end\", nextTime: TimeValue | null) => {\n    if (!nextTime) {\n      return;\n    }\n\n    const fieldState = part === \"start\" ? context.startFieldState : context.endFieldState;\n    const currentValue = fieldState.value();\n    if (!currentValue) {\n      return;\n    }\n\n    let nextValue: DateValue = toCalendarDateTime(currentValue, nextTime);\n    if (\"timeZone\" in currentValue && !(\"timeZone\" in nextValue)) {\n      nextValue = toZoned(nextValue as CalendarDateTime, currentValue.timeZone);\n    }\n    fieldState.setValue(nextValue);\n  };\n  const timeMinValue = () =>\n    props.minValue && \"hour\" in props.minValue\n      ? (props.minValue as unknown as TimeValue)\n      : undefined;\n  const timeMaxValue = () =>\n    props.maxValue && \"hour\" in props.maxValue\n      ? (props.maxValue as unknown as TimeValue)\n      : undefined;\n\n  return (\n    <>\n      <Show when={props.label}>\n        <div class={dateRangePickerLabelWrapper({ size: props.size, labelPosition: \"top\" })}>\n          <HeadlessDateRangePickerLabel\n            class={dateRangePickerLabel({ size: props.size, isDisabled: isDisabled() })}\n          >\n            {props.label}\n            <Show when={props.isRequired}>\n              <span class={noWrap}>\n                &nbsp;\n                <AsteriskIcon\n                  size={props.size === \"S\" ? \"M\" : props.size}\n                  styles={requiredIcon}\n                  style={requiredIconStyle(props.size)}\n                  aria-hidden=\"true\"\n                />\n              </span>\n            </Show>\n          </HeadlessDateRangePickerLabel>\n        </div>\n      </Show>\n\n      <div\n        {...context.pickerAria.groupProps}\n        {...hoverProps}\n        // S2 seeds its FieldGroup's RAC <Group> with role=\"presentation\", overriding\n        // the faithful role=\"group\" that `createDateRangePicker` returns (RAC\n        // useDateRangePicker groupProps). Placed after the spread so it wins.\n        role=\"presentation\"\n        class={dateRangePickerFieldGroup({\n          size: props.size,\n          isInvalid: props.isInvalid,\n          isDisabled: isDisabled(),\n          isHovered: isHovered(),\n        })}\n        onClick={(event) => {\n          const target = event.target as HTMLElement;\n          if (target.closest('button, [role=\"spinbutton\"]')) {\n            return;\n          }\n          event.currentTarget.querySelector<HTMLElement>('[role=\"spinbutton\"]')?.focus();\n        }}\n        data-hovered={isHovered() ? \"true\" : undefined}\n      >\n        <div class={dateRangeInputContainer}>\n          <DateInput slot=\"start\" class=\"\">\n            {(segment) => (\n              <DateSegment\n                segment={segment}\n                class={({ isFocused, isEditable }) =>\n                  dateSegment({\n                    isFocused,\n                    isDisabled: !isEditable && isDisabled(),\n                    isPunctuation: segment.type === \"literal\",\n                  })\n                }\n              />\n            )}\n          </DateInput>\n          <span class={dateRangeSeparator} aria-hidden=\"true\">\n            &ndash;\n          </span>\n          <DateInput slot=\"end\" class=\"\">\n            {(segment) => (\n              <DateSegment\n                segment={segment}\n                class={({ isFocused, isEditable }) =>\n                  dateSegment({\n                    isFocused,\n                    isDisabled: !isEditable && isDisabled(),\n                    isPunctuation: segment.type === \"literal\",\n                  })\n                }\n              />\n            )}\n          </DateInput>\n        </div>\n\n        <Show when={props.isInvalid}>\n          <CenterBaseline>\n            <AlertTriangleIcon styles={fieldErrorIcon} />\n          </CenterBaseline>\n        </Show>\n\n        <div class={calendarButtonWrapper}>\n          <DateRangePickerButton\n            ref={setButtonEl}\n            class={({ isDisabled, isOpen, isHovered, isPressed, isFocusVisible }) =>\n              calendarButton({\n                isDisabled,\n                isOpen,\n                isHovered,\n                isPressed,\n                isFocusVisible,\n                size: props.size,\n              })\n            }\n            style={pressScale(buttonEl)}\n          >\n            <S2CalendarIcon styles={calendarIcon} />\n          </DateRangePickerButton>\n        </div>\n\n        <DateRangePickerContent\n          class={(rp) =>\n            dateRangePickerPopover({\n              colorScheme: theme.colorScheme,\n              placement: rp.placement ?? undefined,\n              isEntering: rp.isEntering,\n              isExiting: rp.isExiting,\n            })\n          }\n        >\n          <div class={dateRangePickerPopoverFrame} style={{ \"min-width\": \"240px\" }}>\n            <RangeCalendar\n              size=\"md\"\n              value={state.value?.() ?? undefined}\n              onChange={(value) => state.setValue(value)}\n              minValue={props.minValue}\n              maxValue={props.maxValue}\n              isDateUnavailable={props.isDateUnavailable}\n              allowsNonContiguousRanges={props.allowsNonContiguousRanges}\n              createCalendar={props.createCalendar}\n              firstDayOfWeek={props.firstDayOfWeek}\n              pageBehavior={props.pageBehavior}\n              isInvalid={props.isInvalid}\n              errorMessage={props.isInvalid ? props.errorMessage : undefined}\n              visibleMonths={props.maxVisibleMonths ?? 1}\n            />\n            <Show when={timeGranularity()}>\n              <div class={dateRangePickerTimeFields}>\n                <TimeField\n                  size=\"md\"\n                  label=\"Start time\"\n                  value={timeValueFor(\"start\") ?? undefined}\n                  minValue={timeMinValue()}\n                  maxValue={timeMaxValue()}\n                  granularity={timeGranularity()}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  placeholderValue={\n                    props.placeholderValue && \"hour\" in props.placeholderValue\n                      ? (props.placeholderValue as unknown as TimeValue)\n                      : undefined\n                  }\n                  onChange={(nextValue) => commitTimeValue(\"start\", nextValue)}\n                />\n                <TimeField\n                  size=\"md\"\n                  label=\"End time\"\n                  value={timeValueFor(\"end\") ?? undefined}\n                  minValue={timeMinValue()}\n                  maxValue={timeMaxValue()}\n                  granularity={timeGranularity()}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  placeholderValue={\n                    props.placeholderValue && \"hour\" in props.placeholderValue\n                      ? (props.placeholderValue as unknown as TimeValue)\n                      : undefined\n                  }\n                  onChange={(nextValue) => commitTimeValue(\"end\", nextValue)}\n                />\n              </div>\n            </Show>\n          </div>\n        </DateRangePickerContent>\n      </div>\n\n      <Show when={props.description && !props.isInvalid}>\n        <HeadlessDateRangePickerDescription\n          class={helpText({ size: props.size, isInvalid: false, isDisabled: isDisabled() })}\n        >\n          {props.description}\n        </HeadlessDateRangePickerDescription>\n      </Show>\n\n      <Show when={props.isInvalid && props.errorMessage}>\n        <HeadlessDateRangePickerErrorMessage\n          class={helpText({ size: props.size, isInvalid: true, isDisabled: isDisabled() })}\n        >\n          {props.errorMessage}\n        </HeadlessDateRangePickerErrorMessage>\n      </Show>\n    </>\n  );\n}\n\n/**\n * A date range picker combines two date display fields with a range calendar popup.\n */\nexport function DateRangePicker<T extends DateValue = CalendarDate>(\n  props: DateRangePickerProps<T>,\n): JSX.Element {\n  const providerProps = useProviderProps(props);\n  const contextProps = getSlottedContextProps(\n    useContext(DateRangePickerContext),\n    (props as any).slot,\n  );\n  const merged = mergeProps(providerProps, contextProps ?? {}, props);\n  const [local, calendarProps, rest] = splitProps(\n    merged,\n    [\"size\", \"class\", \"label\", \"description\", \"errorMessage\", \"isInvalid\", \"maxVisibleMonths\"],\n    [\n      \"minValue\",\n      \"maxValue\",\n      \"isDateUnavailable\",\n      \"firstDayOfWeek\",\n      \"pageBehavior\",\n      \"allowsNonContiguousRanges\",\n      \"placeholderValue\",\n      \"createCalendar\",\n    ],\n  );\n\n  const size = () => normalizeDateRangePickerSize(local.size);\n  const isInvalid = () => local.isInvalid === true;\n  const maxVisibleMonths = () => Math.max(1, Number(local.maxVisibleMonths ?? 1));\n  const locale = useLocale();\n\n  return (\n    <HeadlessDateRangePicker\n      {...calendarProps}\n      {...rest}\n      firstDayOfWeek={normalizeFirstDayOfWeek(calendarProps.firstDayOfWeek)}\n      visibleMonths={maxVisibleMonths()}\n      locale={(rest as { locale?: string }).locale ?? locale().locale}\n      label={local.label}\n      description={local.description}\n      errorMessage={local.errorMessage}\n      isInvalid={isInvalid()}\n      class={(renderProps) =>\n        [\n          local.class,\n          dateRangePickerRoot({\n            ...renderProps,\n            size: size(),\n            labelPosition: \"top\",\n            isInForm: false,\n          }),\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n    >\n      <DateRangeDisplay\n        size={size()}\n        isInvalid={isInvalid()}\n        label={local.label}\n        description={local.description}\n        errorMessage={local.errorMessage}\n        isRequired={rest.isRequired}\n        maxVisibleMonths={maxVisibleMonths()}\n        minValue={calendarProps.minValue}\n        maxValue={calendarProps.maxValue}\n        isDateUnavailable={calendarProps.isDateUnavailable}\n        allowsNonContiguousRanges={calendarProps.allowsNonContiguousRanges}\n        createCalendar={calendarProps.createCalendar}\n        firstDayOfWeek={calendarProps.firstDayOfWeek}\n        pageBehavior={calendarProps.pageBehavior}\n        hourCycle={(rest as { hourCycle?: 12 | 24 }).hourCycle}\n        hideTimeZone={(rest as { hideTimeZone?: boolean }).hideTimeZone}\n        placeholderValue={calendarProps.placeholderValue}\n      />\n    </HeadlessDateRangePicker>\n  );\n}\n\nexport type { CalendarDate, DateValue };\n"],"mappings":"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"}
+{"version":3,"file":"DateRangePicker.jsx","names":[],"sources":["../../src/calendar/DateRangePicker.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/DateRangePicker.tsx\n\n// Port of packages/@react-spectrum/s2/src/DateRangePicker.tsx.\n\n// Style-system types need a dedicated pass; removing this would require\n// fixing style-definition type mismatches unrelated to component behavior.\nimport { createContext, createSignal, Show, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  DateRangePicker as HeadlessDateRangePicker,\n  DateRangePickerLabel as HeadlessDateRangePickerLabel,\n  DateRangePickerDescription as HeadlessDateRangePickerDescription,\n  DateRangePickerErrorMessage as HeadlessDateRangePickerErrorMessage,\n  DateRangePickerButton,\n  DateRangePickerContent,\n  DateInput,\n  DateSegment,\n  useDateRangePickerContext,\n  type DateRangePickerProps as HeadlessDateRangePickerProps,\n  type CalendarDate,\n  type DateValue,\n} from \"@proyecto-viviana/solidaria-components\";\nimport {\n  mergeProps,\n  createHover,\n  createStringFormatter,\n  useLocale,\n} from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport {\n  type CalendarDateTime,\n  type TimeValue,\n  toCalendarDateTime,\n  toZoned,\n} from \"@proyecto-viviana/solid-stately\";\nimport { RangeCalendar } from \"./RangeCalendar\";\nimport { TimeField } from \"../datepicker\";\nimport {\n  baseColor,\n  focusRing,\n  fontRelative,\n  lightDark,\n  setColorScheme,\n  style,\n} from \"../style\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport S2CalendarIcon from \"../icon/s2wf-icons/CalendarIcon\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { useProviderProps, useTheme } from \"../provider\";\nimport { getSlottedContextProps, type SpectrumContextValue } from \"../button/spectrum-context\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  control,\n  controlBorderRadius,\n  controlFont,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\n\nexport type DateRangePickerSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype NormalizedDateRangePickerSize = \"S\" | \"M\" | \"L\" | \"XL\";\ntype DateRangePickerFirstDayOfWeek = \"sun\" | \"mon\" | \"tue\" | \"wed\" | \"thu\" | \"fri\" | \"sat\";\n\nexport interface DateRangePickerProps<T extends DateValue = DateValue> extends Omit<\n  HeadlessDateRangePickerProps<T>,\n  \"class\" | \"style\" | \"children\" | \"firstDayOfWeek\"\n> {\n  /** The size of the picker. @default 'M' */\n  size?: DateRangePickerSize;\n  /** Additional CSS class name. */\n  class?: string;\n  /** Label for the field. */\n  label?: string;\n  /** Description text. */\n  description?: string;\n  /** Error message. */\n  errorMessage?: string;\n  /** The maximum number of months to display in the range calendar popover. */\n  maxVisibleMonths?: number;\n  /** The day that starts the week. */\n  firstDayOfWeek?: DateRangePickerFirstDayOfWeek | 0 | 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nexport const DateRangePickerContext =\n  createContext<SpectrumContextValue<DateRangePickerProps<any>>>(null);\n\nfunction normalizeDateRangePickerSize(\n  size: DateRangePickerSize | undefined,\n): NormalizedDateRangePickerSize {\n  switch (size) {\n    case \"S\":\n    case \"sm\":\n      return \"S\";\n    case \"L\":\n    case \"lg\":\n      return \"L\";\n    case \"XL\":\n      return \"XL\";\n    case \"M\":\n    case \"md\":\n    default:\n      return \"M\";\n  }\n}\n\nfunction requiredIconStyle(size: NormalizedDateRangePickerSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction normalizeFirstDayOfWeek(\n  firstDayOfWeek: DateRangePickerFirstDayOfWeek | 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\nconst dateRangePickerRoot = style(\n  {\n    ...field(),\n    position: \"relative\",\n  },\n  getAllowedOverrides(),\n);\n\nconst dateRangePickerLabelWrapper = style({\n  gridArea: \"label\",\n  display: \"inline\",\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n  },\n});\n\nconst dateRangePickerLabel = style<any>({\n  ...fieldLabel(),\n});\n\nconst dateRangePickerFieldGroup = style({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  transition: \"default\",\n  textWrap: \"nowrap\",\n  paddingStart: \"edge-to-text\",\n  paddingEnd: 4,\n  backgroundColor: {\n    // Flat `gray-25` to match S2 `fieldGroupStyles` — see the DatePicker note.\n    // `baseColor(\"gray-25\")` would inject a phantom hover-darkening the field\n    // surface does not have.\n    default: \"well\",\n    forcedColors: \"Field\",\n  },\n  borderColor: {\n    default: \"well-border\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      default: \"gray-900\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    forcedColors: \"ButtonText\",\n    // Mirror S2 `fieldGroupStyles.color` (Field.tsx): the disabled color nests\n    // its own forced-colors branch so a disabled field in forced-colors resolves\n    // to `GrayText`, not the flat `ButtonText`. A flat `isDisabled: \"disabled\"`\n    // loses that branch and paints ButtonText in forced-colors (matches the\n    // certified single DatePicker).\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst dateRangeInputContainer = style({\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  height: \"full\",\n  overflowX: \"auto\",\n  overflowY: \"hidden\",\n  scrollbarWidth: \"none\",\n  display: \"flex\",\n  alignItems: \"center\",\n  textWrap: \"nowrap\",\n});\n\nconst dateSegment = style<{\n  isFocused?: boolean;\n  isPunctuation?: boolean;\n  isDisabled?: boolean;\n}>({\n  outlineStyle: \"none\",\n  caretColor: \"transparent\",\n  backgroundColor: {\n    default: \"transparent\",\n    isFocused: \"blue-800\",\n    forcedColors: {\n      default: \"transparent\",\n      isFocused: \"Highlight\",\n    },\n  },\n  color: {\n    isFocused: \"white\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      isFocused: \"HighlightText\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  borderRadius: \"[2px]\",\n  paddingX: {\n    default: 2,\n    isPunctuation: 0,\n  },\n  paddingY: 2,\n  forcedColorAdjust: \"none\",\n});\n\nconst dateRangeSeparator = style({\n  flexShrink: 0,\n  paddingX: 2,\n});\n\nconst calendarButtonWrapper = style({\n  flexShrink: 0,\n  flexGrow: 1,\n  display: \"flex\",\n  justifyContent: \"end\",\n});\n\nconst fieldErrorIcon = style({\n  size: \"1lh\",\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative-1000\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst calendarIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  size: fontRelative(14),\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nconst calendarButton = style<{\n  isOpen?: boolean;\n  isDisabled?: boolean;\n  isHovered?: boolean;\n  isPressed?: boolean;\n  isFocusVisible?: boolean;\n  size: NormalizedDateRangePickerSize;\n}>({\n  ...focusRing(),\n  ...controlBorderRadius(\"sm\"),\n  position: \"relative\",\n  font: {\n    size: {\n      S: \"ui-sm\",\n      M: \"ui\",\n      L: \"ui-lg\",\n      XL: \"ui-xl\",\n    },\n  },\n  cursor: \"default\",\n  display: \"flex\",\n  textAlign: \"center\",\n  borderStyle: \"none\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  width: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32,\n    },\n  },\n  height: \"auto\",\n  marginStart: \"text-to-control\",\n  aspectRatio: \"square\",\n  flexShrink: 0,\n  transition: {\n    default: \"default\",\n    forcedColors: \"none\",\n  },\n  backgroundColor: {\n    default: baseColor(\"gray-100\"),\n    isOpen: \"gray-200\",\n    isDisabled: \"disabled\",\n    forcedColors: {\n      default: \"ButtonText\",\n      isHovered: \"Highlight\",\n      isOpen: \"Highlight\",\n      isDisabled: \"GrayText\",\n    },\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    isDisabled: \"disabled\",\n    forcedColors: \"ButtonFace\",\n  },\n});\n\nconst helpText = style<{ isInvalid?: boolean; isDisabled?: boolean }>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  margin: 0,\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\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  // Mirror S2's `helpTextStyles` (Field.mjs) exactly — the same style the\n  // certified DateField/DatePicker help text carries. `--iconPrimary` tints the\n  // FieldError icon and `cursor` is set on the help text ITSELF (not inherited):\n  // `text` at rest, `default` when disabled.\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\nconst dateRangePickerPopover = style<{\n  colorScheme: \"light\" | \"dark\" | \"light dark\";\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  isEntering?: boolean;\n  isExiting?: boolean;\n}>({\n  ...setColorScheme(),\n  \"--s2-container-bg\": {\n    type: \"backgroundColor\",\n    value: {\n      default: \"layer-2\",\n      forcedColors: \"Background\",\n    },\n  },\n  backgroundColor: \"--s2-container-bg\",\n  // Glasselated: frost the scene behind the surface — the container bg is the\n  // translucent `--surface-card`; the blur is what makes it read as glass.\n  backdropFilter: \"var(--blur-card)\",\n  boxShadow: \"elevated\",\n  borderRadius: \"panel\",\n  display: \"flex\",\n  width: \"[max-content]\",\n  maxWidth: \"calc(100vw - 24px)\",\n  padding: 0,\n  minHeight: 0,\n  overflow: \"visible\",\n  boxSizing: \"border-box\",\n  isolation: \"isolate\",\n  outlineStyle: \"solid\",\n  outlineWidth: 1,\n  outlineColor: {\n    default: lightDark(\"transparent-white-25\", \"gray-200\"),\n    forcedColors: \"ButtonBorder\",\n  },\n  // Byte-copied from the single DatePicker's `datePickerPopover` motion, which\n  // is itself the shared `popover()` enter/exit fade. S2's DateRangePicker\n  // popover is a plain `<Popover>`, so the enter transition IS this generic\n  // opacity/translate fade — driven by headless Popover `isEntering` / `isExiting`\n  // render props inside the shared `DateRangePickerContent`.\n  opacity: {\n    isEntering: 0,\n    isExiting: 0,\n  },\n  translateY: {\n    placement: {\n      top: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      bottom: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  translateX: {\n    placement: {\n      left: {\n        isEntering: 4,\n        isExiting: 4,\n      },\n      right: {\n        isEntering: -4,\n        isExiting: -4,\n      },\n    },\n  },\n  transition: \"[opacity, translate]\",\n  transitionDuration: 200,\n  transitionTimingFunction: {\n    isExiting: \"in\",\n  },\n  pointerEvents: {\n    isExiting: \"none\",\n  },\n});\n\nconst dateRangePickerPopoverFrame = style({\n  paddingX: 16,\n  paddingY: 24,\n  overflow: \"auto\",\n  display: \"flex\",\n  flexDirection: \"column\",\n  gap: 16,\n  boxSizing: \"content-box\",\n  width: \"[max-content]\",\n});\n\nconst dateRangePickerTimeFields = style({\n  display: \"flex\",\n  gap: 16,\n  alignItems: \"start\",\n  flexWrap: \"wrap\",\n  maxWidth: \"[272px]\",\n});\n\nfunction DateRangeDisplay(props: {\n  size: NormalizedDateRangePickerSize;\n  isInvalid: boolean;\n  label?: string;\n  description?: string;\n  errorMessage?: string;\n  isRequired?: boolean;\n  maxVisibleMonths?: number;\n  minValue?: DateValue;\n  maxValue?: DateValue;\n  // Anchor-aware, matching the RangeCalendar / RangeCalendarStateProps callback\n  // this forwards through (the second arg is the in-progress range's anchor date,\n  // null outside an active range selection). Mirrors upstream's\n  // useRangeCalendarState / DateRangePicker signature.\n  isDateUnavailable?: (date: DateValue, anchorDate: CalendarDate | null) => boolean;\n  allowsNonContiguousRanges?: boolean;\n  createCalendar?: HeadlessDateRangePickerProps[\"createCalendar\"];\n  firstDayOfWeek?: DateRangePickerFirstDayOfWeek | 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  pageBehavior?: \"single\" | \"visible\";\n  hourCycle?: 12 | 24;\n  hideTimeZone?: boolean;\n  placeholderValue?: DateValue;\n}): JSX.Element {\n  const context = useDateRangePickerContext();\n  const theme = useTheme();\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const state = context.calendarState;\n  const isDisabled = () => state.isDisabled();\n  // S2's FieldGroup renders on RAC's <Group>, whose `useHover` publishes\n  // `data-hovered`; the field text `baseColor(\"neutral\")` brightens one gray step\n  // on hover via a renderProps-gated atomic class (NOT a bare `[data-hovered]`\n  // selector). So the class must be recomputed with `isHovered`; emitting the\n  // attribute alone never brightens the text (D7). Suppress hover while disabled.\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n  // Mirrors S2's shared CalendarButton `buttonRef` → `pressScale(buttonRef)`: the\n  // port sizes the press transform against the real trigger element.\n  const [buttonEl, setButtonEl] = createSignal<HTMLButtonElement>();\n  const timeGranularity = () => {\n    const granularity = context.startFieldState.granularity;\n    return granularity === \"hour\" || granularity === \"minute\" || granularity === \"second\"\n      ? granularity\n      : undefined;\n  };\n  const timeValueFor = (part: \"start\" | \"end\"): TimeValue | null => {\n    const value =\n      part === \"start\" ? context.startFieldState.value() : context.endFieldState.value();\n    return value && \"hour\" in value ? (value as unknown as TimeValue) : null;\n  };\n  const commitTimeValue = (part: \"start\" | \"end\", nextTime: TimeValue | null) => {\n    if (!nextTime) {\n      return;\n    }\n\n    const fieldState = part === \"start\" ? context.startFieldState : context.endFieldState;\n    const currentValue = fieldState.value();\n    if (!currentValue) {\n      return;\n    }\n\n    let nextValue: DateValue = toCalendarDateTime(currentValue, nextTime);\n    if (\"timeZone\" in currentValue && !(\"timeZone\" in nextValue)) {\n      nextValue = toZoned(nextValue as CalendarDateTime, currentValue.timeZone);\n    }\n    fieldState.setValue(nextValue);\n  };\n  const timeMinValue = () =>\n    props.minValue && \"hour\" in props.minValue\n      ? (props.minValue as unknown as TimeValue)\n      : undefined;\n  const timeMaxValue = () =>\n    props.maxValue && \"hour\" in props.maxValue\n      ? (props.maxValue as unknown as TimeValue)\n      : undefined;\n\n  return (\n    <>\n      <Show when={props.label}>\n        <div class={dateRangePickerLabelWrapper({ size: props.size, labelPosition: \"top\" })}>\n          <HeadlessDateRangePickerLabel\n            class={dateRangePickerLabel({ size: props.size, isDisabled: isDisabled() })}\n          >\n            {props.label}\n            <Show when={props.isRequired}>\n              <span class={noWrap}>\n                &nbsp;\n                <AsteriskIcon\n                  size={props.size === \"S\" ? \"M\" : props.size}\n                  styles={requiredIcon}\n                  style={requiredIconStyle(props.size)}\n                  aria-hidden=\"true\"\n                />\n              </span>\n            </Show>\n          </HeadlessDateRangePickerLabel>\n        </div>\n      </Show>\n\n      <div\n        {...context.pickerAria.groupProps}\n        {...hoverProps}\n        // S2 seeds its FieldGroup's RAC <Group> with role=\"presentation\", overriding\n        // the faithful role=\"group\" that `createDateRangePicker` returns (RAC\n        // useDateRangePicker groupProps). Placed after the spread so it wins.\n        role=\"presentation\"\n        class={dateRangePickerFieldGroup({\n          size: props.size,\n          isInvalid: props.isInvalid,\n          isDisabled: isDisabled(),\n          isHovered: isHovered(),\n        })}\n        onClick={(event) => {\n          const target = event.target as HTMLElement;\n          if (target.closest('button, [role=\"spinbutton\"]')) {\n            return;\n          }\n          event.currentTarget.querySelector<HTMLElement>('[role=\"spinbutton\"]')?.focus();\n        }}\n        data-hovered={isHovered() ? \"true\" : undefined}\n      >\n        <div class={dateRangeInputContainer}>\n          <DateInput slot=\"start\" class=\"\">\n            {(segment) => (\n              <DateSegment\n                segment={segment}\n                class={({ isFocused, isEditable }) =>\n                  dateSegment({\n                    isFocused,\n                    isDisabled: !isEditable && isDisabled(),\n                    isPunctuation: segment.type === \"literal\",\n                  })\n                }\n              />\n            )}\n          </DateInput>\n          <span class={dateRangeSeparator} aria-hidden=\"true\">\n            &ndash;\n          </span>\n          <DateInput slot=\"end\" class=\"\">\n            {(segment) => (\n              <DateSegment\n                segment={segment}\n                class={({ isFocused, isEditable }) =>\n                  dateSegment({\n                    isFocused,\n                    isDisabled: !isEditable && isDisabled(),\n                    isPunctuation: segment.type === \"literal\",\n                  })\n                }\n              />\n            )}\n          </DateInput>\n        </div>\n\n        <Show when={props.isInvalid}>\n          <CenterBaseline>\n            <AlertTriangleIcon styles={fieldErrorIcon} />\n          </CenterBaseline>\n        </Show>\n\n        <div class={calendarButtonWrapper}>\n          <DateRangePickerButton\n            ref={setButtonEl}\n            class={(renderProps) =>\n              calendarButton({\n                ...renderProps,\n                size: props.size,\n              })\n            }\n            style={pressScale(buttonEl)}\n          >\n            <S2CalendarIcon styles={calendarIcon} />\n          </DateRangePickerButton>\n        </div>\n\n        <DateRangePickerContent\n          class={(rp) =>\n            dateRangePickerPopover({\n              colorScheme: theme.colorScheme,\n              placement: rp.placement ?? \"bottom\",\n              isEntering: rp.isEntering,\n              isExiting: rp.isExiting,\n            })\n          }\n        >\n          <div class={dateRangePickerPopoverFrame} style={{ \"min-width\": \"240px\" }}>\n            <RangeCalendar\n              size=\"md\"\n              value={state.value?.() ?? undefined}\n              onChange={(value) => state.setValue(value)}\n              minValue={props.minValue}\n              maxValue={props.maxValue}\n              isDateUnavailable={props.isDateUnavailable}\n              allowsNonContiguousRanges={props.allowsNonContiguousRanges}\n              createCalendar={props.createCalendar}\n              firstDayOfWeek={props.firstDayOfWeek}\n              pageBehavior={props.pageBehavior}\n              isInvalid={props.isInvalid}\n              errorMessage={props.isInvalid ? props.errorMessage : undefined}\n              visibleMonths={props.maxVisibleMonths ?? 1}\n            />\n            <Show when={timeGranularity()}>\n              <div class={dateRangePickerTimeFields}>\n                <TimeField\n                  size=\"md\"\n                  label={stringFormatter().format(\"datepicker.startTime\")}\n                  value={timeValueFor(\"start\") ?? undefined}\n                  minValue={timeMinValue()}\n                  maxValue={timeMaxValue()}\n                  granularity={timeGranularity()}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  placeholderValue={\n                    props.placeholderValue && \"hour\" in props.placeholderValue\n                      ? (props.placeholderValue as unknown as TimeValue)\n                      : undefined\n                  }\n                  onChange={(nextValue) => commitTimeValue(\"start\", nextValue)}\n                />\n                <TimeField\n                  size=\"md\"\n                  label={stringFormatter().format(\"datepicker.endTime\")}\n                  value={timeValueFor(\"end\") ?? undefined}\n                  minValue={timeMinValue()}\n                  maxValue={timeMaxValue()}\n                  granularity={timeGranularity()}\n                  hourCycle={props.hourCycle}\n                  hideTimeZone={props.hideTimeZone}\n                  placeholderValue={\n                    props.placeholderValue && \"hour\" in props.placeholderValue\n                      ? (props.placeholderValue as unknown as TimeValue)\n                      : undefined\n                  }\n                  onChange={(nextValue) => commitTimeValue(\"end\", nextValue)}\n                />\n              </div>\n            </Show>\n          </div>\n        </DateRangePickerContent>\n      </div>\n\n      <Show when={props.description && !props.isInvalid}>\n        <HeadlessDateRangePickerDescription\n          class={helpText({ size: props.size, isInvalid: false, isDisabled: isDisabled() })}\n        >\n          {props.description}\n        </HeadlessDateRangePickerDescription>\n      </Show>\n\n      <Show when={props.isInvalid && props.errorMessage}>\n        <HeadlessDateRangePickerErrorMessage\n          class={helpText({ size: props.size, isInvalid: true, isDisabled: isDisabled() })}\n        >\n          {props.errorMessage}\n        </HeadlessDateRangePickerErrorMessage>\n      </Show>\n    </>\n  );\n}\n\n/**\n * A date range picker combines two date display fields with a range calendar popup.\n */\nexport function DateRangePicker<T extends DateValue = CalendarDate>(\n  props: DateRangePickerProps<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(\n    useContext(DateRangePickerContext),\n    (props as any).slot,\n  );\n  const merged = mergeProps(flags, contextProps ?? {}, props);\n  const [local, calendarProps, rest] = splitProps(\n    merged,\n    [\"size\", \"class\", \"label\", \"description\", \"errorMessage\", \"isInvalid\", \"maxVisibleMonths\"],\n    [\n      \"minValue\",\n      \"maxValue\",\n      \"isDateUnavailable\",\n      \"firstDayOfWeek\",\n      \"pageBehavior\",\n      \"allowsNonContiguousRanges\",\n      \"placeholderValue\",\n      \"createCalendar\",\n    ],\n  );\n\n  const size = () => normalizeDateRangePickerSize(local.size);\n  const isInvalid = () => local.isInvalid === true;\n  const maxVisibleMonths = () => Math.max(1, Number(local.maxVisibleMonths ?? 1));\n  const locale = useLocale();\n\n  return (\n    <HeadlessDateRangePicker\n      {...calendarProps}\n      {...rest}\n      firstDayOfWeek={normalizeFirstDayOfWeek(calendarProps.firstDayOfWeek)}\n      visibleMonths={maxVisibleMonths()}\n      locale={(rest as { locale?: string }).locale ?? locale().locale}\n      label={local.label}\n      description={local.description}\n      errorMessage={local.errorMessage}\n      isInvalid={isInvalid()}\n      class={(renderProps) =>\n        [\n          local.class,\n          dateRangePickerRoot({\n            ...renderProps,\n            size: size(),\n            labelPosition: \"top\",\n            isInForm: false,\n          }),\n        ]\n          .filter(Boolean)\n          .join(\" \")\n      }\n    >\n      <DateRangeDisplay\n        size={size()}\n        isInvalid={isInvalid()}\n        label={local.label}\n        description={local.description}\n        errorMessage={local.errorMessage}\n        isRequired={rest.isRequired}\n        maxVisibleMonths={maxVisibleMonths()}\n        minValue={calendarProps.minValue}\n        maxValue={calendarProps.maxValue}\n        isDateUnavailable={calendarProps.isDateUnavailable}\n        allowsNonContiguousRanges={calendarProps.allowsNonContiguousRanges}\n        createCalendar={calendarProps.createCalendar}\n        firstDayOfWeek={calendarProps.firstDayOfWeek}\n        pageBehavior={calendarProps.pageBehavior}\n        hourCycle={(rest as { hourCycle?: 12 | 24 }).hourCycle}\n        hideTimeZone={(rest as { hideTimeZone?: boolean }).hideTimeZone}\n        placeholderValue={calendarProps.placeholderValue}\n      />\n    </HeadlessDateRangePicker>\n  );\n}\n\nexport type { CalendarDate, DateValue };\n"],"mappings":"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"}

package/dist/calendar/RangeCalendar.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type CalendarDate, type DateValue, type RangeValue } from "@proyecto-viviana/solidaria-components";
 import { type RangeCalendarStateProps } from "@proyecto-viviana/solid-stately";
 import type { StyleString } from "../style";

package/dist/calendar/RangeCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../src/calendar/RangeCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,GAAG,EAUT,MAAM,UAAU,CAAC;AAClB,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,UAAU,EAChB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAM5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhG,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,IAAI,CAC/E,uBAAuB,CAAC,CAAC,CAAC,EAC1B,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAChD;IACC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,cAAc,CAAC,EAAE,2BAA2B,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzE,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,eAAe,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAChE,uEAAuE;IACvE,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,oBAAoB,2EACmC,CAAC;AAunBrE;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC9D,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC3B,GAAG,CAAC,OAAO,CA+Ib;AAED,YAAY,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"RangeCalendar.d.ts","sourceRoot":"","sources":["../../src/calendar/RangeCalendar.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,SAAS,EAEd,KAAK,UAAU,EAChB,MAAM,wCAAwC,CAAC;AAGhD,OAAO,EAAiB,KAAK,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC9F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAY5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAKL,KAAK,OAAO,EACZ,KAAK,oBAAoB,EAC1B,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,iBAAiB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnF,MAAM,MAAM,2BAA2B,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhG,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,IAAI,CAC/E,uBAAuB,CAAC,CAAC,CAAC,EAC1B,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAChD;IACC,8CAA8C;IAC9C,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,CAAC;IACvD,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC5C,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,cAAc,CAAC,EAAE,2BAA2B,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzE,+EAA+E;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,eAAe,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAChE,uEAAuE;IACvE,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,oBAAoB,2EACmC,CAAC;AAsnBrE;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,YAAY,EAC9D,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC3B,GAAG,CAAC,OAAO,CAyJb;AAED,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/calendar/TimeField.d.ts

@@ -1,4 +1,4 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "@solidjs/web";
 import { type TimeFieldProps as HeadlessTimeFieldProps, type TimeValue } from "@proyecto-viviana/solidaria-components";
 import type { StyleString } from "../style";
 import { type SpectrumContextValue } from "../button/spectrum-context";

package/dist/calendar/TimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/calendar/TimeField.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,GAAG,EAMT,MAAM,UAAU,CAAC;AAClB,OAAO,EAQL,KAAK,cAAc,IAAI,sBAAsB,EAG7C,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AAMhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAe5C,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAE/F,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,CAAC;AAClD,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,IAAI,CAC3E,sBAAsB,CAAC,CAAC,CAAC,EACzB,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,wBAAwB;IACxB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,qBAAqB;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,mDAAmD;IACnD,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,uCAAuC;IACvC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,2BAA2B,CAAC;CAClD;AAED,eAAO,MAAM,gBAAgB,uEAAiE,CAAC;AAyY/F;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2EhG;AAED,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/calendar/TimeField.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAQL,KAAK,cAAc,IAAI,sBAAsB,EAG7C,KAAK,SAAS,EACf,MAAM,wCAAwC,CAAC;AAOhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAiB5C,OAAO,EAA0B,KAAK,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAG/F,MAAM,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExE,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,MAAM,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,KAAK,CAAC;AAClD,MAAM,MAAM,2BAA2B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,CAAE,SAAQ,IAAI,CAC3E,sBAAsB,CAAC,CAAC,CAAC,EACzB,OAAO,GAAG,OAAO,GAAG,UAAU,CAC/B;IACC,0CAA0C;IAC1C,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,YAAY,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,wBAAwB;IACxB,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC1B,qBAAqB;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,mDAAmD;IACnD,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,uCAAuC;IACvC,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,0DAA0D;IAC1D,kBAAkB,CAAC,EAAE,2BAA2B,CAAC;CAClD;AAED,eAAO,MAAM,gBAAgB,uEAAiE,CAAC;AAgZ/F;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CA2EhG;AAED,YAAY,EAAE,SAAS,EAAE,CAAC"}