@react-spectrum/s2 1.3.0 → 1.4.0

package/dist/private/RangeCalendar.cjs

@@ -54,23 +54,23 @@ const $ad2936801c627ac5$var$calendarStyles = function anonymous(props, overrides
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    rules += ' sd13';
-    if (props.isMultiMonth) rules += ' -_4DHzJc-e4mUs13';
-    else rules += ' -_4DHzJc-0u6p5b13';
-    rules += ' _ta13';
-    rules += ' Uj13';
-    rules += ' qj13';
-    rules += ' __ca13';
-    rules += ' -uq4sQ-Sp13';
-    rules += ' -LnVzy-ZC13';
-    if (props.isMultiMonth) rules += ' -cYDWLb-ZFFQGNb13';
-    else rules += ' -cYDWLb-ZnqRBTd13';
+    rules += ' sd131';
+    if (props.isMultiMonth) rules += ' -_4DHzJc-e4mUs131';
+    else rules += ' -_4DHzJc-0u6p5b131';
+    rules += ' _ta131';
+    rules += ' Uj131';
+    rules += ' qj131';
+    rules += ' __ca131';
+    rules += ' -uq4sQ-Sp131';
+    rules += ' -LnVzy-ZC131';
+    if (props.isMultiMonth) rules += ' -cYDWLb-ZFFQGNb131';
+    else rules += ' -cYDWLb-ZnqRBTd131';
     if (props.isMultiMonth) {
-        if (!width) rules += ' ZJ13';
-    } else if (!width) rules += ' ZRqDA2c13';
+        if (!width) rules += ' ZJ131';
+    } else if (!width) rules += ' ZRqDA2c131';
     if (props.isMultiMonth) {
-        if (!maxWidth) rules += ' Le4mUs13';
-    } else if (!maxWidth) rules += ' La13';
+        if (!maxWidth) rules += ' Le4mUs131';
+    } else if (!maxWidth) rules += ' La131';
     return rules;
 };
 const $ad2936801c627ac5$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $3M0RL$react.forwardRef)(function RangeCalendar(props, ref) {
@@ -105,10 +105,12 @@ const $ad2936801c627ac5$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $3M0RL$react
                                 null
                             ]
                         ],
