@dev-dga/react 0.12.1 → 0.13.0

package/dist/chunk-P7XKSXHH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useMemo, useState, type ReactNode } from 'react';\nimport {\n  Button as AriaButton,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  DateInput as AriaDateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateSegment as AriaDateSegment,\n  Dialog as AriaDialog,\n  FieldError as AriaFieldError,\n  Group as AriaGroup,\n  I18nProvider,\n  Label as AriaLabel,\n  Popover as AriaPopover,\n  RangeCalendar as AriaRangeCalendar,\n  Text as AriaText,\n} from 'react-aria-components';\nimport { CalendarDate, type DateValue } from '@internationalized/date';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport {\n  CalendarNavHeader,\n  CalendarSystemToggle,\n  calendarDateToDate,\n  dateToCalendarDate,\n  renderDayContent,\n  useCalendarChrome,\n  usePressedState,\n  type CalendarLabels,\n  type CalendarSystem,\n} from '../../internal/calendar';\n\n// ─── 1. Variants ─── //\n\n// Applied to the Group (the trigger row). Range triggers hold more by content\n// (two date inputs + separator), but heights still match Input/Select sm/md so\n// they line up in a form row.\nconst dateRangePickerTriggerVariants = cva('ddga-date-range-picker-trigger', {\n  variants: {\n    size: {\n      md: 'ddga-date-range-picker-trigger--md',\n      lg: 'ddga-date-range-picker-trigger--lg',\n    },\n    variant: {\n      default: 'ddga-date-range-picker-trigger--default',\n      'filled-lighter': 'ddga-date-range-picker-trigger--filled-lighter',\n      'filled-darker': 'ddga-date-range-picker-trigger--filled-darker',\n    },\n    error: {\n      true: 'ddga-date-range-picker-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\n// Passthrough alias so the barrel `*Variants` convention holds across components.\nconst dateRangePickerVariants = dateRangePickerTriggerVariants;\n\n// ─── 2. Types ─── //\n\n/** A complete, inclusive date range. Both ends are local Y/M/D. */\ninterface DateRange {\n  start: Date;\n  end: Date;\n}\n\ninterface DateRangePickerProps extends VariantProps<typeof dateRangePickerTriggerVariants> {\n  /** Currently selected range (controlled). `null` clears it. */\n  value?: DateRange | null;\n  /** Initial range when uncontrolled. */\n  defaultValue?: DateRange | null;\n  /** Fires when a complete range is picked, or `null` when cleared. */\n  onChange?: (value: DateRange | null) => void;\n  /** Earliest pickable date (inclusive). */\n  minValue?: Date;\n  /** Latest pickable date (inclusive). */\n  maxValue?: Date;\n  /** Visible label above the trigger. */\n  label?: ReactNode;\n  /** Hint shown below the trigger. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the trigger when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid — sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Marks the field required — adds the asterisk + `aria-required`. */\n  required?: boolean;\n  /** Disables the trigger entirely. */\n  disabled?: boolean;\n  /** Read-only: value is shown but not editable (segments + calendar locked). */\n  readOnly?: boolean;\n  /** Caller-supplied id for the field. */\n  id?: string;\n  /** Forwarded to the Group (the trigger row), matching Input/Select. */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /** Calendar system (controlled). Omit to let the user toggle freely. */\n  calendar?: CalendarSystem;\n  /** Initial calendar system when uncontrolled. Defaults to `'gregorian'`. */\n  defaultCalendar?: CalendarSystem;\n  /** Fires whenever the calendar system toggles. */\n  onCalendarChange?: (calendar: CalendarSystem) => void;\n  /**\n   * Show the Gregorian↔Hijri toggle inside the popover. Defaults to `true`, but\n   * is forced off when `calendar` is controlled.\n   */\n  showCalendarToggle?: boolean;\n  /** Override the toggle labels. Defaults are locale-aware (English / Arabic). */\n  calendarLabels?: CalendarLabels;\n  /**\n   * When `true`, each day cell also shows the *other* calendar's day number as\n   * small secondary text. Helps cross-reference Hijri↔Gregorian. Default `false`.\n   */\n  showSecondaryCalendar?: boolean;\n}\n\n// react-aria's range value is { start, end } of CalendarDate. We keep our public\n// contract Date-based and round-trip through Gregorian CalendarDates so the Hijri\n// toggle is purely a display concern (same engine as DatePicker).\ntype AriaDateRange = { start: CalendarDate; end: CalendarDate } | null;\n\nfunction toAriaRange(range: DateRange | null | undefined): AriaDateRange {\n  if (!range) return null;\n  const start = dateToCalendarDate(range.start);\n  const end = dateToCalendarDate(range.end);\n  if (!start || !end) return null;\n  return { start, end };\n}\n\nfunction fromAriaRange(value: { start: DateValue; end: DateValue } | null): DateRange | null {\n  if (!value) return null;\n  const start = calendarDateToDate(value.start);\n  const end = calendarDateToDate(value.end);\n  if (!start || !end) return null;\n  return { start, end };\n}\n\n// ─── 3. Component ─── //\n\nfunction DateRangePicker({\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  minValue,\n  maxValue,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  disabled,\n  readOnly,\n  size,\n  variant,\n  id,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  calendar: controlledCalendar,\n  defaultCalendar = 'gregorian',\n  onCalendarChange,\n  showCalendarToggle = true,\n  calendarLabels,\n  showSecondaryCalendar = false,\n}: DateRangePickerProps) {\n  // ─ value: controlled or uncontrolled, always Gregorian internally ─\n  const isValueControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<AriaDateRange>(() =>\n    toAriaRange(defaultValue),\n  );\n  const value = isValueControlled ? toAriaRange(controlledValue) : internalValue;\n\n  const handleAriaChange = useCallback(\n    (next: { start: DateValue; end: DateValue } | null) => {\n      // Normalize to plain Gregorian CalendarDates so internal state never holds\n      // a Hijri-flavored CalendarDate (display calendar must not leak into value).\n      const nextRange: AriaDateRange = next\n        ? {\n            start: new CalendarDate(next.start.year, next.start.month, next.start.day),\n            end: new CalendarDate(next.end.year, next.end.month, next.end.day),\n          }\n        : null;\n      if (!isValueControlled) setInternalValue(nextRange);\n      onChange?.(fromAriaRange(nextRange));\n    },\n    [isValueControlled, onChange],\n  );\n\n  // ─ calendar system: controlled or uncontrolled ─\n  const isCalendarControlled = controlledCalendar !== undefined;\n  const [internalCalendar, setInternalCalendar] = useState<CalendarSystem>(defaultCalendar);\n  const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;\n\n  const setCalendar = useCallback(\n    (next: CalendarSystem) => {\n      if (!isCalendarControlled) setInternalCalendar(next);\n      onCalendarChange?.(next);\n    },\n    [isCalendarControlled, onCalendarChange],\n  );\n\n  // ─ Shared chrome (locale, portal, chevrons, labels) ─\n  const {\n    dgaLocale,\n    locale: ariaLocale,\n    portalContainer,\n    PrevArrow,\n    NextArrow,\n    resolvedLabels,\n    navLabels,\n    a11yLabels,\n  } = useCalendarChrome(calendarSystem, calendarLabels);\n  const { pressed, pressHandlers } = usePressedState();\n\n  // ─ Bounds ─\n  const ariaMinValue = useMemo(() => dateToCalendarDate(minValue) ?? undefined, [minValue]);\n  const ariaMaxValue = useMemo(() => dateToCalendarDate(maxValue) ?? undefined, [maxValue]);\n\n  // ─ Popover aria-label fallback (Dialog needs an accessible name) ─\n  const dialogAriaLabel =\n    ariaLabel ??\n    (typeof label === 'string'\n      ? label\n      : ariaLabelledBy\n        ? undefined\n        : dgaLocale.startsWith('ar')\n          ? 'نطاق التاريخ'\n          : 'Date range');\n\n  // ─ Toggle visibility ─\n  const showToggle = showCalendarToggle && !isCalendarControlled;\n\n  // ─ Derived field-message visibility (mirrors useFieldA11y rules) ─\n  const hasError = !!error;\n  const hasErrorMessage = hasError && errorMessage != null && errorMessage !== '';\n  const hasHelper = !hasErrorMessage && helperText != null && helperText !== '';\n\n  return (\n    <I18nProvider locale={ariaLocale}>\n      <AriaDateRangePicker\n        value={value}\n        onChange={handleAriaChange}\n        minValue={ariaMinValue}\n        maxValue={ariaMaxValue}\n        isRequired={required}\n        isDisabled={disabled}\n        isReadOnly={readOnly}\n        isInvalid={hasError}\n        shouldCloseOnSelect\n        id={id}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className=\"ddga-field\"\n        data-slot=\"date-range-picker-field\"\n      >\n        {label && (\n          <AriaLabel className=\"ddga-date-range-picker__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-date-range-picker__required\">\n                *\n              </span>\n            )}\n          </AriaLabel>\n        )}\n        <AriaGroup\n          data-slot=\"date-range-picker-trigger\"\n          data-readonly={readOnly ? '' : undefined}\n          data-pressed={pressed ? '' : undefined}\n          {...pressHandlers}\n          className={cn(\n            dateRangePickerTriggerVariants({ size, variant, error: hasError }),\n            className,\n          )}\n        >\n          <AriaDateInput\n            slot=\"start\"\n            className=\"ddga-date-range-picker__input\"\n            data-slot=\"date-range-picker-input-start\"\n          >\n            {(segment) => (\n              <AriaDateSegment\n                segment={segment}\n                className=\"ddga-date-range-picker__segment\"\n                data-slot=\"date-range-picker-segment\"\n              />\n            )}\n          </AriaDateInput>\n          <span aria-hidden=\"true\" className=\"ddga-date-range-picker__separator\">\n            –\n          </span>\n          <AriaDateInput\n            slot=\"end\"\n            className=\"ddga-date-range-picker__input\"\n            data-slot=\"date-range-picker-input-end\"\n          >\n            {(segment) => (\n              <AriaDateSegment\n                segment={segment}\n                className=\"ddga-date-range-picker__segment\"\n                data-slot=\"date-range-picker-segment\"\n              />\n            )}\n          </AriaDateInput>\n          {/* SDGA range field has no calendar icon — the iconless button is the\n              click surface filling the trailing space; segments stay editable. */}\n          <AriaButton\n            className=\"ddga-date-range-picker__open\"\n            aria-label={a11yLabels.openCalendar}\n            data-slot=\"date-range-picker-trigger-button\"\n          />\n        </AriaGroup>\n        {hasHelper && (\n          <AriaText\n            slot=\"description\"\n            className=\"ddga-field__message ddga-field__message--helper\"\n            data-slot=\"field-helper\"\n          >\n            {helperText}\n          </AriaText>\n        )}\n        {hasErrorMessage && (\n          <AriaFieldError\n            className=\"ddga-field__message ddga-field__message--error\"\n            data-slot=\"field-error\"\n          >\n            {errorMessage}\n          </AriaFieldError>\n        )}\n        <AriaPopover\n          UNSTABLE_portalContainer={portalContainer}\n          className=\"ddga-calendar-popover\"\n          data-slot=\"date-range-picker-popover\"\n          offset={6}\n          // Breathing room from the viewport edge; with the Dialog's\n          // `overflow:auto` + `max-block-size:100%`, the calendar scrolls if it\n          // can't fit. Mirrors DatePicker — keep both pickers in lockstep.\n          containerPadding={12}\n        >\n          <AriaDialog\n            className=\"ddga-calendar-dialog\"\n            data-slot=\"date-range-picker-dialog\"\n            aria-label={dialogAriaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {showToggle && (\n              <CalendarSystemToggle\n                value={calendarSystem}\n                onChange={setCalendar}\n                labels={resolvedLabels}\n                groupLabel={a11yLabels.calendarSystem}\n              />\n            )}\n            <AriaRangeCalendar\n              className=\"ddga-calendar ddga-calendar--range\"\n              data-slot=\"date-range-picker-calendar\"\n            >\n              <header className=\"ddga-calendar__header\">\n                <CalendarNavHeader\n                  locale={ariaLocale}\n                  monthLabel={navLabels.month}\n                  yearLabel={navLabels.year}\n                />\n                <div className=\"ddga-calendar__nav-group\">\n                  <AriaButton\n                    slot=\"previous\"\n                    className=\"ddga-calendar__nav\"\n                    data-slot=\"date-range-picker-calendar-prev\"\n                  >\n                    <PrevArrow aria-hidden=\"true\" />\n                  </AriaButton>\n                  <AriaButton\n                    slot=\"next\"\n                    className=\"ddga-calendar__nav\"\n                    data-slot=\"date-range-picker-calendar-next\"\n                  >\n                    <NextArrow aria-hidden=\"true\" />\n                  </AriaButton>\n                </div>\n              </header>\n              <AriaCalendarGrid className=\"ddga-calendar__grid\" weekdayStyle=\"short\">\n                <AriaCalendarGridHeader>\n                  {(day) => (\n                    <AriaCalendarHeaderCell className=\"ddga-calendar__weekday\">\n                      {day}\n                    </AriaCalendarHeaderCell>\n                  )}\n                </AriaCalendarGridHeader>\n                <AriaCalendarGridBody>\n                  {(date) => (\n                    <AriaCalendarCell date={date} className=\"ddga-calendar__cell\">\n                      {({ formattedDate }) =>\n                        renderDayContent(formattedDate, {\n                          showSecondary: showSecondaryCalendar,\n                          date,\n                          calendarSystem,\n                        })\n                      }\n                    </AriaCalendarCell>\n                  )}\n                </AriaCalendarGridBody>\n              </AriaCalendarGrid>\n            </AriaRangeCalendar>\n          </AriaDialog>\n        </AriaPopover>\n      </AriaDateRangePicker>\n    </I18nProvider>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { DateRangePicker, dateRangePickerTriggerVariants, dateRangePickerVariants };\nexport type { DateRangePickerProps, DateRange };\n// Re-exported for symmetry with DatePicker so the component file is\n// self-contained. The public barrel exposes these once via DatePicker (the\n// canonical owner) to avoid a duplicate export.\nexport type { CalendarSystem, CalendarLabels } from '../../internal/calendar';\n"],"mappings":"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","names":[]}

