@react-spectrum/s2 1.3.1 → 1.4.0

package/dist/private/DateRangePicker.mjs

@@ -60,51 +60,51 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se13';
+            rules += ' se131';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU13';
+                if (!gridColumnStart) rules += ' z2mU131';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG13';
+                    if (!gridColumnEnd) rules += ' yvoofG131';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod13';
+            if (props.isInForm) rules += ' DLwlgod131';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                if (props.labelPosition === "side") rules += ' DPlN5qb131';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn131';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb13';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-            if (props.labelPosition === "side") rules += ' CbRM95c13';
-            else if (props.labelPosition === "top") rules += ' Cxaocre13';
+            if (props.labelPosition === "side") rules += ' EPlN5qb131';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc131';
+            if (props.labelPosition === "side") rules += ' CbRM95c131';
+            else if (props.labelPosition === "top") rules += ' Cxaocre131';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-e131';
+                rules += ' vx131';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-d131';
+                rules += ' vx131';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-b131';
+                rules += ' vx131';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-a131';
+                rules += ' vx131';
             } else {
-                rules += ' -_6BNtrc-c13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-c131';
+                rules += ' vx131';
             }
-            rules += ' ea13';
-            rules += ' _Fd13';
-            rules += ' _FnuYUweb13';
-            if (props.size === "XL") rules += ' -BhX7R-Fz13';
-            else if (props.size === "L") rules += ' -BhX7R-Fv13';
-            else if (props.size === "S") rules += ' -BhX7R-Fp13';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-            else rules += ' -BhX7R-Fx13';
-            rules += ' -AJjOLd-UVkF0Db13';
-            rules += ' qg13';
-            rules += ' __ca13';
+            rules += ' ea131';
+            rules += ' _Fd131';
+            rules += ' _FnuYUweb131';
+            if (props.size === "XL") rules += ' -BhX7R-Fz131';
+            else if (props.size === "L") rules += ' -BhX7R-Fv131';
+            else if (props.size === "S") rules += ' -BhX7R-Fp131';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn131';
+            else rules += ' -BhX7R-Fx131';
+            rules += ' -AJjOLd-UVkF0Db131';
+            rules += ' qg131';
+            rules += ' __ca131';
             return rules;
         }({
             isInForm: !!formContext,
@@ -141,27 +141,27 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            if (props.size === "XL") rules += ' Nl13';
-                            else if (props.size === "L") rules += ' Nj13';
-                            else if (props.size === "S") rules += ' Nf13';
-                            else if (props.size === "XS") rules += ' Ne13';
-                            else rules += ' Nk13';
-                            if (props.isQuiet) rules += ' _qd13';
-                            else rules += ' _qtb13';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt13';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne13';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr13';
-                            else rules += ' -Anxdcc-Z3fn9H13';
-                            rules += ' __v6TNLWb13';
-                            rules += ' __Wb13';
-                            rules += ' SMBFGYc13';
-                            rules += ' RfBFGYc13';
-                            rules += ' -S_-Sv13';
-                            rules += ' -R_-Rp13';
+                            rules += ' zXcEWr131';
+                            rules += ' yXcEWr131';
+                            rules += ' BXcEWr131';
+                            rules += ' AXcEWr131';
+                            if (props.size === "XL") rules += ' Nl131';
+                            else if (props.size === "L") rules += ' Nj131';
+                            else if (props.size === "S") rules += ' Nf131';
+                            else if (props.size === "XS") rules += ' Ne131';
+                            else rules += ' Nk131';
+                            if (props.isQuiet) rules += ' _qd131';
+                            else rules += ' _qtb131';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt131';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne131';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr131';
+                            else rules += ' -Anxdcc-Z3fn9H131';
+                            rules += ' __v6TNLWb131';
+                            rules += ' __Wb131';
+                            rules += ' SMBFGYc131';
+                            rules += ' RfBFGYc131';
+                            rules += ' -S_-Sv131';
+                            rules += ' -R_-Rp131';
                             return rules;
                         }({
                             size: size
@@ -174,7 +174,7 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                                     }),
                                     /*#__PURE__*/ (0, $dMar9$jsx)("span", {
                                         "aria-hidden": "true",
-                                        className: " _va13 _ua13 Sj13 Rj13",
+                                        className: " _va131 _ua131 Sj131 Rj131",
                                         children: "\u2013"
                                     }),
                                     /*#__PURE__*/ (0, $dMar9$jsx)((0, $0e78e2b1ea2e947e$export$7edc06cf1783b30f), {
@@ -187,7 +187,7 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                                 isDisabled: isDisabled
                             }),
                             /*#__PURE__*/ (0, $dMar9$jsx)("div", {
-                                className: " _va13 _ub13 sd13 _Cb13",
+                                className: " _va131 _ub131 sd131 _Cb131",
                                 children: /*#__PURE__*/ (0, $dMar9$jsx)((0, $1196aa313ab37be1$export$adb29da0ac001538), {
                                     isOpen: isOpen,
                                     size: size,
@@ -206,7 +206,7 @@ const $c9bb0cbce1dac403$export$17334619f3ac2224 = /*#__PURE__*/ (0, $dMar9$forwa
                                 errorMessage: resolvedErrorMessage
                             }),
                             showTimeField && /*#__PURE__*/ (0, $dMar9$jsxs)("div", {
-                                className: " sd13 Ul13 ql13 _qb13 JA13",
+                                className: " sd131 Ul131 ql131 _qb131 JA131",
                                 children: [
                                     /*#__PURE__*/ (0, $dMar9$jsx)((0, $a4c1b812c7e17006$export$5eaee2322dd727eb), {
                                         styles: (0, $1196aa313ab37be1$export$5320dd0e349ed44d),

package/dist/private/DateRangePicker.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/DateRangePicker.tsx"],"sourcesContent":["/*\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\nimport {\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  DateValue\n} from 'react-aria-components/DateRangePicker';\nimport {CalendarButton, CalendarPopover, timeField} from './DatePicker';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactElement, Ref, useContext, useState} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {PopoverProps} from 'react-aria-components/Popover';\nimport {RangeCalendar, RangeCalendarProps} from './RangeCalendar';\nimport {style} from '../style' with {type: 'macro'};\nimport {TimeField} from './TimeField';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface DateRangePickerProps<T extends DateValue> extends\n  Omit<AriaDateRangePickerProps<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n  Pick<RangeCalendarProps<T>, 'createCalendar' | 'pageBehavior' | 'firstDayOfWeek' | 'isDateUnavailable' | 'commitBehavior'>,\n  Pick<PopoverProps, 'shouldFlip'>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the DateField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL',\n    /**\n     * The maximum number of months to display at once in the calendar popover, if screen space permits.\n     * @default 1\n     */\n    maxVisibleMonths?: number\n}\n\nexport const DateRangePickerContext = createContext<ContextValue<Partial<DateRangePickerProps<any>>, HTMLDivElement>>(null);\n\n/**\n * DateRangePickers combine two DateFields and a RangeCalendar popover to allow users\n * to enter or select a date and time range.\n */\nexport const DateRangePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(function DateRangePicker<T extends DateValue>(\n  props: DateRangePickerProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, DateRangePickerContext);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    placeholderValue,\n    maxVisibleMonths = 1,\n    createCalendar,\n    commitBehavior,\n    ...dateFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n  let [buttonHasFocus, setButtonHasFocus] = useState(false);\n\n  return (\n    <AriaDateRangePicker\n      ref={ref}\n      isRequired={isRequired}\n      {...dateFieldProps}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, styles)}>\n      {({isDisabled, isInvalid, isOpen, state}) => {\n        let placeholder: DateValue | undefined = placeholderValue || undefined;\n        let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : undefined;\n        let timeMinValue = props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n        let timeMaxValue = props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n        let timeGranularity = state.granularity === 'hour'\n          || state.granularity === 'minute'\n          || state.granularity === 'second'\n            ? state.granularity : undefined;\n        let showTimeField = !!timeGranularity;\n\n        // Ideally, we could omit errorMessage here and let S2 Calendar read it from RAC's CalendarContext which already contains the resolved value via calendarProps from useDatePicker.\n        // However, RAC's CalendarProps omits errorMessage, so reading it back from the context would require an unsafe cast. Instead, we resolve it here using the same logic as useDatePicker.\n        let resolvedErrorMessage = typeof errorMessage === 'function' ? errorMessage(state.displayValidation) : (errorMessage || state.displayValidation.validationErrors.join(' '));\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n            <FieldGroup\n              role=\"presentation\"\n              shouldTurnOffFocusRing={buttonHasFocus}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                textWrap: 'nowrap',\n                paddingStart: 'edge-to-text',\n                paddingEnd: 4\n              })({size})}>\n              <DateInputContainer>\n                <DateInput slot=\"start\" />\n                <span aria-hidden=\"true\" className={style({flexShrink: 0, flexGrow: 0, paddingX: 2})}>–</span>\n                <DateInput slot=\"end\" />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n              <div\n                className={style({\n                  flexShrink: 0,\n                  flexGrow: 1,\n                  display: 'flex',\n                  justifyContent: 'end'\n                })}>\n                <CalendarButton isOpen={isOpen} size={size} setButtonHasFocus={setButtonHasFocus} />\n              </div>\n            </FieldGroup>\n            <CalendarPopover shouldFlip={props.shouldFlip}>\n              <RangeCalendar\n                visibleMonths={maxVisibleMonths}\n                createCalendar={createCalendar}\n                commitBehavior={commitBehavior}\n                errorMessage={resolvedErrorMessage} />\n              {showTimeField && (\n                <div className={style({display: 'flex', gap: 16, contain: 'inline-size', marginTop: 24})}>\n                  <TimeField\n                    styles={timeField}\n                    label={stringFormatter.format('datepicker.startTime')}\n                    value={state.timeRange?.start || null}\n                    onChange={v => state.setTime('start', v)}\n                    placeholderValue={timePlaceholder}\n                    granularity={timeGranularity}\n                    minValue={timeMinValue}\n                    maxValue={timeMaxValue}\n                    hourCycle={props.hourCycle}\n                    hideTimeZone={props.hideTimeZone} />\n                  <TimeField\n                    styles={timeField}\n                    label={stringFormatter.format('datepicker.endTime')}\n                    value={state.timeRange?.end || null}\n                    onChange={v => state.setTime('end', v)}\n                    placeholderValue={timePlaceholder}\n                    granularity={timeGranularity}\n                    minValue={timeMinValue}\n                    maxValue={timeMaxValue}\n                    hourCycle={props.hourCycle}\n                    hideTimeZone={props.hideTimeZone} />\n                </div>\n              )}\n            </CalendarPopover>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {resolvedErrorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaDateRangePicker>\n  );\n});\n"],"names":[],"version":3,"file":"DateRangePicker.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/DateRangePicker.tsx"],"sourcesContent":["/*\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\nimport {\n  DateRangePicker as AriaDateRangePicker,\n  DateRangePickerProps as AriaDateRangePickerProps,\n  DateValue\n} from 'react-aria-components/DateRangePicker';\nimport {CalendarButton, CalendarPopover, timeField} from './DatePicker';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactElement, Ref, useContext, useState} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {\n  forwardRefType,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  SpectrumLabelableProps\n} from '@react-types/shared';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {PopoverProps} from 'react-aria-components/Popover';\nimport {RangeCalendar, RangeCalendarProps} from './RangeCalendar';\nimport {style} from '../style' with {type: 'macro'};\nimport {TimeField} from './TimeField';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DateRangePickerProps<T extends DateValue>\n  extends\n    Omit<\n      AriaDateRangePickerProps<T>,\n      'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes\n    >,\n    Pick<\n      RangeCalendarProps<T>,\n      'createCalendar' | 'pageBehavior' | 'firstDayOfWeek' | 'isDateUnavailable' | 'commitBehavior'\n    >,\n    Pick<PopoverProps, 'shouldFlip'>,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The size of the DateField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The maximum number of months to display at once in the calendar popover, if screen space\n   * permits.\n   *\n   * @default 1\n   */\n  maxVisibleMonths?: number;\n}\n\nexport const DateRangePickerContext =\n  createContext<ContextValue<Partial<DateRangePickerProps<any>>, HTMLDivElement>>(null);\n\n/**\n * DateRangePickers combine two DateFields and a RangeCalendar popover to allow users\n * to enter or select a date and time range.\n */\nexport const DateRangePicker = /*#__PURE__*/ (forwardRef as forwardRefType)(\n  function DateRangePicker<T extends DateValue>(\n    props: DateRangePickerProps<T>,\n    ref: Ref<HTMLDivElement>\n  ): ReactElement {\n    [props, ref] = useSpectrumContextProps(props, ref, DateRangePickerContext);\n    let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n    let {\n      label,\n      contextualHelp,\n      description: descriptionMessage,\n      errorMessage,\n      isRequired,\n      size = 'M',\n      labelPosition = 'top',\n      necessityIndicator,\n      labelAlign = 'start',\n      UNSAFE_style,\n      UNSAFE_className,\n      styles,\n      placeholderValue,\n      maxVisibleMonths = 1,\n      createCalendar,\n      commitBehavior,\n      ...dateFieldProps\n    } = props;\n    let formContext = useContext(FormContext);\n    let [buttonHasFocus, setButtonHasFocus] = useState(false);\n\n    return (\n      <AriaDateRangePicker\n        ref={ref}\n        isRequired={isRequired}\n        {...dateFieldProps}\n        style={UNSAFE_style}\n        className={\n          (UNSAFE_className || '') +\n          style(field(), getAllowedOverrides())(\n            {\n              isInForm: !!formContext,\n              labelPosition,\n              size\n            },\n            styles\n          )\n        }>\n        {({isDisabled, isInvalid, isOpen, state}) => {\n          let placeholder: DateValue | undefined = placeholderValue || undefined;\n          let timePlaceholder = placeholder && 'hour' in placeholder ? placeholder : undefined;\n          let timeMinValue =\n            props.minValue && 'hour' in props.minValue ? props.minValue : undefined;\n          let timeMaxValue =\n            props.maxValue && 'hour' in props.maxValue ? props.maxValue : undefined;\n          let timeGranularity =\n            state.granularity === 'hour' ||\n            state.granularity === 'minute' ||\n            state.granularity === 'second'\n              ? state.granularity\n              : undefined;\n          let showTimeField = !!timeGranularity;\n\n          // Ideally, we could omit errorMessage here and let S2 Calendar read it from RAC's CalendarContext which already contains the resolved value via calendarProps from useDatePicker.\n          // However, RAC's CalendarProps omits errorMessage, so reading it back from the context would require an unsafe cast. Instead, we resolve it here using the same logic as useDatePicker.\n          let resolvedErrorMessage =\n            typeof errorMessage === 'function'\n              ? errorMessage(state.displayValidation)\n              : errorMessage || state.displayValidation.validationErrors.join(' ');\n          return (\n            <>\n              <FieldLabel\n                isDisabled={isDisabled}\n                isRequired={isRequired}\n                size={size}\n                labelPosition={labelPosition}\n                labelAlign={labelAlign}\n                necessityIndicator={necessityIndicator}\n                contextualHelp={contextualHelp}>\n                {label}\n              </FieldLabel>\n              <FieldGroup\n                role=\"presentation\"\n                shouldTurnOffFocusRing={buttonHasFocus}\n                isDisabled={isDisabled}\n                isInvalid={isInvalid}\n                size={size}\n                styles={style({\n                  ...fieldInput(),\n                  textWrap: 'nowrap',\n                  paddingStart: 'edge-to-text',\n                  paddingEnd: 4\n                })({size})}>\n                <DateInputContainer>\n                  <DateInput slot=\"start\" />\n                  <span\n                    aria-hidden=\"true\"\n                    className={style({flexShrink: 0, flexGrow: 0, paddingX: 2})}>\n                    –\n                  </span>\n                  <DateInput slot=\"end\" />\n                </DateInputContainer>\n                <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n                <div\n                  className={style({\n                    flexShrink: 0,\n                    flexGrow: 1,\n                    display: 'flex',\n                    justifyContent: 'end'\n                  })}>\n                  <CalendarButton\n                    isOpen={isOpen}\n                    size={size}\n                    setButtonHasFocus={setButtonHasFocus}\n                  />\n                </div>\n              </FieldGroup>\n              <CalendarPopover shouldFlip={props.shouldFlip}>\n                <RangeCalendar\n                  visibleMonths={maxVisibleMonths}\n                  createCalendar={createCalendar}\n                  commitBehavior={commitBehavior}\n                  errorMessage={resolvedErrorMessage}\n                />\n                {showTimeField && (\n                  <div\n                    className={style({\n                      display: 'flex',\n                      gap: 16,\n                      contain: 'inline-size',\n                      marginTop: 24\n                    })}>\n                    <TimeField\n                      styles={timeField}\n                      label={stringFormatter.format('datepicker.startTime')}\n                      value={state.timeRange?.start || null}\n                      onChange={v => state.setTime('start', v)}\n                      placeholderValue={timePlaceholder}\n                      granularity={timeGranularity}\n                      minValue={timeMinValue}\n                      maxValue={timeMaxValue}\n                      hourCycle={props.hourCycle}\n                      hideTimeZone={props.hideTimeZone}\n                    />\n                    <TimeField\n                      styles={timeField}\n                      label={stringFormatter.format('datepicker.endTime')}\n                      value={state.timeRange?.end || null}\n                      onChange={v => state.setTime('end', v)}\n                      placeholderValue={timePlaceholder}\n                      granularity={timeGranularity}\n                      minValue={timeMinValue}\n                      maxValue={timeMaxValue}\n                      hourCycle={props.hourCycle}\n                      hideTimeZone={props.hideTimeZone}\n                    />\n                  </div>\n                )}\n              </CalendarPopover>\n              <HelpText\n                size={size}\n                isDisabled={isDisabled}\n                isInvalid={isInvalid}\n                description={descriptionMessage}>\n                {resolvedErrorMessage}\n              </HelpText>\n            </>\n          );\n        }}\n      </AriaDateRangePicker>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"DateRangePicker.mjs.map"}

package/dist/private/Dialog.cjs

@@ -39,13 +39,13 @@ $parcel$export(module.exports, "Dialog", () => $0f4636c7093b9233$export$3ddf2d17
 
 
 
-const $0f4636c7093b9233$var$image = " Za13 FC13 _va13 _Hb13";
-const $0f4636c7093b9233$var$heading = " _ub13 Jy13 Gy13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-g13 vx13 xd13 _xa13 xX0cczbc13 _xX0cczba13 xfd13 _xfa13 xfX0cczbc13 _xfX0cczba13 _Fd13 _FnuYUweb13 po13";
-const $0f4636c7093b9233$var$header = " uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-d13 vx13 xb13 _xa13 _Fb13 _FnuYUwec13 pt13";
-const $0f4636c7093b9233$var$content = " _ub13 _v7GYNyba13 Pa13 P7GYNybe13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-d13 vx13 xb13 _xa13 _Fb13 _FnuYUwec13 pt13 Sk13 Rk13";
-const $0f4636c7093b9233$var$footer = " _ub13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-d13 vx13 xb13 _xa13 _Fb13 _FnuYUwec13 pt13";
-const $0f4636c7093b9233$var$buttonGroup = " IM13 La13";
-const $0f4636c7093b9233$export$6af31f836f9aa6f2 = " sd13 _ta13 _ub13 K40ub4c13 _oa13 _Le13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 oi13 ni13 ki13 ji13 _Na13 Pa13";
+const $0f4636c7093b9233$var$image = " Za131 FC131 _va131 _Hb131";
+const $0f4636c7093b9233$var$heading = " _ub131 Jy131 Gy131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-g131 vx131 xd131 _xa131 xX0cczbc131 _xX0cczba131 xfd131 _xfa131 xfX0cczbc131 _xfX0cczba131 _Fd131 _FnuYUweb131 po131";
+const $0f4636c7093b9233$var$header = " uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-d131 vx131 xb131 _xa131 _Fb131 _FnuYUwec131 pt131";
+const $0f4636c7093b9233$var$content = " _ub131 _v7GYNyba131 Pa131 P7GYNybe131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-d131 vx131 xb131 _xa131 _Fb131 _FnuYUwec131 pt131 Sk131 Rk131";
+const $0f4636c7093b9233$var$footer = " _ub131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-d131 vx131 xb131 _xa131 _Fb131 _FnuYUwec131 pt131";
+const $0f4636c7093b9233$var$buttonGroup = " IM131 La131";
+const $0f4636c7093b9233$export$6af31f836f9aa6f2 = " sd131 _ta131 _ub131 K40ub4c131 _oa131 _Le131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 oi131 ni131 ki131 ji131 _Na131 Pa131";
 const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react.forwardRef)(function Dialog(props, ref) {
     let { size: size = 'M', isDismissible: isDismissible, isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
     let domRef = (0, $150382364eecc4bc$exports.useDOMRef)(ref);
@@ -58,7 +58,10 @@ const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react
             ref: domRef,
             style: props.UNSAFE_style,
             className: (props.UNSAFE_className || '') + $0f4636c7093b9233$export$6af31f836f9aa6f2,
-            children: (0, $WjfVF$reactariacomponentscomposeRenderProps.composeRenderProps)(props.children, (children)=>/*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsxs)((0, $WjfVF$reactariacomponentsDialog.OverlayTriggerStateContext).Provider, {
+            children: (0, $WjfVF$reactariacomponentscomposeRenderProps.composeRenderProps)(props.children, (children)=>// Render the children multiple times inside the wrappers we need to implement the layout.
+                // Each instance hides certain children so that they are all rendered in the correct locations.
+                // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.
+                /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsxs)((0, $WjfVF$reactariacomponentsDialog.OverlayTriggerStateContext).Provider, {
                     value: null,
                     children: [
                         /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponentsslots.Provider), {
@@ -105,20 +108,20 @@ const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react
                         /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsxs)("div", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' sd13';
-                                rules += ' ed13';
-                                rules += ' qg13';
-                                rules += ' Sk13';
-                                if (props.isDismissible) rules += ' Re13';
-                                else rules += ' Rk13';
-                                rules += ' Te13';
+                                rules += ' sd131';
+                                rules += ' ed131';
+                                rules += ' qg131';
+                                rules += ' Sk131';
+                                if (props.isDismissible) rules += ' Re131';
+                                else rules += ' Rk131';
+                                rules += ' Te131';
                                 return rules;
                             }({
                                 isDismissible: props.isDismissible
                             }),
                             children: [
                                 /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)("div", {
-                                    className: " sd13 _ub13 Jz13 Jay13 GC13 Gay13 qj13 Ue13 _ta13 _tnc13 ed13 enb13",
+                                    className: " sd131 _ub131 Jz131 Jay131 GC131 Gay131 qj131 Ue131 _ta131 _tnc131 ed131 enb131",
                                     children: /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponentsslots.Provider), {
                                         values: [
                                             [
@@ -162,7 +165,7 @@ const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react
                                     })
                                 }),
                                 props.isDismissible && /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $2f907cb84c6e9e75$exports.CloseButton), {
-                                    styles: " Gx13"
+                                    styles: " Gx131"
                                 })
                             ]
                         }),
@@ -208,7 +211,7 @@ const $0f4636c7093b9233$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $WjfVF$react
                             children: children
                         }),
                         /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)("div", {
-                            className: " sd13 Sk13 Rk13 Qk13 Tk13 Tad13 Uj13 qj13 eb13 _wb13",
+                            className: " sd131 Sk131 Rk131 Qk131 Tk131 Tad131 Uj131 qj131 eb131 _wb131",
                             children: /*#__PURE__*/ (0, $WjfVF$reactjsxruntime.jsx)((0, $WjfVF$reactariacomponentsslots.Provider), {
                                 values: [
                                     [

package/dist/private/Dialog.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Dialog.tsx"],"sourcesContent":["/*\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\nimport {ButtonGroupContext} from './ButtonGroup';\nimport {CloseButton} from './CloseButton';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {ContentContext, FooterContext, HeaderContext, HeadingContext} from './Content';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {ImageContext} from './Image';\nimport {Modal} from './Modal';\nimport {\n  OverlayTriggerStateContext,\n  Dialog as RACDialog,\n  DialogProps as RACDialogProps\n} from 'react-aria-components/Dialog';\nimport {Provider} from 'react-aria-components/slots';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from './useDOMRef';\n\n// TODO: what style overrides should be allowed?\nexport interface DialogProps extends Omit<RACDialogProps, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * Whether the Dialog is dismissible.\n   */\n  isDismissible?: boolean,\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean\n}\n\nconst image = style({\n  width: 'full',\n  height: 140,\n  flexShrink: 0,\n  objectFit: 'cover'\n});\n\nconst heading = style({\n  flexGrow: 1,\n  marginY: 0,\n  font: 'title-2xl'\n});\n\nconst header = style({\n  font: 'body'\n});\n\nconst content =  style({\n  flexGrow: 1,\n  flexShrink: {\n    [`@container (height < ${500 / 16}rem)`]: 0\n  },\n  overflowY: {\n    default: 'auto',\n    // Make the whole dialog scroll rather than only the content when the height is small.\n    [`@container (height < ${500 / 16}rem)`]: 'visible'\n  },\n  font: 'body',\n  // TODO: adjust margin on mobile?\n  paddingX: {\n    default: 32\n  }\n});\n\nconst footer = style({\n  flexGrow: 1,\n  font: 'body'\n});\n\nconst buttonGroup = style({\n  marginStart: 'auto',\n  maxWidth: 'full'\n});\n\nexport const dialogInner = style({\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  maxHeight: 'inherit',\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  fontFamily: 'sans',\n  borderRadius: 'inherit',\n  overflow: 'auto'\n});\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = forwardRef(function Dialog(props: DialogProps, ref: DOMRef) {\n  let {size = 'M', isDismissible, isKeyboardDismissDisabled} = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    (<Modal size={size} isDismissable={isDismissible} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogInner}>\n        {composeRenderProps(props.children, (children) => (\n          // Render the children multiple times inside the wrappers we need to implement the layout.\n          // Each instance hides certain children so that they are all rendered in the correct locations.\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          (<OverlayTriggerStateContext.Provider value={null}>\n            {/* Hero image */}\n            <Provider\n              values={[\n                [ImageContext, {styles: image}],\n                [HeadingContext, {isHidden: true}],\n                [HeaderContext, {isHidden: true}],\n                [ContentContext, {isHidden: true}],\n                [FooterContext, {isHidden: true}],\n                [ButtonGroupContext, {isHidden: true}]\n              ]}>\n              {children}\n            </Provider>\n            {/* Top header: heading, header, dismiss button, and button group (in fullscreen dialogs). */}\n            <div\n              className={style({\n                // Wrapper that creates the margin for the dismiss button.\n                display: 'flex',\n                alignItems: 'start',\n                columnGap: 12,\n                paddingStart: {\n                  default: 32\n                },\n                paddingEnd: {\n                  default: 32,\n                  isDismissible: 12\n                },\n                paddingTop: {\n                  default: 12 // margin to dismiss button\n                }\n              })({isDismissible: props.isDismissible})}>\n              <div\n                className={style({\n                  // Wrapper for heading, header, and button group.\n                  // This swaps orientation from horizontal to vertical at small screen sizes.\n                  display: 'flex',\n                  flexGrow: 1,\n                  marginTop: {\n                    default: 20, // 32 - 12 (handled above)\n                    ':empty': 0\n                  },\n                  marginBottom: {\n                    default: 16,\n                    ':empty': 0\n                  },\n                  columnGap: 24,\n                  rowGap: 8,\n                  flexDirection: {\n                    default: 'column',\n                    sm: 'row'\n                  },\n                  alignItems: {\n                    default: 'start',\n                    sm: 'center'\n                  }\n                })}>\n                <Provider\n                  values={[\n                    [ImageContext, {hidden: true}],\n                    [HeadingContext, {styles: heading}],\n                    [HeaderContext, {styles: header}],\n                    [ContentContext, {isHidden: true}],\n                    [FooterContext, {isHidden: true}],\n                    [ButtonGroupContext, {isHidden: true}]\n                  ]}>\n                  {children}\n                </Provider>\n              </div>\n              {props.isDismissible &&\n                <CloseButton styles={style({marginBottom: 12})} />\n              }\n            </div>\n            {/* Main content */}\n            <Provider\n              values={[\n                [ImageContext, {hidden: true}],\n                [HeadingContext, {isHidden: true}],\n                [HeaderContext, {isHidden: true}],\n                [ContentContext, {styles: content}],\n                [FooterContext, {isHidden: true}],\n                [ButtonGroupContext, {isHidden: true}]\n              ]}>\n              {children}\n            </Provider>\n            {/* Footer and button group */}\n            <div\n              className={style({\n                display: 'flex',\n                paddingX: {\n                  default: 32\n                },\n                paddingBottom: {\n                  default: 32\n                },\n                paddingTop: {\n                  default: 32,\n                  ':empty': 0\n                },\n                gap: 24,\n                alignItems: 'center',\n                flexWrap: 'wrap'\n              })}>\n              <Provider\n                values={[\n                  [ImageContext, {hidden: true}],\n                  [HeadingContext, {isHidden: true}],\n                  [HeaderContext, {isHidden: true}],\n                  [ContentContext, {isHidden: true}],\n                  [FooterContext, {styles: footer}],\n                  [ButtonGroupContext, {isHidden: props.isDismissible, styles: buttonGroup, align: 'end'}]\n                ]}>\n                {children}\n              </Provider>\n            </div>\n          </OverlayTriggerStateContext.Provider>)\n        ))}\n      </RACDialog>\n    </Modal>)\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Dialog.tsx"],"sourcesContent":["/*\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\nimport {ButtonGroupContext} from './ButtonGroup';\nimport {CloseButton} from './CloseButton';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {ContentContext, FooterContext, HeaderContext, HeadingContext} from './Content';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {ImageContext} from './Image';\nimport {Modal} from './Modal';\nimport {\n  OverlayTriggerStateContext,\n  Dialog as RACDialog,\n  DialogProps as RACDialogProps\n} from 'react-aria-components/Dialog';\nimport {Provider} from 'react-aria-components/slots';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from './useDOMRef';\n\n// TODO: what style overrides should be allowed?\nexport interface DialogProps\n  extends\n    Omit<RACDialogProps, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n    StyleProps {\n  /**\n   * Whether the Dialog is dismissible.\n   */\n  isDismissible?: boolean;\n  /**\n   * The size of the Dialog.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\nconst image = style({\n  width: 'full',\n  height: 140,\n  flexShrink: 0,\n  objectFit: 'cover'\n});\n\nconst heading = style({\n  flexGrow: 1,\n  marginY: 0,\n  font: 'title-2xl'\n});\n\nconst header = style({\n  font: 'body'\n});\n\nconst content = style({\n  flexGrow: 1,\n  flexShrink: {\n    [`@container (height < ${500 / 16}rem)`]: 0\n  },\n  overflowY: {\n    default: 'auto',\n    // Make the whole dialog scroll rather than only the content when the height is small.\n    [`@container (height < ${500 / 16}rem)`]: 'visible'\n  },\n  font: 'body',\n  // TODO: adjust margin on mobile?\n  paddingX: {\n    default: 32\n  }\n});\n\nconst footer = style({\n  flexGrow: 1,\n  font: 'body'\n});\n\nconst buttonGroup = style({\n  marginStart: 'auto',\n  maxWidth: 'full'\n});\n\nexport const dialogInner = style({\n  display: 'flex',\n  flexDirection: 'column',\n  flexGrow: 1,\n  maxHeight: 'inherit',\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  fontFamily: 'sans',\n  borderRadius: 'inherit',\n  overflow: 'auto'\n});\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the\n * user interface. Depending on the kind of Dialog, further interactions may be blocked until the\n * Dialog is acknowledged.\n */\nexport const Dialog = forwardRef(function Dialog(props: DialogProps, ref: DOMRef) {\n  let {size = 'M', isDismissible, isKeyboardDismissDisabled} = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Modal\n      size={size}\n      isDismissable={isDismissible}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogInner}>\n        {composeRenderProps(props.children, children => (\n          // Render the children multiple times inside the wrappers we need to implement the layout.\n          // Each instance hides certain children so that they are all rendered in the correct locations.\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          <OverlayTriggerStateContext.Provider value={null}>\n            {/* Hero image */}\n            <Provider\n              values={[\n                [ImageContext, {styles: image}],\n                [HeadingContext, {isHidden: true}],\n                [HeaderContext, {isHidden: true}],\n                [ContentContext, {isHidden: true}],\n                [FooterContext, {isHidden: true}],\n                [ButtonGroupContext, {isHidden: true}]\n              ]}>\n              {children}\n            </Provider>\n            {/* Top header: heading, header, dismiss button, and button group (in fullscreen dialogs). */}\n            <div\n              className={style({\n                // Wrapper that creates the margin for the dismiss button.\n                display: 'flex',\n                alignItems: 'start',\n                columnGap: 12,\n                paddingStart: {\n                  default: 32\n                },\n                paddingEnd: {\n                  default: 32,\n                  isDismissible: 12\n                },\n                paddingTop: {\n                  default: 12 // margin to dismiss button\n                }\n              })({isDismissible: props.isDismissible})}>\n              <div\n                className={style({\n                  // Wrapper for heading, header, and button group.\n                  // This swaps orientation from horizontal to vertical at small screen sizes.\n                  display: 'flex',\n                  flexGrow: 1,\n                  marginTop: {\n                    default: 20, // 32 - 12 (handled above)\n                    ':empty': 0\n                  },\n                  marginBottom: {\n                    default: 16,\n                    ':empty': 0\n                  },\n                  columnGap: 24,\n                  rowGap: 8,\n                  flexDirection: {\n                    default: 'column',\n                    sm: 'row'\n                  },\n                  alignItems: {\n                    default: 'start',\n                    sm: 'center'\n                  }\n                })}>\n                <Provider\n                  values={[\n                    [ImageContext, {hidden: true}],\n                    [HeadingContext, {styles: heading}],\n                    [HeaderContext, {styles: header}],\n                    [ContentContext, {isHidden: true}],\n                    [FooterContext, {isHidden: true}],\n                    [ButtonGroupContext, {isHidden: true}]\n                  ]}>\n                  {children}\n                </Provider>\n              </div>\n              {props.isDismissible && <CloseButton styles={style({marginBottom: 12})} />}\n            </div>\n            {/* Main content */}\n            <Provider\n              values={[\n                [ImageContext, {hidden: true}],\n                [HeadingContext, {isHidden: true}],\n                [HeaderContext, {isHidden: true}],\n                [ContentContext, {styles: content}],\n                [FooterContext, {isHidden: true}],\n                [ButtonGroupContext, {isHidden: true}]\n              ]}>\n              {children}\n            </Provider>\n            {/* Footer and button group */}\n            <div\n              className={style({\n                display: 'flex',\n                paddingX: {\n                  default: 32\n                },\n                paddingBottom: {\n                  default: 32\n                },\n                paddingTop: {\n                  default: 32,\n                  ':empty': 0\n                },\n                gap: 24,\n                alignItems: 'center',\n                flexWrap: 'wrap'\n              })}>\n              <Provider\n                values={[\n                  [ImageContext, {hidden: true}],\n                  [HeadingContext, {isHidden: true}],\n                  [HeaderContext, {isHidden: true}],\n                  [ContentContext, {isHidden: true}],\n                  [FooterContext, {styles: footer}],\n                  [\n                    ButtonGroupContext,\n                    {isHidden: props.isDismissible, styles: buttonGroup, align: 'end'}\n                  ]\n                ]}>\n                {children}\n              </Provider>\n            </div>\n          </OverlayTriggerStateContext.Provider>\n        ))}\n      </RACDialog>\n    </Modal>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.cjs.map"}