-                        children: /*#__PURE__*/ (0, $3M0RL$reactjsxruntime.jsx)((0, $e9e9a0d15c3364d7$exports.CalendarHeader), {})
+                        children: /*#__PURE__*/ (0, $3M0RL$reactjsxruntime.jsx)((0, $e9e9a0d15c3364d7$exports.CalendarHeader), {
+                            visibleMonths: visibleMonths
+                        })
                     }),
                     /*#__PURE__*/ (0, $3M0RL$reactjsxruntime.jsx)("div", {
-                        className: " sd13 _tc13 Uj13 qj13 ed13",
+                        className: " sd131 _tc131 Uj131 qj131 ed131",
                         children: Array.from({
                             length: visibleMonths
                         }).map((_, i)=>/*#__PURE__*/ (0, $3M0RL$reactjsxruntime.jsx)((0, $e9e9a0d15c3364d7$exports.CalendarGrid), {

package/dist/private/RangeCalendar.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAmCM,MAAM,0DAAuB,CAAA,GAAA,0BAAY,EAAkE;AAElH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCC,MAAM,4CAA8B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,cAAmC,KAA4B,EAAE,GAAiC;IACnL,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,iBACF,gBAAgB,iBAChB,YAAY,gBACZ,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,YACJ,GAAG;IACJ,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,IAAI,eAAe,gBAAgB;IACnC,qBACE,gCAAC,CAAA,GAAA,qDAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,iBAAiB;YAAC,QAAQ;QAAa;QACvC,OAAO;YAAC,GAAG,YAAY;YAAE,mBAAmB;QAAa;QACzD,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,qCAAe;0BAAC;QAAY,GAAG;kBACpE,CAAC,aAAC,SAAS,cAAE,UAAU,EAAC;YACvB,qBACE;;kCACE,gCAAC,CAAA,GAAA,wCAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,uCAAY;gCAAG;6BAAK;4BACrB;gCAAC,CAAA,GAAA,wCAAa;gCAAG;6BAAK;yBACvB;kCACD,cAAA,gCAAC,CAAA,GAAA,wCAAa;;kCAEhB,gCAAC;wBACC,SAAS;kCAMR,MAAM,IAAI,CAAC;4BAAC,QAAQ;wBAAa,GAAG,GAAG,CAAC,CAAC,GAAG,kBAC3C,gCAAC,CAAA,GAAA,sCAAW;gCAAU,QAAQ;+BAAX;;oBAGtB,2BACC,gCAAC,CAAA,GAAA,mCAAG;wBAAE,MAAK;wBAAe,WAAW,CAAA,GAAA,wCAAa,EAAE;uCAAC;wCAAW;4BAAY,MAAM;wBAAG;kCAClF,gBAAgB,gBAAgB,MAAM,CAAC,6BAA6B;4BAAC,eAAe;wBAAC;;;;QAKhG;;AAGN","sources":["packages/@react-spectrum/s2/src/RangeCalendar.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  RangeCalendar as AriaRangeCalendar,\n  RangeCalendarProps as AriaRangeCalendarProps,\n  DateValue\n} from 'react-aria-components/RangeCalendar';\nimport {CalendarGrid, CalendarHeader} from './Calendar';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {createContext, CSSProperties, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {HeaderContext, HeadingContext} from './Content';\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {Text} from 'react-aria-components/Text';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeCalendarProps<T extends DateValue>\n  extends Omit<AriaRangeCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'render' | 'children' | 'styles' | keyof GlobalDOMAttributes>,\n  StyleProps {\n  /**\n   * The error message to display when the calendar is invalid.\n   */\n  errorMessage?: ReactNode,\n  /**\n   * The number of months to display at once.\n   * @default 1\n   */\n  visibleMonths?: number\n}\n\nexport const RangeCalendarContext = createContext<ContextValue<Partial<RangeCalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style<{isMultiMonth?: boolean}>({\n  display: 'flex',\n  containerType: {\n    default: 'inline-size',\n    isMultiMonth: 'unset'\n  },\n  flexDirection: 'column',\n  gap: 24,\n  disableTapHighlight: true,\n  '--cell-gap': {\n    type: 'paddingStart',\n    value: 4\n  },\n  '--cell-max-width': {\n    type: 'width',\n    value: 32\n  },\n  '--cell-responsive-size': {\n    type: 'width',\n    value: {\n      default: '[min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7)]',\n      isMultiMonth: '--cell-max-width'\n    }\n  },\n  width: {\n    default: 'calc(7 * var(--cell-max-width) + var(--cell-gap) * 12)',\n    isMultiMonth: 'fit'\n  },\n  maxWidth: {\n    default: 'full',\n    isMultiMonth: 'unset'\n  }\n}, getAllowedOverrides());\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.\n */\nexport const RangeCalendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function RangeCalendar<T extends DateValue>(props: RangeCalendarProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RangeCalendarContext);\n  let {\n    visibleMonths = 1,\n    errorMessage,\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  let isMultiMonth = visibleMonths > 1;\n  return (\n    <AriaRangeCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={{...UNSAFE_style, '--num-calendars': visibleMonths} as CSSProperties}\n      className={(UNSAFE_className || '') + calendarStyles({isMultiMonth}, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <CalendarHeader />\n            </Provider>\n            <div\n              className={style({\n                display: 'flex',\n                flexDirection: 'row',\n                gap: 24,\n                alignItems: 'start'\n              })}>\n              {Array.from({length: visibleMonths}).map((_, i) => (\n                <CalendarGrid key={i} months={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text slot=\"errorMessage\" className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage || stringFormatter.format('calendar.invalidSelection', {selectedCount: 2})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaRangeCalendar>\n  );\n});\n"],"names":[],"version":3,"file":"RangeCalendar.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA+CM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAAkE;AAEhF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,MAAM,4CAA8B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,cAEjF,KAA4B,EAAE,GAAiC;IAC/D,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,iBACF,gBAAgB,iBAChB,YAAY,gBACZ,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,YACJ,GAAG;IACJ,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,IAAI,eAAe,gBAAgB;IACnC,qBACE,gCAAC,CAAA,GAAA,qDAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,iBAAiB;YAAC,QAAQ;QAAa;QACvC,OAAO;YAAC,GAAG,YAAY;YAAE,mBAAmB;QAAa;QACzD,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,qCAAe;0BAAC;QAAY,GAAG;kBACpE,CAAC,aAAC,SAAS,cAAE,UAAU,EAAC;YACvB,qBACE;;kCACE,gCAAC,CAAA,GAAA,wCAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,uCAAY;gCAAG;6BAAK;4BACrB;gCAAC,CAAA,GAAA,wCAAa;gCAAG;6BAAK;yBACvB;kCACD,cAAA,gCAAC,CAAA,GAAA,wCAAa;4BAAE,eAAe;;;kCAEjC,gCAAC;wBACC,SAAS;kCAMR,MAAM,IAAI,CAAC;4BAAC,QAAQ;wBAAa,GAAG,GAAG,CAAC,CAAC,GAAG,kBAC3C,gCAAC,CAAA,GAAA,sCAAW;gCAAU,QAAQ;+BAAX;;oBAGtB,2BACC,gCAAC,CAAA,GAAA,mCAAG;wBACF,MAAK;wBACL,WAAW,CAAA,GAAA,wCAAa,EAAE;uCAAC;wCAAW;4BAAY,MAAM;wBAAG;kCAC1D,gBACC,gBAAgB,MAAM,CAAC,6BAA6B;4BAAC,eAAe;wBAAC;;;;QAKjF;;AAGN","sources":["packages/@react-spectrum/s2/src/RangeCalendar.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  RangeCalendar as AriaRangeCalendar,\n  RangeCalendarProps as AriaRangeCalendarProps,\n  DateValue\n} from 'react-aria-components/RangeCalendar';\nimport {CalendarGrid, CalendarHeader} from './Calendar';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {createContext, CSSProperties, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {HeaderContext, HeadingContext} from './Content';\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {Text} from 'react-aria-components/Text';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeCalendarProps<T extends DateValue>\n  extends\n    Omit<\n      AriaRangeCalendarProps<T>,\n      | 'visibleDuration'\n      | 'weeksInMonth'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'children'\n      | 'styles'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /**\n   * The error message to display when the calendar is invalid.\n   */\n  errorMessage?: ReactNode;\n  /**\n   * The number of months to display at once.\n   *\n   * @default 1\n   */\n  visibleMonths?: number;\n}\n\nexport const RangeCalendarContext =\n  createContext<ContextValue<Partial<RangeCalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style<{isMultiMonth?: boolean}>(\n  {\n    display: 'flex',\n    containerType: {\n      default: 'inline-size',\n      isMultiMonth: 'unset'\n    },\n    flexDirection: 'column',\n    gap: 24,\n    disableTapHighlight: true,\n    '--cell-gap': {\n      type: 'paddingStart',\n      value: 4\n    },\n    '--cell-max-width': {\n      type: 'width',\n      value: 32\n    },\n    '--cell-responsive-size': {\n      type: 'width',\n      value: {\n        default: '[min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7)]',\n        isMultiMonth: '--cell-max-width'\n      }\n    },\n    width: {\n      default: 'calc(7 * var(--cell-max-width) + var(--cell-gap) * 12)',\n      isMultiMonth: 'fit'\n    },\n    maxWidth: {\n      default: 'full',\n      isMultiMonth: 'unset'\n    }\n  },\n  getAllowedOverrides()\n);\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a\n * contiguous range of dates.\n */\nexport const RangeCalendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function RangeCalendar<\n  T extends DateValue\n>(props: RangeCalendarProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RangeCalendarContext);\n  let {\n    visibleMonths = 1,\n    errorMessage,\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  let isMultiMonth = visibleMonths > 1;\n  return (\n    <AriaRangeCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={{...UNSAFE_style, '--num-calendars': visibleMonths} as CSSProperties}\n      className={(UNSAFE_className || '') + calendarStyles({isMultiMonth}, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <CalendarHeader visibleMonths={visibleMonths} />\n            </Provider>\n            <div\n              className={style({\n                display: 'flex',\n                flexDirection: 'row',\n                gap: 24,\n                alignItems: 'start'\n              })}>\n              {Array.from({length: visibleMonths}).map((_, i) => (\n                <CalendarGrid key={i} months={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text\n                slot=\"errorMessage\"\n                className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage ||\n                  stringFormatter.format('calendar.invalidSelection', {selectedCount: 2})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaRangeCalendar>\n  );\n});\n"],"names":[],"version":3,"file":"RangeCalendar.cjs.map"}

package/dist/private/RangeCalendar.css

@@ -1,69 +1,69 @@
 @layer _.a {
-  .-_4DHzJc-0u6p5b13 {
+  .-_4DHzJc-0u6p5b131 {
     container-type: inline-size;
   }
 
-  .-_4DHzJc-e4mUs13 {
+  .-_4DHzJc-e4mUs131 {
     container-type: unset;
   }
 
-  ._ta13 {
+  ._ta131 {
     flex-direction: column;
   }
 
-  .__ca13 {
+  .__ca131 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .-uq4sQ-Sp13 {
+  .-uq4sQ-Sp131 {
     --cell-gap: 4px;
   }
 
-  .-LnVzy-ZC13 {
+  .-LnVzy-ZC131 {
     --cell-max-width: calc(2rem * var(--s2-scale));
   }
 
-  .-cYDWLb-ZnqRBTd13 {
+  .-cYDWLb-ZnqRBTd131 {
     --cell-responsive-size: min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7);
   }
 
-  .-cYDWLb-ZFFQGNb13 {
+  .-cYDWLb-ZFFQGNb131 {
     --cell-responsive-size: var(--cell-max-width);
   }
 
-  .ZRqDA2c13 {
+  .ZRqDA2c131 {
     width: calc(7 * var(--cell-max-width) + var(--cell-gap) * 12);
   }
 
-  .ZJ13 {
+  .ZJ131 {
     width: fit-content;
   }
 
-  .La13 {
+  .La131 {
     max-width: 100%;
   }
 
-  .Le4mUs13 {
+  .Le4mUs131 {
     max-width: unset;
   }
 
-  .sd13 {
+  .sd131 {
     display: flex;
   }
 
-  ._tc13 {
+  ._tc131 {
     flex-direction: row;
   }
 
-  .Uj13 {
+  .Uj131 {
     row-gap: 1.5rem;
   }
 
-  .qj13 {
+  .qj131 {
     column-gap: 1.5rem;
   }
 
-  .ed13 {
+  .ed131 {
     align-items: start;
   }
 }

package/dist/private/RangeCalendar.css.map

@@ -1 +1 @@
-{"mappings":"AC+CuB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAoEE;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["42cf5e6605cbc425","packages/@react-spectrum/s2/src/RangeCalendar.tsx"],"sourcesContent":["@import \"a96c42e4e83cb7f1\";\n@import \"e7d3fb02921850b9\";\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\nimport {\n  RangeCalendar as AriaRangeCalendar,\n  RangeCalendarProps as AriaRangeCalendarProps,\n  DateValue\n} from 'react-aria-components/RangeCalendar';\nimport {CalendarGrid, CalendarHeader} from './Calendar';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {createContext, CSSProperties, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {HeaderContext, HeadingContext} from './Content';\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {Text} from 'react-aria-components/Text';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeCalendarProps<T extends DateValue>\n  extends Omit<AriaRangeCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'render' | 'children' | 'styles' | keyof GlobalDOMAttributes>,\n  StyleProps {\n  /**\n   * The error message to display when the calendar is invalid.\n   */\n  errorMessage?: ReactNode,\n  /**\n   * The number of months to display at once.\n   * @default 1\n   */\n  visibleMonths?: number\n}\n\nexport const RangeCalendarContext = createContext<ContextValue<Partial<RangeCalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style<{isMultiMonth?: boolean}>({\n  display: 'flex',\n  containerType: {\n    default: 'inline-size',\n    isMultiMonth: 'unset'\n  },\n  flexDirection: 'column',\n  gap: 24,\n  disableTapHighlight: true,\n  '--cell-gap': {\n    type: 'paddingStart',\n    value: 4\n  },\n  '--cell-max-width': {\n    type: 'width',\n    value: 32\n  },\n  '--cell-responsive-size': {\n    type: 'width',\n    value: {\n      default: '[min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7)]',\n      isMultiMonth: '--cell-max-width'\n    }\n  },\n  width: {\n    default: 'calc(7 * var(--cell-max-width) + var(--cell-gap) * 12)',\n    isMultiMonth: 'fit'\n  },\n  maxWidth: {\n    default: 'full',\n    isMultiMonth: 'unset'\n  }\n}, getAllowedOverrides());\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.\n */\nexport const RangeCalendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function RangeCalendar<T extends DateValue>(props: RangeCalendarProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RangeCalendarContext);\n  let {\n    visibleMonths = 1,\n    errorMessage,\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  let isMultiMonth = visibleMonths > 1;\n  return (\n    <AriaRangeCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={{...UNSAFE_style, '--num-calendars': visibleMonths} as CSSProperties}\n      className={(UNSAFE_className || '') + calendarStyles({isMultiMonth}, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <CalendarHeader />\n            </Provider>\n            <div\n              className={style({\n                display: 'flex',\n                flexDirection: 'row',\n                gap: 24,\n                alignItems: 'start'\n              })}>\n              {Array.from({length: visibleMonths}).map((_, i) => (\n                <CalendarGrid key={i} months={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text slot=\"errorMessage\" className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage || stringFormatter.format('calendar.invalidSelection', {selectedCount: 2})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaRangeCalendar>\n  );\n});\n"],"names":[],"version":3,"file":"RangeCalendar.css.map"}
+{"mappings":"AC4DuB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA0EE;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["42cf5e6605cbc425","packages/@react-spectrum/s2/src/RangeCalendar.tsx"],"sourcesContent":["@import \"a96c42e4e83cb7f1\";\n@import \"e7d3fb02921850b9\";\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\nimport {\n  RangeCalendar as AriaRangeCalendar,\n  RangeCalendarProps as AriaRangeCalendarProps,\n  DateValue\n} from 'react-aria-components/RangeCalendar';\nimport {CalendarGrid, CalendarHeader} from './Calendar';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {createContext, CSSProperties, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {HeaderContext, HeadingContext} from './Content';\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {Text} from 'react-aria-components/Text';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeCalendarProps<T extends DateValue>\n  extends\n    Omit<\n      AriaRangeCalendarProps<T>,\n      | 'visibleDuration'\n      | 'weeksInMonth'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'children'\n      | 'styles'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /**\n   * The error message to display when the calendar is invalid.\n   */\n  errorMessage?: ReactNode;\n  /**\n   * The number of months to display at once.\n   *\n   * @default 1\n   */\n  visibleMonths?: number;\n}\n\nexport const RangeCalendarContext =\n  createContext<ContextValue<Partial<RangeCalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style<{isMultiMonth?: boolean}>(\n  {\n    display: 'flex',\n    containerType: {\n      default: 'inline-size',\n      isMultiMonth: 'unset'\n    },\n    flexDirection: 'column',\n    gap: 24,\n    disableTapHighlight: true,\n    '--cell-gap': {\n      type: 'paddingStart',\n      value: 4\n    },\n    '--cell-max-width': {\n      type: 'width',\n      value: 32\n    },\n    '--cell-responsive-size': {\n      type: 'width',\n      value: {\n        default: '[min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7)]',\n        isMultiMonth: '--cell-max-width'\n      }\n    },\n    width: {\n      default: 'calc(7 * var(--cell-max-width) + var(--cell-gap) * 12)',\n      isMultiMonth: 'fit'\n    },\n    maxWidth: {\n      default: 'full',\n      isMultiMonth: 'unset'\n    }\n  },\n  getAllowedOverrides()\n);\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a\n * contiguous range of dates.\n */\nexport const RangeCalendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function RangeCalendar<\n  T extends DateValue\n>(props: RangeCalendarProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RangeCalendarContext);\n  let {\n    visibleMonths = 1,\n    errorMessage,\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  let isMultiMonth = visibleMonths > 1;\n  return (\n    <AriaRangeCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={{...UNSAFE_style, '--num-calendars': visibleMonths} as CSSProperties}\n      className={(UNSAFE_className || '') + calendarStyles({isMultiMonth}, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <CalendarHeader visibleMonths={visibleMonths} />\n            </Provider>\n            <div\n              className={style({\n                display: 'flex',\n                flexDirection: 'row',\n                gap: 24,\n                alignItems: 'start'\n              })}>\n              {Array.from({length: visibleMonths}).map((_, i) => (\n                <CalendarGrid key={i} months={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text\n                slot=\"errorMessage\"\n                className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage ||\n                  stringFormatter.format('calendar.invalidSelection', {selectedCount: 2})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaRangeCalendar>\n  );\n});\n"],"names":[],"version":3,"file":"RangeCalendar.css.map"}

package/dist/private/RangeCalendar.mjs

@@ -47,23 +47,23 @@ const $ecdee84c2f0ddfb5$var$calendarStyles = function anonymous(props, overrides
         if (p[1] === "L") maxWidth = true;
         rules += p[0];
     }
-    rules += ' sd13';
-    if (props.isMultiMonth) rules += ' -_4DHzJc-e4mUs13';
-    else rules += ' -_4DHzJc-0u6p5b13';
-    rules += ' _ta13';
-    rules += ' Uj13';
-    rules += ' qj13';
-    rules += ' __ca13';
-    rules += ' -uq4sQ-Sp13';
-    rules += ' -LnVzy-ZC13';
-    if (props.isMultiMonth) rules += ' -cYDWLb-ZFFQGNb13';
-    else rules += ' -cYDWLb-ZnqRBTd13';
+    rules += ' sd131';
+    if (props.isMultiMonth) rules += ' -_4DHzJc-e4mUs131';
+    else rules += ' -_4DHzJc-0u6p5b131';
+    rules += ' _ta131';
+    rules += ' Uj131';
+    rules += ' qj131';
+    rules += ' __ca131';
+    rules += ' -uq4sQ-Sp131';
+    rules += ' -LnVzy-ZC131';
+    if (props.isMultiMonth) rules += ' -cYDWLb-ZFFQGNb131';
+    else rules += ' -cYDWLb-ZnqRBTd131';
     if (props.isMultiMonth) {
-        if (!width) rules += ' ZJ13';
-    } else if (!width) rules += ' ZRqDA2c13';
+        if (!width) rules += ' ZJ131';
+    } else if (!width) rules += ' ZRqDA2c131';
     if (props.isMultiMonth) {
-        if (!maxWidth) rules += ' Le4mUs13';
-    } else if (!maxWidth) rules += ' La13';
+        if (!maxWidth) rules += ' Le4mUs131';
+    } else if (!maxWidth) rules += ' La131';
     return rules;
 };
 const $ecdee84c2f0ddfb5$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $6je1a$forwardRef)(function RangeCalendar(props, ref) {
@@ -98,10 +98,12 @@ const $ecdee84c2f0ddfb5$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $6je1a$forwa
                                 null
                             ]
                         ],
-                        children: /*#__PURE__*/ (0, $6je1a$jsx)((0, $f06f4d5597ad704c$export$9c75275274db0b56), {})
+                        children: /*#__PURE__*/ (0, $6je1a$jsx)((0, $f06f4d5597ad704c$export$9c75275274db0b56), {
+                            visibleMonths: visibleMonths
+                        })
                     }),
                     /*#__PURE__*/ (0, $6je1a$jsx)("div", {
-                        className: " sd13 _tc13 Uj13 qj13 ed13",
+                        className: " sd131 _tc131 Uj131 qj131 ed131",
                         children: Array.from({
                             length: visibleMonths
                         }).map((_, i)=>/*#__PURE__*/ (0, $6je1a$jsx)((0, $f06f4d5597ad704c$export$5bd780d491cfc46c), {

package/dist/private/RangeCalendar.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAmCM,MAAM,0DAAuB,CAAA,GAAA,oBAAY,EAAkE;AAElH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCC,MAAM,4CAA8B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,cAAmC,KAA4B,EAAE,GAAiC;IACnL,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,iBACF,gBAAgB,iBAChB,YAAY,gBACZ,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,YACJ,GAAG;IACJ,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAEhE,IAAI,eAAe,gBAAgB;IACnC,qBACE,gBAAC,CAAA,GAAA,oBAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,iBAAiB;YAAC,QAAQ;QAAa;QACvC,OAAO;YAAC,GAAG,YAAY;YAAE,mBAAmB;QAAa;QACzD,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,qCAAe;0BAAC;QAAY,GAAG;kBACpE,CAAC,aAAC,SAAS,cAAE,UAAU,EAAC;YACvB,qBACE;;kCACE,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,yCAAY;gCAAG;6BAAK;4BACrB;gCAAC,CAAA,GAAA,yCAAa;gCAAG;6BAAK;yBACvB;kCACD,cAAA,gBAAC,CAAA,GAAA,yCAAa;;kCAEhB,gBAAC;wBACC,SAAS;kCAMR,MAAM,IAAI,CAAC;4BAAC,QAAQ;wBAAa,GAAG,GAAG,CAAC,CAAC,GAAG,kBAC3C,gBAAC,CAAA,GAAA,yCAAW;gCAAU,QAAQ;+BAAX;;oBAGtB,2BACC,gBAAC,CAAA,GAAA,WAAG;wBAAE,MAAK;wBAAe,WAAW,CAAA,GAAA,yCAAa,EAAE;uCAAC;wCAAW;4BAAY,MAAM;wBAAG;kCAClF,gBAAgB,gBAAgB,MAAM,CAAC,6BAA6B;4BAAC,eAAe;wBAAC;;;;QAKhG;;AAGN","sources":["packages/@react-spectrum/s2/src/RangeCalendar.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  RangeCalendar as AriaRangeCalendar,\n  RangeCalendarProps as AriaRangeCalendarProps,\n  DateValue\n} from 'react-aria-components/RangeCalendar';\nimport {CalendarGrid, CalendarHeader} from './Calendar';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {createContext, CSSProperties, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {HeaderContext, HeadingContext} from './Content';\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {Text} from 'react-aria-components/Text';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeCalendarProps<T extends DateValue>\n  extends Omit<AriaRangeCalendarProps<T>, 'visibleDuration' | 'style' | 'className' | 'render' | 'children' | 'styles' | keyof GlobalDOMAttributes>,\n  StyleProps {\n  /**\n   * The error message to display when the calendar is invalid.\n   */\n  errorMessage?: ReactNode,\n  /**\n   * The number of months to display at once.\n   * @default 1\n   */\n  visibleMonths?: number\n}\n\nexport const RangeCalendarContext = createContext<ContextValue<Partial<RangeCalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style<{isMultiMonth?: boolean}>({\n  display: 'flex',\n  containerType: {\n    default: 'inline-size',\n    isMultiMonth: 'unset'\n  },\n  flexDirection: 'column',\n  gap: 24,\n  disableTapHighlight: true,\n  '--cell-gap': {\n    type: 'paddingStart',\n    value: 4\n  },\n  '--cell-max-width': {\n    type: 'width',\n    value: 32\n  },\n  '--cell-responsive-size': {\n    type: 'width',\n    value: {\n      default: '[min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7)]',\n      isMultiMonth: '--cell-max-width'\n    }\n  },\n  width: {\n    default: 'calc(7 * var(--cell-max-width) + var(--cell-gap) * 12)',\n    isMultiMonth: 'fit'\n  },\n  maxWidth: {\n    default: 'full',\n    isMultiMonth: 'unset'\n  }\n}, getAllowedOverrides());\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a contiguous range of dates.\n */\nexport const RangeCalendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function RangeCalendar<T extends DateValue>(props: RangeCalendarProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RangeCalendarContext);\n  let {\n    visibleMonths = 1,\n    errorMessage,\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  let isMultiMonth = visibleMonths > 1;\n  return (\n    <AriaRangeCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={{...UNSAFE_style, '--num-calendars': visibleMonths} as CSSProperties}\n      className={(UNSAFE_className || '') + calendarStyles({isMultiMonth}, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <CalendarHeader />\n            </Provider>\n            <div\n              className={style({\n                display: 'flex',\n                flexDirection: 'row',\n                gap: 24,\n                alignItems: 'start'\n              })}>\n              {Array.from({length: visibleMonths}).map((_, i) => (\n                <CalendarGrid key={i} months={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text slot=\"errorMessage\" className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage || stringFormatter.format('calendar.invalidSelection', {selectedCount: 2})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaRangeCalendar>\n  );\n});\n"],"names":[],"version":3,"file":"RangeCalendar.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA+CM,MAAM,0DACX,CAAA,GAAA,oBAAY,EAAkE;AAEhF,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCC,MAAM,4CAA8B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,cAEjF,KAA4B,EAAE,GAAiC;IAC/D,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,iBACF,gBAAgB,iBAChB,YAAY,gBACZ,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,YACJ,GAAG;IACJ,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAEhE,IAAI,eAAe,gBAAgB;IACnC,qBACE,gBAAC,CAAA,GAAA,oBAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,iBAAiB;YAAC,QAAQ;QAAa;QACvC,OAAO;YAAC,GAAG,YAAY;YAAE,mBAAmB;QAAa;QACzD,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,qCAAe;0BAAC;QAAY,GAAG;kBACpE,CAAC,aAAC,SAAS,cAAE,UAAU,EAAC;YACvB,qBACE;;kCACE,gBAAC,CAAA,GAAA,eAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,yCAAY;gCAAG;6BAAK;4BACrB;gCAAC,CAAA,GAAA,yCAAa;gCAAG;6BAAK;yBACvB;kCACD,cAAA,gBAAC,CAAA,GAAA,yCAAa;4BAAE,eAAe;;;kCAEjC,gBAAC;wBACC,SAAS;kCAMR,MAAM,IAAI,CAAC;4BAAC,QAAQ;wBAAa,GAAG,GAAG,CAAC,CAAC,GAAG,kBAC3C,gBAAC,CAAA,GAAA,yCAAW;gCAAU,QAAQ;+BAAX;;oBAGtB,2BACC,gBAAC,CAAA,GAAA,WAAG;wBACF,MAAK;wBACL,WAAW,CAAA,GAAA,yCAAa,EAAE;uCAAC;wCAAW;4BAAY,MAAM;wBAAG;kCAC1D,gBACC,gBAAgB,MAAM,CAAC,6BAA6B;4BAAC,eAAe;wBAAC;;;;QAKjF;;AAGN","sources":["packages/@react-spectrum/s2/src/RangeCalendar.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  RangeCalendar as AriaRangeCalendar,\n  RangeCalendarProps as AriaRangeCalendarProps,\n  DateValue\n} from 'react-aria-components/RangeCalendar';\nimport {CalendarGrid, CalendarHeader} from './Calendar';\nimport {ContextValue, Provider} from 'react-aria-components/slots';\nimport {createContext, CSSProperties, ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {forwardRefType, GlobalDOMAttributes} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {HeaderContext, HeadingContext} from './Content';\nimport {helpTextStyles} from './Field';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {style} from '../style' with {type: 'macro'};\nimport {Text} from 'react-aria-components/Text';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeCalendarProps<T extends DateValue>\n  extends\n    Omit<\n      AriaRangeCalendarProps<T>,\n      | 'visibleDuration'\n      | 'weeksInMonth'\n      | 'style'\n      | 'className'\n      | 'render'\n      | 'children'\n      | 'styles'\n      | keyof GlobalDOMAttributes\n    >,\n    StyleProps {\n  /**\n   * The error message to display when the calendar is invalid.\n   */\n  errorMessage?: ReactNode;\n  /**\n   * The number of months to display at once.\n   *\n   * @default 1\n   */\n  visibleMonths?: number;\n}\n\nexport const RangeCalendarContext =\n  createContext<ContextValue<Partial<RangeCalendarProps<any>>, HTMLDivElement>>(null);\n\nconst calendarStyles = style<{isMultiMonth?: boolean}>(\n  {\n    display: 'flex',\n    containerType: {\n      default: 'inline-size',\n      isMultiMonth: 'unset'\n    },\n    flexDirection: 'column',\n    gap: 24,\n    disableTapHighlight: true,\n    '--cell-gap': {\n      type: 'paddingStart',\n      value: 4\n    },\n    '--cell-max-width': {\n      type: 'width',\n      value: 32\n    },\n    '--cell-responsive-size': {\n      type: 'width',\n      value: {\n        default: '[min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7)]',\n        isMultiMonth: '--cell-max-width'\n      }\n    },\n    width: {\n      default: 'calc(7 * var(--cell-max-width) + var(--cell-gap) * 12)',\n      isMultiMonth: 'fit'\n    },\n    maxWidth: {\n      default: 'full',\n      isMultiMonth: 'unset'\n    }\n  },\n  getAllowedOverrides()\n);\n\n/**\n * RangeCalendars display a grid of days in one or more months and allow users to select a\n * contiguous range of dates.\n */\nexport const RangeCalendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function RangeCalendar<\n  T extends DateValue\n>(props: RangeCalendarProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RangeCalendarContext);\n  let {\n    visibleMonths = 1,\n    errorMessage,\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  let isMultiMonth = visibleMonths > 1;\n  return (\n    <AriaRangeCalendar\n      {...otherProps}\n      ref={ref}\n      visibleDuration={{months: visibleMonths}}\n      style={{...UNSAFE_style, '--num-calendars': visibleMonths} as CSSProperties}\n      className={(UNSAFE_className || '') + calendarStyles({isMultiMonth}, styles)}>\n      {({isInvalid, isDisabled}) => {\n        return (\n          <>\n            <Provider\n              values={[\n                [HeaderContext, null],\n                [HeadingContext, null]\n              ]}>\n              <CalendarHeader visibleMonths={visibleMonths} />\n            </Provider>\n            <div\n              className={style({\n                display: 'flex',\n                flexDirection: 'row',\n                gap: 24,\n                alignItems: 'start'\n              })}>\n              {Array.from({length: visibleMonths}).map((_, i) => (\n                <CalendarGrid key={i} months={i} />\n              ))}\n            </div>\n            {isInvalid && (\n              <Text\n                slot=\"errorMessage\"\n                className={helpTextStyles({isInvalid, isDisabled, size: 'M'})}>\n                {errorMessage ||\n                  stringFormatter.format('calendar.invalidSelection', {selectedCount: 2})}\n              </Text>\n            )}\n          </>\n        );\n      }}\n    </AriaRangeCalendar>\n  );\n});\n"],"names":[],"version":3,"file":"RangeCalendar.mjs.map"}

package/dist/private/RangeSlider.cjs

@@ -7,7 +7,6 @@ var $ac757a4c2bd72aee$exports = require("../../icons/useSpectrumContextProps.cjs
 var $lbQ1p$reactjsxruntime = require("react/jsx-runtime");
 var $lbQ1p$react = require("react");
 var $lbQ1p$reactariacomponentsSlider = require("react-aria-components/Slider");
-var $lbQ1p$reactariaI18nProvider = require("react-aria/I18nProvider");
 var $lbQ1p$reactariauseLocalizedStringFormatter = require("react-aria/useLocalizedStringFormatter");
 
 
@@ -41,7 +40,6 @@ $parcel$export(module.exports, "RangeSlider", () => $bf1a51351cead47b$export$826
 
 
 
-
 const $bf1a51351cead47b$export$9e0b46d8c4f4c18f = /*#__PURE__*/ (0, $lbQ1p$react.createContext)(null);
 const $bf1a51351cead47b$export$826424dabc3dd705 = /*#__PURE__*/ (0, $lbQ1p$react.forwardRef)(function RangeSlider(props, ref) {
     let stringFormatter = (0, $lbQ1p$reactariauseLocalizedStringFormatter.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
@@ -53,8 +51,6 @@ const $bf1a51351cead47b$export$826424dabc3dd705 = /*#__PURE__*/ (0, $lbQ1p$react
     let upperThumbRef = (0, $lbQ1p$react.useRef)(null);
     let inputRef = (0, $lbQ1p$react.useRef)(null); // TODO: need to pass inputRef to SliderThumb when we release the next version of RAC 1.3.0
     let domRef = (0, $150382364eecc4bc$exports.useFocusableRef)(ref, inputRef);
-    let { direction: direction } = (0, $lbQ1p$reactariaI18nProvider.useLocale)();
-    let cssDirection = direction === 'rtl' ? 'right' : 'left';
     let defaultThumbValues = undefined;
     if (props.defaultValue != null) defaultThumbValues = [
         props.defaultValue.start,
@@ -93,17 +89,13 @@ const $bf1a51351cead47b$export$826424dabc3dd705 = /*#__PURE__*/ (0, $lbQ1p$react
                             className: (0, $e937566cb5c6349c$exports.upperTrack)({
                                 isDisabled: isDisabled,
                                 trackStyle: trackStyle
-                            })
-                        }),
-                        /*#__PURE__*/ (0, $lbQ1p$reactjsxruntime.jsx)("div", {
-                            style: {
-                                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`,
-                                [cssDirection]: `${state.getThumbPercent(0) * 100}%`
-                            },
-                            className: (0, $e937566cb5c6349c$exports.filledTrack)({
-                                isDisabled: isDisabled,
-                                isEmphasized: isEmphasized,
-                                trackStyle: trackStyle
+                            }),
+                            children: /*#__PURE__*/ (0, $lbQ1p$reactjsxruntime.jsx)((0, $lbQ1p$reactariacomponentsSlider.SliderFill), {
+                                className: (0, $e937566cb5c6349c$exports.filledTrack)({
+                                    isDisabled: isDisabled,
+                                    isEmphasized: isEmphasized,
+                                    trackStyle: trackStyle
+                                })
                             })
                         }),
                         /*#__PURE__*/ (0, $lbQ1p$reactjsxruntime.jsx)((0, $lbQ1p$reactariacomponentsSlider.SliderThumb), {

package/dist/private/RangeSlider.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/RangeSlider.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 {ContextValue} from 'react-aria-components/slots';\n\nimport {createContext, forwardRef, useContext, useRef} from 'react';\nimport {filledTrack, SliderBase, SliderBaseProps, thumb, thumbContainer, thumbHitArea, track, upperTrack} from './Slider';\nimport {FocusableRef, FocusableRefValue, RangeValue} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport intlMessages from '../intl/*.json';\n// @ts-ignore\nimport {pressScale} from './pressScale';\nimport {SliderThumb, SliderTrack} from 'react-aria-components/Slider';\nimport {useFocusableRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number>>, 'children'> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string,\n  /**\n   * The name of the end input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string,\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string\n}\n\nexport const RangeSliderContext = createContext<ContextValue<Partial<RangeSliderProps>, FocusableRefValue<HTMLDivElement>>>(null);\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and lower bounds to the range are invariable.\n */\nexport const RangeSlider = /*#__PURE__*/ forwardRef(function RangeSlider(props: RangeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, RangeSliderContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    labelPosition = 'top',\n    size = 'M',\n    isEmphasized,\n    trackStyle = 'thin',\n    thumbStyle = 'default'\n  } = props;\n  let lowerThumbRef = useRef(null);\n  let upperThumbRef = useRef(null);\n  let inputRef = useRef(null); // TODO: need to pass inputRef to SliderThumb when we release the next version of RAC 1.3.0\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let {direction} = useLocale();\n  let cssDirection = direction === 'rtl' ? 'right' : 'left';\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (props.defaultValue != null) {\n    defaultThumbValues = [props.defaultValue.start, props.defaultValue.end];\n  } else if (props.value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  return (\n    <SliderBase\n      {...props}\n      value={props.value ? [props.value.start, props.value.end] : undefined}\n      defaultValue={defaultThumbValues}\n      onChange={v => props.onChange?.({start: v[0], end: v[1]})}\n      onChangeEnd={v => props.onChangeEnd?.({start: v[0], end: v[1]})}\n      sliderRef={domRef}>\n      <SliderTrack\n        className={track({size, labelPosition, isInForm: !!formContext})}>\n        {({state, isDisabled}) => (\n          <>\n            <div className={upperTrack({isDisabled, trackStyle})} />\n            <div\n              style={{\n                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`,\n                [cssDirection]: `${state.getThumbPercent(0) * 100}%`\n              }}\n              className={filledTrack({isDisabled, isEmphasized, trackStyle})} />\n            <SliderThumb\n              className={thumbContainer}\n              index={0}\n              name={props.startName}\n              form={props.form}\n              aria-label={stringFormatter.format('slider.minimum')}\n              ref={lowerThumbRef}\n              style={(renderProps) => pressScale(lowerThumbRef, {\n                transform: 'translate(-50%, -50%)',\n                zIndex: state.getThumbPercent(0) === 1 ? 1 : undefined\n              })({...renderProps, isPressed: renderProps.isDragging})}>\n              {(renderProps) => (\n                <div className={thumbHitArea({size})}>\n                  <div\n                    className={thumb({\n                      ...renderProps,\n                      size,\n                      thumbStyle\n                    })} />\n                </div>\n              )}\n            </SliderThumb>\n            <SliderThumb\n              className={thumbContainer}\n              index={1}\n              name={props.endName}\n              form={props.form}\n              aria-label={stringFormatter.format('slider.maximum')}\n              ref={upperThumbRef}\n              style={(renderProps) => pressScale(upperThumbRef, {\n                transform: 'translate(-50%, -50%)'\n              })({...renderProps, isPressed: renderProps.isDragging})}>\n              {(renderProps) => (\n                <div className={thumbHitArea({size})}>\n                  <div\n                    className={thumb({\n                      ...renderProps,\n                      size,\n                      thumbStyle\n                    })} />\n                </div>\n              )}\n            </SliderThumb>\n          </>\n        )}\n      </SliderTrack>\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/RangeSlider.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 {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, useContext, useRef} from 'react';\nimport {\n  filledTrack,\n  SliderBase,\n  SliderBaseProps,\n  thumb,\n  thumbContainer,\n  thumbHitArea,\n  track,\n  upperTrack\n} from './Slider';\nimport {FocusableRef, FocusableRefValue, RangeValue} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {SliderFill, SliderThumb, SliderTrack} from 'react-aria-components/Slider';\nimport {useFocusableRef} from './useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number>>, 'children'> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string;\n  /**\n   * The name of the end input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\nexport const RangeSliderContext =\n  createContext<ContextValue<Partial<RangeSliderProps>, FocusableRefValue<HTMLDivElement>>>(null);\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and\n * lower bounds to the range are invariable.\n */\nexport const RangeSlider = /*#__PURE__*/ forwardRef(function RangeSlider(\n  props: RangeSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, RangeSliderContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    labelPosition = 'top',\n    size = 'M',\n    isEmphasized,\n    trackStyle = 'thin',\n    thumbStyle = 'default'\n  } = props;\n  let lowerThumbRef = useRef(null);\n  let upperThumbRef = useRef(null);\n  let inputRef = useRef(null); // TODO: need to pass inputRef to SliderThumb when we release the next version of RAC 1.3.0\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (props.defaultValue != null) {\n    defaultThumbValues = [props.defaultValue.start, props.defaultValue.end];\n  } else if (props.value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  return (\n    <SliderBase\n      {...props}\n      value={props.value ? [props.value.start, props.value.end] : undefined}\n      defaultValue={defaultThumbValues}\n      onChange={v => props.onChange?.({start: v[0], end: v[1]})}\n      onChangeEnd={v => props.onChangeEnd?.({start: v[0], end: v[1]})}\n      sliderRef={domRef}>\n      <SliderTrack className={track({size, labelPosition, isInForm: !!formContext})}>\n        {({state, isDisabled}) => (\n          <>\n            <div className={upperTrack({isDisabled, trackStyle})}>\n              <SliderFill className={filledTrack({isDisabled, isEmphasized, trackStyle})} />\n            </div>\n            <SliderThumb\n              className={thumbContainer}\n              index={0}\n              name={props.startName}\n              form={props.form}\n              aria-label={stringFormatter.format('slider.minimum')}\n              ref={lowerThumbRef}\n              style={renderProps =>\n                pressScale(lowerThumbRef, {\n                  transform: 'translate(-50%, -50%)',\n                  zIndex: state.getThumbPercent(0) === 1 ? 1 : undefined\n                })({...renderProps, isPressed: renderProps.isDragging})\n              }>\n              {renderProps => (\n                <div className={thumbHitArea({size})}>\n                  <div\n                    className={thumb({\n                      ...renderProps,\n                      size,\n                      thumbStyle\n                    })}\n                  />\n                </div>\n              )}\n            </SliderThumb>\n            <SliderThumb\n              className={thumbContainer}\n              index={1}\n              name={props.endName}\n              form={props.form}\n              aria-label={stringFormatter.format('slider.maximum')}\n              ref={upperThumbRef}\n              style={renderProps =>\n                pressScale(upperThumbRef, {\n                  transform: 'translate(-50%, -50%)'\n                })({...renderProps, isPressed: renderProps.isDragging})\n              }>\n              {renderProps => (\n                <div className={thumbHitArea({size})}>\n                  <div\n                    className={thumb({\n                      ...renderProps,\n                      size,\n                      thumbStyle\n                    })}\n                  />\n                </div>\n              )}\n            </SliderThumb>\n          </>\n        )}\n      </SliderTrack>\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.cjs.map"}

package/dist/private/RangeSlider.mjs

@@ -6,8 +6,7 @@ import {useFocusableRef as $80ecb974df713a30$export$96a734597687c040} from "./us
 import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../../icons/useSpectrumContextProps.mjs";
 import {jsx as $DNS9q$jsx, jsxs as $DNS9q$jsxs, Fragment as $DNS9q$Fragment} from "react/jsx-runtime";
 import {createContext as $DNS9q$createContext, forwardRef as $DNS9q$forwardRef, useContext as $DNS9q$useContext, useRef as $DNS9q$useRef} from "react";
-import {SliderTrack as $DNS9q$SliderTrack, SliderThumb as $DNS9q$SliderThumb} from "react-aria-components/Slider";
-import {useLocale as $DNS9q$useLocale} from "react-aria/I18nProvider";
+import {SliderTrack as $DNS9q$SliderTrack, SliderFill as $DNS9q$SliderFill, SliderThumb as $DNS9q$SliderThumb} from "react-aria-components/Slider";
 import {useLocalizedStringFormatter as $DNS9q$useLocalizedStringFormatter} from "react-aria/useLocalizedStringFormatter";
 
 
@@ -34,7 +33,6 @@ function $parcel$interopDefault(a) {
 
 
 
-
 const $c683c8ad68e59901$export$9e0b46d8c4f4c18f = /*#__PURE__*/ (0, $DNS9q$createContext)(null);
 const $c683c8ad68e59901$export$826424dabc3dd705 = /*#__PURE__*/ (0, $DNS9q$forwardRef)(function RangeSlider(props, ref) {
     let stringFormatter = (0, $DNS9q$useLocalizedStringFormatter)((0, ($parcel$interopDefault($DNS9q$intlStringsmjs))), '@react-spectrum/s2');
@@ -46,8 +44,6 @@ const $c683c8ad68e59901$export$826424dabc3dd705 = /*#__PURE__*/ (0, $DNS9q$forwa
     let upperThumbRef = (0, $DNS9q$useRef)(null);
     let inputRef = (0, $DNS9q$useRef)(null); // TODO: need to pass inputRef to SliderThumb when we release the next version of RAC 1.3.0
     let domRef = (0, $80ecb974df713a30$export$96a734597687c040)(ref, inputRef);
-    let { direction: direction } = (0, $DNS9q$useLocale)();
-    let cssDirection = direction === 'rtl' ? 'right' : 'left';
     let defaultThumbValues = undefined;
     if (props.defaultValue != null) defaultThumbValues = [
         props.defaultValue.start,
@@ -86,17 +82,13 @@ const $c683c8ad68e59901$export$826424dabc3dd705 = /*#__PURE__*/ (0, $DNS9q$forwa
                             className: (0, $8128d8480e67c400$export$1e1dc99b6e2204f1)({
                                 isDisabled: isDisabled,
                                 trackStyle: trackStyle
-                            })
-                        }),
-                        /*#__PURE__*/ (0, $DNS9q$jsx)("div", {
-                            style: {
-                                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`,
-                                [cssDirection]: `${state.getThumbPercent(0) * 100}%`
-                            },
-                            className: (0, $8128d8480e67c400$export$847ceef3bc944d02)({
-                                isDisabled: isDisabled,
-                                isEmphasized: isEmphasized,
-                                trackStyle: trackStyle
+                            }),
+                            children: /*#__PURE__*/ (0, $DNS9q$jsx)((0, $DNS9q$SliderFill), {
+                                className: (0, $8128d8480e67c400$export$847ceef3bc944d02)({
+                                    isDisabled: isDisabled,
+                                    isEmphasized: isEmphasized,
+                                    trackStyle: trackStyle
+                                })
                             })
                         }),
                         /*#__PURE__*/ (0, $DNS9q$jsx)((0, $DNS9q$SliderThumb), {

package/dist/private/RangeSlider.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/RangeSlider.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 {ContextValue} from 'react-aria-components/slots';\n\nimport {createContext, forwardRef, useContext, useRef} from 'react';\nimport {filledTrack, SliderBase, SliderBaseProps, thumb, thumbContainer, thumbHitArea, track, upperTrack} from './Slider';\nimport {FocusableRef, FocusableRefValue, RangeValue} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport intlMessages from '../intl/*.json';\n// @ts-ignore\nimport {pressScale} from './pressScale';\nimport {SliderThumb, SliderTrack} from 'react-aria-components/Slider';\nimport {useFocusableRef} from './useDOMRef';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number>>, 'children'> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string,\n  /**\n   * The name of the end input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string,\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string\n}\n\nexport const RangeSliderContext = createContext<ContextValue<Partial<RangeSliderProps>, FocusableRefValue<HTMLDivElement>>>(null);\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and lower bounds to the range are invariable.\n */\nexport const RangeSlider = /*#__PURE__*/ forwardRef(function RangeSlider(props: RangeSliderProps, ref: FocusableRef<HTMLDivElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, RangeSliderContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    labelPosition = 'top',\n    size = 'M',\n    isEmphasized,\n    trackStyle = 'thin',\n    thumbStyle = 'default'\n  } = props;\n  let lowerThumbRef = useRef(null);\n  let upperThumbRef = useRef(null);\n  let inputRef = useRef(null); // TODO: need to pass inputRef to SliderThumb when we release the next version of RAC 1.3.0\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let {direction} = useLocale();\n  let cssDirection = direction === 'rtl' ? 'right' : 'left';\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (props.defaultValue != null) {\n    defaultThumbValues = [props.defaultValue.start, props.defaultValue.end];\n  } else if (props.value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  return (\n    <SliderBase\n      {...props}\n      value={props.value ? [props.value.start, props.value.end] : undefined}\n      defaultValue={defaultThumbValues}\n      onChange={v => props.onChange?.({start: v[0], end: v[1]})}\n      onChangeEnd={v => props.onChangeEnd?.({start: v[0], end: v[1]})}\n      sliderRef={domRef}>\n      <SliderTrack\n        className={track({size, labelPosition, isInForm: !!formContext})}>\n        {({state, isDisabled}) => (\n          <>\n            <div className={upperTrack({isDisabled, trackStyle})} />\n            <div\n              style={{\n                width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`,\n                [cssDirection]: `${state.getThumbPercent(0) * 100}%`\n              }}\n              className={filledTrack({isDisabled, isEmphasized, trackStyle})} />\n            <SliderThumb\n              className={thumbContainer}\n              index={0}\n              name={props.startName}\n              form={props.form}\n              aria-label={stringFormatter.format('slider.minimum')}\n              ref={lowerThumbRef}\n              style={(renderProps) => pressScale(lowerThumbRef, {\n                transform: 'translate(-50%, -50%)',\n                zIndex: state.getThumbPercent(0) === 1 ? 1 : undefined\n              })({...renderProps, isPressed: renderProps.isDragging})}>\n              {(renderProps) => (\n                <div className={thumbHitArea({size})}>\n                  <div\n                    className={thumb({\n                      ...renderProps,\n                      size,\n                      thumbStyle\n                    })} />\n                </div>\n              )}\n            </SliderThumb>\n            <SliderThumb\n              className={thumbContainer}\n              index={1}\n              name={props.endName}\n              form={props.form}\n              aria-label={stringFormatter.format('slider.maximum')}\n              ref={upperThumbRef}\n              style={(renderProps) => pressScale(upperThumbRef, {\n                transform: 'translate(-50%, -50%)'\n              })({...renderProps, isPressed: renderProps.isDragging})}>\n              {(renderProps) => (\n                <div className={thumbHitArea({size})}>\n                  <div\n                    className={thumb({\n                      ...renderProps,\n                      size,\n                      thumbStyle\n                    })} />\n                </div>\n              )}\n            </SliderThumb>\n          </>\n        )}\n      </SliderTrack>\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/RangeSlider.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 {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, useContext, useRef} from 'react';\nimport {\n  filledTrack,\n  SliderBase,\n  SliderBaseProps,\n  thumb,\n  thumbContainer,\n  thumbHitArea,\n  track,\n  upperTrack\n} from './Slider';\nimport {FocusableRef, FocusableRefValue, RangeValue} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {SliderFill, SliderThumb, SliderTrack} from 'react-aria-components/Slider';\nimport {useFocusableRef} from './useDOMRef';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RangeSliderProps extends Omit<SliderBaseProps<RangeValue<number>>, 'children'> {\n  /**\n   * The name of the start input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  startName?: string;\n  /**\n   * The name of the end input element, used when submitting an HTML form. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  endName?: string;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n}\n\nexport const RangeSliderContext =\n  createContext<ContextValue<Partial<RangeSliderProps>, FocusableRefValue<HTMLDivElement>>>(null);\n\n/**\n * RangeSliders allow users to quickly select a subset range. They should be used when the upper and\n * lower bounds to the range are invariable.\n */\nexport const RangeSlider = /*#__PURE__*/ forwardRef(function RangeSlider(\n  props: RangeSliderProps,\n  ref: FocusableRef<HTMLDivElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  [props, ref] = useSpectrumContextProps(props, ref, RangeSliderContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    labelPosition = 'top',\n    size = 'M',\n    isEmphasized,\n    trackStyle = 'thin',\n    thumbStyle = 'default'\n  } = props;\n  let lowerThumbRef = useRef(null);\n  let upperThumbRef = useRef(null);\n  let inputRef = useRef(null); // TODO: need to pass inputRef to SliderThumb when we release the next version of RAC 1.3.0\n  let domRef = useFocusableRef(ref, inputRef);\n\n  let defaultThumbValues: number[] | undefined = undefined;\n  if (props.defaultValue != null) {\n    defaultThumbValues = [props.defaultValue.start, props.defaultValue.end];\n  } else if (props.value == null) {\n    // make sure that useSliderState knows we have two handles\n    defaultThumbValues = [props.minValue ?? 0, props.maxValue ?? 100];\n  }\n\n  return (\n    <SliderBase\n      {...props}\n      value={props.value ? [props.value.start, props.value.end] : undefined}\n      defaultValue={defaultThumbValues}\n      onChange={v => props.onChange?.({start: v[0], end: v[1]})}\n      onChangeEnd={v => props.onChangeEnd?.({start: v[0], end: v[1]})}\n      sliderRef={domRef}>\n      <SliderTrack className={track({size, labelPosition, isInForm: !!formContext})}>\n        {({state, isDisabled}) => (\n          <>\n            <div className={upperTrack({isDisabled, trackStyle})}>\n              <SliderFill className={filledTrack({isDisabled, isEmphasized, trackStyle})} />\n            </div>\n            <SliderThumb\n              className={thumbContainer}\n              index={0}\n              name={props.startName}\n              form={props.form}\n              aria-label={stringFormatter.format('slider.minimum')}\n              ref={lowerThumbRef}\n              style={renderProps =>\n                pressScale(lowerThumbRef, {\n                  transform: 'translate(-50%, -50%)',\n                  zIndex: state.getThumbPercent(0) === 1 ? 1 : undefined\n                })({...renderProps, isPressed: renderProps.isDragging})\n              }>\n              {renderProps => (\n                <div className={thumbHitArea({size})}>\n                  <div\n                    className={thumb({\n                      ...renderProps,\n                      size,\n                      thumbStyle\n                    })}\n                  />\n                </div>\n              )}\n            </SliderThumb>\n            <SliderThumb\n              className={thumbContainer}\n              index={1}\n              name={props.endName}\n              form={props.form}\n              aria-label={stringFormatter.format('slider.maximum')}\n              ref={upperThumbRef}\n              style={renderProps =>\n                pressScale(upperThumbRef, {\n                  transform: 'translate(-50%, -50%)'\n                })({...renderProps, isPressed: renderProps.isDragging})\n              }>\n              {renderProps => (\n                <div className={thumbHitArea({size})}>\n                  <div\n                    className={thumb({\n                      ...renderProps,\n                      size,\n                      thumbStyle\n                    })}\n                  />\n                </div>\n              )}\n            </SliderThumb>\n          </>\n        )}\n      </SliderTrack>\n    </SliderBase>\n  );\n});\n"],"names":[],"version":3,"file":"RangeSlider.mjs.map"}

package/dist/private/S2_CornerTriangleSize100.cjs

@@ -0,0 +1,26 @@
+var $fTJuC$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "default", () => $20f6293bc7c4caba$export$2e2bcd8739ae039);
+
+
+const $20f6293bc7c4caba$var$SvgS2CornerTriangleSize100 = (props)=>/*#__PURE__*/ (0, $fTJuC$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 5,
+        height: 5,
+        viewBox: "0 0 5 5",
+        ...props,
+        children: /*#__PURE__*/ (0, $fTJuC$reactjsxruntime.jsx)("path", {
+            fill: "var(--iconPrimary, #222)",
+            d: "M.154 4.146 4.147.154A.5.5 0 0 1 5 .507V4.25a.75.75 0 0 1-.75.75H.507a.5.5 0 0 1-.354-.854"
+        })
+    });
+var $20f6293bc7c4caba$export$2e2bcd8739ae039 = $20f6293bc7c4caba$var$SvgS2CornerTriangleSize100;
+
+
+//# sourceMappingURL=S2_CornerTriangleSize100.cjs.map

package/dist/private/S2_CornerTriangleSize100.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AACA,MAAM,mDAA6B,CAAA,sBAAS,gCAAC;QAAI,OAAM;QAA6B,OAAO;QAAG,QAAQ;QAAG,SAAQ;QAAW,GAAG,KAAK;kBAAE,cAAA,gCAAC;YAAK,MAAK;YAA2B,GAAE;;;IAC9K,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_CornerTriangleSize100.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"5\" viewBox=\"0 0 5 5\">\n\n  <path d=\"m.15411,4.14619L4.14677.15375c.31502-.315.85364-.09183.85354.35367l-.00079,3.7427c-.00009.41417-.33587.74986-.75004.74984l-3.74186-.00021c-.44545-.00002-.6685-.53859-.35352-.85356Z\" fill=\"var(--iconPrimary, #222)\"/>\n \n</svg>"],"names":[],"version":3,"file":"S2_CornerTriangleSize100.cjs.map"}

package/dist/private/S2_CornerTriangleSize100.mjs

@@ -0,0 +1,21 @@
+import {jsx as $f5oEe$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $b7774514db903160$var$SvgS2CornerTriangleSize100 = (props)=>/*#__PURE__*/ (0, $f5oEe$jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 5,
+        height: 5,
+        viewBox: "0 0 5 5",
+        ...props,
+        children: /*#__PURE__*/ (0, $f5oEe$jsx)("path", {
+            fill: "var(--iconPrimary, #222)",
+            d: "M.154 4.146 4.147.154A.5.5 0 0 1 5 .507V4.25a.75.75 0 0 1-.75.75H.507a.5.5 0 0 1-.354-.854"
+        })
+    });
+var $b7774514db903160$export$2e2bcd8739ae039 = $b7774514db903160$var$SvgS2CornerTriangleSize100;
+
+
+export {$b7774514db903160$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=S2_CornerTriangleSize100.mjs.map

package/dist/private/S2_CornerTriangleSize100.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AACA,MAAM,mDAA6B,CAAA,sBAAS,gBAAC;QAAI,OAAM;QAA6B,OAAO;QAAG,QAAQ;QAAG,SAAQ;QAAW,GAAG,KAAK;kBAAE,cAAA,gBAAC;YAAK,MAAK;YAA2B,GAAE;;;IAC9K,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_CornerTriangleSize100.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"5\" height=\"5\" viewBox=\"0 0 5 5\">\n\n  <path d=\"m.15411,4.14619L4.14677.15375c.31502-.315.85364-.09183.85354.35367l-.00079,3.7427c-.00009.41417-.33587.74986-.75004.74984l-3.74186-.00021c-.44545-.00002-.6685-.53859-.35352-.85356Z\" fill=\"var(--iconPrimary, #222)\"/>\n \n</svg>"],"names":[],"version":3,"file":"S2_CornerTriangleSize100.mjs.map"}

package/dist/private/S2_CornerTriangleSize200.cjs

@@ -0,0 +1,26 @@
+var $aNXYI$reactjsxruntime = require("react/jsx-runtime");
+require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "default", () => $b79fd8a4d9445463$export$2e2bcd8739ae039);
+
+
+const $b79fd8a4d9445463$var$SvgS2CornerTriangleSize200 = (props)=>/*#__PURE__*/ (0, $aNXYI$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 6,
+        height: 6,
+        viewBox: "0 0 6 6",
+        ...props,
+        children: /*#__PURE__*/ (0, $aNXYI$reactjsxruntime.jsx)("path", {
+            fill: "var(--iconPrimary, #222)",
+            d: "M.826 5.146 5.147.826a.5.5 0 0 1 .854.353L6 5.25a.75.75 0 0 1-.75.75H1.18a.5.5 0 0 1-.354-.854"
+        })
+    });
+var $b79fd8a4d9445463$export$2e2bcd8739ae039 = $b79fd8a4d9445463$var$SvgS2CornerTriangleSize200;
+
+
+//# sourceMappingURL=S2_CornerTriangleSize200.cjs.map

package/dist/private/S2_CornerTriangleSize200.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AACA,MAAM,mDAA6B,CAAA,sBAAS,gCAAC;QAAI,OAAM;QAA6B,OAAO;QAAG,QAAQ;QAAG,SAAQ;QAAW,GAAG,KAAK;kBAAE,cAAA,gCAAC;YAAK,MAAK;YAA2B,GAAE;;;IAC9K,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_CornerTriangleSize200.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"6\" viewBox=\"0 0 6 6\">\n\n  <path d=\"m.82619,5.14621L5.14704.8256c.31502-.315.85364-.09183.85354.35367l-.00086,4.07089c-.00009.41417-.33587.74986-.75004.74984l-4.06998-.00023c-.44545-.00002-.6685-.53859-.35352-.85356Z\" fill=\"var(--iconPrimary, #222)\"/>\n  \n</svg>"],"names":[],"version":3,"file":"S2_CornerTriangleSize200.cjs.map"}