package/dist/chunk-SJN37JUC.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-SJN37JUC.cjs","../src/components/DateRangePicker/DateRangePicker.tsx"],"names":[],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-SJN37JUC.cjs","sourcesContent":[null,"'use client';\n\nimport { useCallback, useMemo, useState, type ReactNode } from 'react';\nimport {\n  Button as AriaButton,\n  CalendarCell as AriaCalendarCell,\n  CalendarGrid as AriaCalendarGrid,\n  CalendarGridBody as AriaCalendarGridBody,\n  CalendarGridHeader as AriaCalendarGridHeader,\n  CalendarHeaderCell as AriaCalendarHeaderCell,\n  DateInput as AriaDateInput,\n  DateRangePicker as AriaDateRangePicker,\n  DateSegment as AriaDateSegment,\n  Dialog as AriaDialog,\n  FieldError as AriaFieldError,\n  Group as AriaGroup,\n  I18nProvider,\n  Label as AriaLabel,\n  Popover as AriaPopover,\n  RangeCalendar as AriaRangeCalendar,\n  Text as AriaText,\n} from 'react-aria-components';\nimport { CalendarDate, type DateValue } from '@internationalized/date';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport {\n  CalendarNavHeader,\n  CalendarSystemToggle,\n  calendarDateToDate,\n  dateToCalendarDate,\n  renderDayContent,\n  useCalendarChrome,\n  usePressedState,\n  type CalendarLabels,\n  type CalendarSystem,\n} from '../../internal/calendar';\n\n// ─── 1. Variants ─── //\n\n// Applied to the Group (the trigger row). Range triggers hold more by content\n// (two date inputs + separator), but heights still match Input/Select sm/md so\n// they line up in a form row.\nconst dateRangePickerTriggerVariants = cva('ddga-date-range-picker-trigger', {\n  variants: {\n    size: {\n      md: 'ddga-date-range-picker-trigger--md',\n      lg: 'ddga-date-range-picker-trigger--lg',\n    },\n    variant: {\n      default: 'ddga-date-range-picker-trigger--default',\n      'filled-lighter': 'ddga-date-range-picker-trigger--filled-lighter',\n      'filled-darker': 'ddga-date-range-picker-trigger--filled-darker',\n    },\n    error: {\n      true: 'ddga-date-range-picker-trigger--error',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\n// Passthrough alias so the barrel `*Variants` convention holds across components.\nconst dateRangePickerVariants = dateRangePickerTriggerVariants;\n\n// ─── 2. Types ─── //\n\n/** A complete, inclusive date range. Both ends are local Y/M/D. */\ninterface DateRange {\n  start: Date;\n  end: Date;\n}\n\ninterface DateRangePickerProps extends VariantProps<typeof dateRangePickerTriggerVariants> {\n  /** Currently selected range (controlled). `null` clears it. */\n  value?: DateRange | null;\n  /** Initial range when uncontrolled. */\n  defaultValue?: DateRange | null;\n  /** Fires when a complete range is picked, or `null` when cleared. */\n  onChange?: (value: DateRange | null) => void;\n  /** Earliest pickable date (inclusive). */\n  minValue?: Date;\n  /** Latest pickable date (inclusive). */\n  maxValue?: Date;\n  /** Visible label above the trigger. */\n  label?: ReactNode;\n  /** Hint shown below the trigger. Hidden while an error message is showing. */\n  helperText?: ReactNode;\n  /** Message shown below the trigger when `error` is true. */\n  errorMessage?: ReactNode;\n  /** Marks the field invalid — sets `aria-invalid` and error styling. */\n  error?: boolean;\n  /** Marks the field required — adds the asterisk + `aria-required`. */\n  required?: boolean;\n  /** Disables the trigger entirely. */\n  disabled?: boolean;\n  /** Read-only: value is shown but not editable (segments + calendar locked). */\n  readOnly?: boolean;\n  /** Caller-supplied id for the field. */\n  id?: string;\n  /** Forwarded to the Group (the trigger row), matching Input/Select. */\n  className?: string;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  /** Calendar system (controlled). Omit to let the user toggle freely. */\n  calendar?: CalendarSystem;\n  /** Initial calendar system when uncontrolled. Defaults to `'gregorian'`. */\n  defaultCalendar?: CalendarSystem;\n  /** Fires whenever the calendar system toggles. */\n  onCalendarChange?: (calendar: CalendarSystem) => void;\n  /**\n   * Show the Gregorian↔Hijri toggle inside the popover. Defaults to `true`, but\n   * is forced off when `calendar` is controlled.\n   */\n  showCalendarToggle?: boolean;\n  /** Override the toggle labels. Defaults are locale-aware (English / Arabic). */\n  calendarLabels?: CalendarLabels;\n  /**\n   * When `true`, each day cell also shows the *other* calendar's day number as\n   * small secondary text. Helps cross-reference Hijri↔Gregorian. Default `false`.\n   */\n  showSecondaryCalendar?: boolean;\n}\n\n// react-aria's range value is { start, end } of CalendarDate. We keep our public\n// contract Date-based and round-trip through Gregorian CalendarDates so the Hijri\n// toggle is purely a display concern (same engine as DatePicker).\ntype AriaDateRange = { start: CalendarDate; end: CalendarDate } | null;\n\nfunction toAriaRange(range: DateRange | null | undefined): AriaDateRange {\n  if (!range) return null;\n  const start = dateToCalendarDate(range.start);\n  const end = dateToCalendarDate(range.end);\n  if (!start || !end) return null;\n  return { start, end };\n}\n\nfunction fromAriaRange(value: { start: DateValue; end: DateValue } | null): DateRange | null {\n  if (!value) return null;\n  const start = calendarDateToDate(value.start);\n  const end = calendarDateToDate(value.end);\n  if (!start || !end) return null;\n  return { start, end };\n}\n\n// ─── 3. Component ─── //\n\nfunction DateRangePicker({\n  value: controlledValue,\n  defaultValue,\n  onChange,\n  minValue,\n  maxValue,\n  label,\n  helperText,\n  errorMessage,\n  error,\n  required,\n  disabled,\n  readOnly,\n  size,\n  variant,\n  id,\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  calendar: controlledCalendar,\n  defaultCalendar = 'gregorian',\n  onCalendarChange,\n  showCalendarToggle = true,\n  calendarLabels,\n  showSecondaryCalendar = false,\n}: DateRangePickerProps) {\n  // ─ value: controlled or uncontrolled, always Gregorian internally ─\n  const isValueControlled = controlledValue !== undefined;\n  const [internalValue, setInternalValue] = useState<AriaDateRange>(() =>\n    toAriaRange(defaultValue),\n  );\n  const value = isValueControlled ? toAriaRange(controlledValue) : internalValue;\n\n  const handleAriaChange = useCallback(\n    (next: { start: DateValue; end: DateValue } | null) => {\n      // Normalize to plain Gregorian CalendarDates so internal state never holds\n      // a Hijri-flavored CalendarDate (display calendar must not leak into value).\n      const nextRange: AriaDateRange = next\n        ? {\n            start: new CalendarDate(next.start.year, next.start.month, next.start.day),\n            end: new CalendarDate(next.end.year, next.end.month, next.end.day),\n          }\n        : null;\n      if (!isValueControlled) setInternalValue(nextRange);\n      onChange?.(fromAriaRange(nextRange));\n    },\n    [isValueControlled, onChange],\n  );\n\n  // ─ calendar system: controlled or uncontrolled ─\n  const isCalendarControlled = controlledCalendar !== undefined;\n  const [internalCalendar, setInternalCalendar] = useState<CalendarSystem>(defaultCalendar);\n  const calendarSystem = isCalendarControlled ? controlledCalendar : internalCalendar;\n\n  const setCalendar = useCallback(\n    (next: CalendarSystem) => {\n      if (!isCalendarControlled) setInternalCalendar(next);\n      onCalendarChange?.(next);\n    },\n    [isCalendarControlled, onCalendarChange],\n  );\n\n  // ─ Shared chrome (locale, portal, chevrons, labels) ─\n  const {\n    dgaLocale,\n    locale: ariaLocale,\n    portalContainer,\n    PrevArrow,\n    NextArrow,\n    resolvedLabels,\n    navLabels,\n    a11yLabels,\n  } = useCalendarChrome(calendarSystem, calendarLabels);\n  const { pressed, pressHandlers } = usePressedState();\n\n  // ─ Bounds ─\n  const ariaMinValue = useMemo(() => dateToCalendarDate(minValue) ?? undefined, [minValue]);\n  const ariaMaxValue = useMemo(() => dateToCalendarDate(maxValue) ?? undefined, [maxValue]);\n\n  // ─ Popover aria-label fallback (Dialog needs an accessible name) ─\n  const dialogAriaLabel =\n    ariaLabel ??\n    (typeof label === 'string'\n      ? label\n      : ariaLabelledBy\n        ? undefined\n        : dgaLocale.startsWith('ar')\n          ? 'نطاق التاريخ'\n          : 'Date range');\n\n  // ─ Toggle visibility ─\n  const showToggle = showCalendarToggle && !isCalendarControlled;\n\n  // ─ Derived field-message visibility (mirrors useFieldA11y rules) ─\n  const hasError = !!error;\n  const hasErrorMessage = hasError && errorMessage != null && errorMessage !== '';\n  const hasHelper = !hasErrorMessage && helperText != null && helperText !== '';\n\n  return (\n    <I18nProvider locale={ariaLocale}>\n      <AriaDateRangePicker\n        value={value}\n        onChange={handleAriaChange}\n        minValue={ariaMinValue}\n        maxValue={ariaMaxValue}\n        isRequired={required}\n        isDisabled={disabled}\n        isReadOnly={readOnly}\n        isInvalid={hasError}\n        shouldCloseOnSelect\n        id={id}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className=\"ddga-field\"\n        data-slot=\"date-range-picker-field\"\n      >\n        {label && (\n          <AriaLabel className=\"ddga-date-range-picker__label\">\n            {label}\n            {required && (\n              <span aria-hidden=\"true\" className=\"ddga-date-range-picker__required\">\n                *\n              </span>\n            )}\n          </AriaLabel>\n        )}\n        <AriaGroup\n          data-slot=\"date-range-picker-trigger\"\n          data-readonly={readOnly ? '' : undefined}\n          data-pressed={pressed ? '' : undefined}\n          {...pressHandlers}\n          className={cn(\n            dateRangePickerTriggerVariants({ size, variant, error: hasError }),\n            className,\n          )}\n        >\n          <AriaDateInput\n            slot=\"start\"\n            className=\"ddga-date-range-picker__input\"\n            data-slot=\"date-range-picker-input-start\"\n          >\n            {(segment) => (\n              <AriaDateSegment\n                segment={segment}\n                className=\"ddga-date-range-picker__segment\"\n                data-slot=\"date-range-picker-segment\"\n              />\n            )}\n          </AriaDateInput>\n          <span aria-hidden=\"true\" className=\"ddga-date-range-picker__separator\">\n            –\n          </span>\n          <AriaDateInput\n            slot=\"end\"\n            className=\"ddga-date-range-picker__input\"\n            data-slot=\"date-range-picker-input-end\"\n          >\n            {(segment) => (\n              <AriaDateSegment\n                segment={segment}\n                className=\"ddga-date-range-picker__segment\"\n                data-slot=\"date-range-picker-segment\"\n              />\n            )}\n          </AriaDateInput>\n          {/* SDGA range field has no calendar icon — the iconless button is the\n              click surface filling the trailing space; segments stay editable. */}\n          <AriaButton\n            className=\"ddga-date-range-picker__open\"\n            aria-label={a11yLabels.openCalendar}\n            data-slot=\"date-range-picker-trigger-button\"\n          />\n        </AriaGroup>\n        {hasHelper && (\n          <AriaText\n            slot=\"description\"\n            className=\"ddga-field__message ddga-field__message--helper\"\n            data-slot=\"field-helper\"\n          >\n            {helperText}\n          </AriaText>\n        )}\n        {hasErrorMessage && (\n          <AriaFieldError\n            className=\"ddga-field__message ddga-field__message--error\"\n            data-slot=\"field-error\"\n          >\n            {errorMessage}\n          </AriaFieldError>\n        )}\n        <AriaPopover\n          UNSTABLE_portalContainer={portalContainer}\n          className=\"ddga-calendar-popover\"\n          data-slot=\"date-range-picker-popover\"\n          offset={6}\n          // Breathing room from the viewport edge; with the Dialog's\n          // `overflow:auto` + `max-block-size:100%`, the calendar scrolls if it\n          // can't fit. Mirrors DatePicker — keep both pickers in lockstep.\n          containerPadding={12}\n        >\n          <AriaDialog\n            className=\"ddga-calendar-dialog\"\n            data-slot=\"date-range-picker-dialog\"\n            aria-label={dialogAriaLabel}\n            aria-labelledby={ariaLabelledBy}\n          >\n            {showToggle && (\n              <CalendarSystemToggle\n                value={calendarSystem}\n                onChange={setCalendar}\n                labels={resolvedLabels}\n                groupLabel={a11yLabels.calendarSystem}\n              />\n            )}\n            <AriaRangeCalendar\n              className=\"ddga-calendar ddga-calendar--range\"\n              data-slot=\"date-range-picker-calendar\"\n            >\n              <header className=\"ddga-calendar__header\">\n                <CalendarNavHeader\n                  locale={ariaLocale}\n                  monthLabel={navLabels.month}\n                  yearLabel={navLabels.year}\n                />\n                <div className=\"ddga-calendar__nav-group\">\n                  <AriaButton\n                    slot=\"previous\"\n                    className=\"ddga-calendar__nav\"\n                    data-slot=\"date-range-picker-calendar-prev\"\n                  >\n                    <PrevArrow aria-hidden=\"true\" />\n                  </AriaButton>\n                  <AriaButton\n                    slot=\"next\"\n                    className=\"ddga-calendar__nav\"\n                    data-slot=\"date-range-picker-calendar-next\"\n                  >\n                    <NextArrow aria-hidden=\"true\" />\n                  </AriaButton>\n                </div>\n              </header>\n              <AriaCalendarGrid className=\"ddga-calendar__grid\" weekdayStyle=\"short\">\n                <AriaCalendarGridHeader>\n                  {(day) => (\n                    <AriaCalendarHeaderCell className=\"ddga-calendar__weekday\">\n                      {day}\n                    </AriaCalendarHeaderCell>\n                  )}\n                </AriaCalendarGridHeader>\n                <AriaCalendarGridBody>\n                  {(date) => (\n                    <AriaCalendarCell date={date} className=\"ddga-calendar__cell\">\n                      {({ formattedDate }) =>\n                        renderDayContent(formattedDate, {\n                          showSecondary: showSecondaryCalendar,\n                          date,\n                          calendarSystem,\n                        })\n                      }\n                    </AriaCalendarCell>\n                  )}\n                </AriaCalendarGridBody>\n              </AriaCalendarGrid>\n            </AriaRangeCalendar>\n          </AriaDialog>\n        </AriaPopover>\n      </AriaDateRangePicker>\n    </I18nProvider>\n  );\n}\n\n// ─── 4. Exports ─── //\n\nexport { DateRangePicker, dateRangePickerTriggerVariants, dateRangePickerVariants };\nexport type { DateRangePickerProps, DateRange };\n// Re-exported for symmetry with DatePicker so the component file is\n// self-contained. The public barrel exposes these once via DatePicker (the\n// canonical owner) to avoid a duplicate export.\nexport type { CalendarSystem, CalendarLabels } from '../../internal/calendar';\n"]}