@react-spectrum/s2 1.4.0 → 1.5.0

package/dist/private/RangeCalendar.css

@@ -1,69 +1,69 @@
 @layer _.a {
-  .-_4DHzJc-0u6p5b131 {
+  .-_4DHzJc-0u6p5b15 {
     container-type: inline-size;
   }
 
-  .-_4DHzJc-e4mUs131 {
+  .-_4DHzJc-e4mUs15 {
     container-type: unset;
   }
 
-  ._ta131 {
+  ._ta15 {
     flex-direction: column;
   }
 
-  .__ca131 {
+  .__ca15 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .-uq4sQ-Sp131 {
+  .-uq4sQ-Sp15 {
     --cell-gap: 4px;
   }
 
-  .-LnVzy-ZC131 {
+  .-LnVzy-ZC15 {
     --cell-max-width: calc(2rem * var(--s2-scale));
   }
 
-  .-cYDWLb-ZnqRBTd131 {
+  .-cYDWLb-ZnqRBTd15 {
     --cell-responsive-size: min(var(--cell-max-width), (100cqw - (var(--cell-gap) * 12)) / 7);
   }
 
-  .-cYDWLb-ZFFQGNb131 {
+  .-cYDWLb-ZFFQGNb15 {
     --cell-responsive-size: var(--cell-max-width);
   }
 
-  .ZRqDA2c131 {
+  .ZRqDA2c15 {
     width: calc(7 * var(--cell-max-width) + var(--cell-gap) * 12);
   }
 
-  .ZJ131 {
+  .ZJ15 {
     width: fit-content;
   }
 
-  .La131 {
+  .La15 {
     max-width: 100%;
   }
 
-  .Le4mUs131 {
+  .Le4mUs15 {
     max-width: unset;
   }
 
-  .sd131 {
+  .sd15 {
     display: flex;
   }
 
-  ._tc131 {
+  ._tc15 {
     flex-direction: row;
   }
 
-  .Uj131 {
+  .Uj15 {
     row-gap: 1.5rem;
   }
 
-  .qj131 {
+  .qj15 {
     column-gap: 1.5rem;
   }
 
-  .ed131 {
+  .ed15 {
     align-items: start;
   }
 }

package/dist/private/RangeCalendar.css.map

@@ -1 +1 @@
-{"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"}
+{"mappings":"AC2DuB;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';\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 += ' 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';
+    rules += ' sd15';
+    if (props.isMultiMonth) rules += ' -_4DHzJc-e4mUs15';
+    else rules += ' -_4DHzJc-0u6p5b15';
+    rules += ' _ta15';
+    rules += ' Uj15';
+    rules += ' qj15';
+    rules += ' __ca15';
+    rules += ' -uq4sQ-Sp15';
+    rules += ' -LnVzy-ZC15';
+    if (props.isMultiMonth) rules += ' -cYDWLb-ZFFQGNb15';
+    else rules += ' -cYDWLb-ZnqRBTd15';
     if (props.isMultiMonth) {
-        if (!width) rules += ' ZJ131';
-    } else if (!width) rules += ' ZRqDA2c131';
+        if (!width) rules += ' ZJ15';
+    } else if (!width) rules += ' ZRqDA2c15';
     if (props.isMultiMonth) {
-        if (!maxWidth) rules += ' Le4mUs131';
-    } else if (!maxWidth) rules += ' La131';
+        if (!maxWidth) rules += ' Le4mUs15';
+    } else if (!maxWidth) rules += ' La15';
     return rules;
 };
 const $ecdee84c2f0ddfb5$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $6je1a$forwardRef)(function RangeCalendar(props, ref) {
@@ -103,7 +103,7 @@ const $ecdee84c2f0ddfb5$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $6je1a$forwa
                         })
                     }),
                     /*#__PURE__*/ (0, $6je1a$jsx)("div", {
-                        className: " sd131 _tc131 Uj131 qj131 ed131",
+                        className: " sd15 _tc15 Uj15 qj15 ed15",
                         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;;;;;;;;;;;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"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA8CM,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';\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.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';\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"}
+{"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';\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.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';\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"}
+{"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';\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/SearchField.cjs

@@ -73,60 +73,60 @@ const $f0dfe14258307d4b$export$b94867ecbd698f21 = /*#__PURE__*/ (0, $fsjBd$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se131';
+            rules += ' se15';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU131';
+                if (!gridColumnStart) rules += ' z2mU15';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG131';
+                    if (!gridColumnEnd) rules += ' yvoofG15';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod131';
+            if (props.isInForm) rules += ' DLwlgod15';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb131';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn131';
+                if (props.labelPosition === "side") rules += ' DPlN5qb15';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn15';
             }
-            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.labelPosition === "side") rules += ' EPlN5qb15';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc15';
+            if (props.labelPosition === "side") rules += ' CbRM95c15';
+            else if (props.labelPosition === "top") rules += ' Cxaocre15';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-e15';
+                rules += ' vx15';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-d15';
+                rules += ' vx15';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-b15';
+                rules += ' vx15';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-a15';
+                rules += ' vx15';
             } else {
-                rules += ' -_6BNtrc-c131';
-                rules += ' vx131';
+                rules += ' -_6BNtrc-c15';
+                rules += ' vx15';
             }
-            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';
-            rules += ' -Qg41Lb-JAxCW0c131';
+            rules += ' ea15';
+            rules += ' _Fd15';
+            rules += ' _FnuYUweb15';
+            if (props.size === "XL") rules += ' -BhX7R-Fz15';
+            else if (props.size === "L") rules += ' -BhX7R-Fv15';
+            else if (props.size === "S") rules += ' -BhX7R-Fp15';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn15';
+            else rules += ' -BhX7R-Fx15';
+            rules += ' -AJjOLd-UVkF0Db15';
+            rules += ' qg15';
+            rules += ' __ca15';
+            rules += ' -Qg41Lb-JAxCW0c15';
             if (props.isDisabled) {
-                rules += ' pp131';
-                rules += ' plc131';
+                rules += ' pp15';
+                rules += ' plc15';
             } else {
-                if (props.isPressed) rules += ' po131';
-                else if (props.isFocusVisible) rules += ' po131';
-                else if (props.isHovered) rules += ' po131';
-                else rules += ' pt131';
+                if (props.isPressed) rules += ' po15';
+                else if (props.isFocusVisible) rules += ' po15';
+                else if (props.isHovered) rules += ' po15';
+                else rules += ' pt15';
             }
             return rules;
         }({
@@ -149,7 +149,7 @@ const $f0dfe14258307d4b$export$b94867ecbd698f21 = /*#__PURE__*/ (0, $fsjBd$react
                     /*#__PURE__*/ (0, $fsjBd$reactjsxruntime.jsxs)((0, $a0b996a550bb0891$exports.FieldGroup), {
                         isDisabled: isDisabled,
                         size: props.size,
-                        styles: " og131 ng131 kg131 jg131 Sw131 Rd131",
+                        styles: " og15 ng15 kg15 jg15 Sw15 Rd15",
                         children: [
                             /*#__PURE__*/ (0, $fsjBd$reactjsxruntime.jsx)((0, $fsjBd$reactariacomponentsslots.Provider), {
                                 values: [
@@ -158,9 +158,9 @@ const $f0dfe14258307d4b$export$b94867ecbd698f21 = /*#__PURE__*/ (0, $fsjBd$react
                                         {
                                             render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                                                 slot: 'icon',
-                                                styles: " _va131 Ht131 Hsu131 -_8sjo0b-t5ZbAob131"
+                                                styles: " _va15 Ht15 Hsu15 -_8sjo0b-t5ZbAob15"
                                             }),
-                                            styles: " ZuUmpre131 FuUmpre131 I67logd131"
+                                            styles: " ZuUmpre15 FuUmpre15 I67logd15"
                                         }
                                     ]
                                 ],