@react-spectrum/s2 0.2.1-nightly.4981 → 0.3.1

package/dist/RadioGroup.cjs

@@ -1,6 +1,7 @@
 require("./RadioGroup.css");
 var $a0b996a550bb0891$exports = require("./Field.cjs");
 var $bfa4962d90c8af48$exports = require("./Form.cjs");
+var $ac757a4c2bd72aee$exports = require("./useSpectrumContextProps.cjs");
 var $ijW5U$reactjsxruntime = require("react/jsx-runtime");
 var $ijW5U$reactariacomponents = require("react-aria-components");
 var $ijW5U$react = require("react");
@@ -11,6 +12,7 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
+$parcel$export(module.exports, "RadioGroupContext", () => $10d624be839a1d01$export$a79eda4ff50e30b6);
 $parcel$export(module.exports, "RadioGroup", () => $10d624be839a1d01$export$a98f0dcb43a68a25);
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -28,7 +30,10 @@ $parcel$export(module.exports, "RadioGroup", () => $10d624be839a1d01$export$a98f
 
 
 
+
+const $10d624be839a1d01$export$a79eda4ff50e30b6 = /*#__PURE__*/ (0, $ijW5U$react.createContext)(null);
 function $10d624be839a1d01$var$RadioGroup(props, ref) {
+    [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $10d624be839a1d01$export$a79eda4ff50e30b6);
     let formContext = (0, $ijW5U$react.useContext)((0, $bfa4962d90c8af48$exports.FormContext));
     props = (0, $bfa4962d90c8af48$exports.useFormProps)(props);
     let domRef = (0, $ijW5U$reactspectrumutils.useDOMRef)(ref);
@@ -39,7 +44,7 @@ function $10d624be839a1d01$var$RadioGroup(props, ref) {
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
             let $__a = false;
             let $__b = false;

package/dist/RadioGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAqCD,SAAS,iCAAW,KAAsB,EAAE,GAA2B;IACrE,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qCAAU;IACvC,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,gBACR,YAAY,iBACZ,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,EACZ,GAAG,YACJ,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,qCAAa;QACX,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;kBACxB;2BACA;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gCAAC;wBACC,WAAW;;;;;;;;;;;;;0BAcR;yCAAC;wBAAW;kCACf,cAAA,gCAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;8CAAM;4BAAY;sCAC7D;;;kCAGL,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAMb;AAEA;;;CAGC,GACD,IAAI,4CAAc,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/RadioGroup.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  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps\n} from 'react-aria-components';\nimport {DOMRef, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The Radios contained within the RadioGroup.\n   */\n  children?: ReactNode,\n  /**\n   * The size of the RadioGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the radio elements should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * Whether the RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\nfunction RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    isEmphasized,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...groupProps\n  } = props;\n\n  return (\n    <AriaRadioGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: '[calc(var(--field-height) - 1lh)]'\n        }\n      }, getAllowedOverrides())({\n        size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              flexWrap: 'wrap',\n              // Spectrum uses a fixed spacing value for horizontal (column),\n              // but the gap changes depending on t-shirt size in vertical (row).\n              columnGap: 16,\n              rowGap: '--field-gap'\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n              {children}\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nlet _RadioGroup = /*#__PURE__*/ forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n"],"names":[],"version":3,"file":"RadioGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuCM,MAAM,0DAAoB,CAAA,GAAA,0BAAY,EAA8D;AAE3G,SAAS,iCAAW,KAAsB,EAAE,GAA2B;IACrE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qCAAU;IACvC,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,gBACR,YAAY,iBACZ,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,EACZ,GAAG,YACJ,GAAG;IAEJ,qBACE,gCAAC,CAAA,GAAA,qCAAa;QACX,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;kBACxB;2BACA;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gCAAC;wBACC,WAAW;;;;;;;;;;;;;0BAcR;yCAAC;wBAAW;kCACf,cAAA,gCAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;8CAAM;4BAAY;sCAC7D;;;kCAGL,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAMb;AAEA;;;CAGC,GACD,IAAI,4CAAc,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/RadioGroup.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  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  ContextValue\n} from 'react-aria-components';\nimport {DOMRef, DOMRefValue, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The Radios contained within the RadioGroup.\n   */\n  children?: ReactNode,\n  /**\n   * The size of the RadioGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the radio elements should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * Whether the RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\nexport const RadioGroupContext = createContext<ContextValue<RadioGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RadioGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    isEmphasized,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...groupProps\n  } = props;\n\n  return (\n    <AriaRadioGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: '[calc(var(--field-height) - 1lh)]'\n        }\n      }, getAllowedOverrides())({\n        size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              flexWrap: 'wrap',\n              // Spectrum uses a fixed spacing value for horizontal (column),\n              // but the gap changes depending on t-shirt size in vertical (row).\n              columnGap: 16,\n              rowGap: '--field-gap'\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n              {children}\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nlet _RadioGroup = /*#__PURE__*/ forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n"],"names":[],"version":3,"file":"RadioGroup.cjs.map"}

package/dist/RadioGroup.css.map

@@ -1 +1 @@
-{"mappings":"ACyEoC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAyBb;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAzBa;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAyBb","sources":["c8770acef16e2ce8","packages/@react-spectrum/s2/src/RadioGroup.tsx"],"sourcesContent":["@import \"759b4f838d0febfe\";\n@import \"c4a9a0d82a5b8e9f\";\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  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps\n} from 'react-aria-components';\nimport {DOMRef, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The Radios contained within the RadioGroup.\n   */\n  children?: ReactNode,\n  /**\n   * The size of the RadioGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the radio elements should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * Whether the RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\nfunction RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    isEmphasized,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...groupProps\n  } = props;\n\n  return (\n    <AriaRadioGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: '[calc(var(--field-height) - 1lh)]'\n        }\n      }, getAllowedOverrides())({\n        size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              flexWrap: 'wrap',\n              // Spectrum uses a fixed spacing value for horizontal (column),\n              // but the gap changes depending on t-shirt size in vertical (row).\n              columnGap: 16,\n              rowGap: '--field-gap'\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n              {children}\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nlet _RadioGroup = /*#__PURE__*/ forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n"],"names":[],"version":3,"file":"RadioGroup.css.map"}
+{"mappings":"AC8EoC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAyBb;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAzBa;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAyBb","sources":["c8770acef16e2ce8","packages/@react-spectrum/s2/src/RadioGroup.tsx"],"sourcesContent":["@import \"759b4f838d0febfe\";\n@import \"c4a9a0d82a5b8e9f\";\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  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  ContextValue\n} from 'react-aria-components';\nimport {DOMRef, DOMRefValue, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The Radios contained within the RadioGroup.\n   */\n  children?: ReactNode,\n  /**\n   * The size of the RadioGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the radio elements should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * Whether the RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\nexport const RadioGroupContext = createContext<ContextValue<RadioGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RadioGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    isEmphasized,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...groupProps\n  } = props;\n\n  return (\n    <AriaRadioGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: '[calc(var(--field-height) - 1lh)]'\n        }\n      }, getAllowedOverrides())({\n        size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              flexWrap: 'wrap',\n              // Spectrum uses a fixed spacing value for horizontal (column),\n              // but the gap changes depending on t-shirt size in vertical (row).\n              columnGap: 16,\n              rowGap: '--field-gap'\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n              {children}\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nlet _RadioGroup = /*#__PURE__*/ forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n"],"names":[],"version":3,"file":"RadioGroup.css.map"}

package/dist/RadioGroup.mjs

@@ -1,9 +1,10 @@
 import "./RadioGroup.css";
 import {FieldLabel as $9afd80978c252040$export$1acdcf5a973a8414, HelpText as $9afd80978c252040$export$a67c0bc59081311a} from "./Field.mjs";
 import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
+import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "./useSpectrumContextProps.mjs";
 import {jsx as $fZVHt$jsx, jsxs as $fZVHt$jsxs, Fragment as $fZVHt$Fragment} from "react/jsx-runtime";
 import {RadioGroup as $fZVHt$RadioGroup} from "react-aria-components";
-import {useContext as $fZVHt$useContext, forwardRef as $fZVHt$forwardRef} from "react";
+import {createContext as $fZVHt$createContext, useContext as $fZVHt$useContext, forwardRef as $fZVHt$forwardRef} from "react";
 import {useDOMRef as $fZVHt$useDOMRef} from "@react-spectrum/utils";
 
 /*
@@ -22,7 +23,10 @@ import {useDOMRef as $fZVHt$useDOMRef} from "@react-spectrum/utils";
 
 
 
+
+const $9a2afae66771094f$export$a79eda4ff50e30b6 = /*#__PURE__*/ (0, $fZVHt$createContext)(null);
 function $9a2afae66771094f$var$RadioGroup(props, ref) {
+    [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $9a2afae66771094f$export$a79eda4ff50e30b6);
     let formContext = (0, $fZVHt$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
     props = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props);
     let domRef = (0, $fZVHt$useDOMRef)(ref);
@@ -33,7 +37,7 @@ function $9a2afae66771094f$var$RadioGroup(props, ref) {
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
             let $__a = false;
             let $__b = false;
@@ -159,5 +163,5 @@ function $9a2afae66771094f$var$RadioGroup(props, ref) {
  */ let $9a2afae66771094f$export$a98f0dcb43a68a25 = /*#__PURE__*/ (0, $fZVHt$forwardRef)($9a2afae66771094f$var$RadioGroup);
 
 
-export {$9a2afae66771094f$export$a98f0dcb43a68a25 as RadioGroup};
+export {$9a2afae66771094f$export$a79eda4ff50e30b6 as RadioGroupContext, $9a2afae66771094f$export$a98f0dcb43a68a25 as RadioGroup};
 //# sourceMappingURL=RadioGroup.mjs.map

package/dist/RadioGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAqCD,SAAS,iCAAW,KAAsB,EAAE,GAA2B;IACrE,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACvC,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,gBACR,YAAY,iBACZ,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,EACZ,GAAG,YACJ,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,iBAAa;QACX,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;kBACxB;2BACA;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;kCACE,gBAAC,CAAA,GAAA,yCAAS;wBACR,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gBAAC;wBACC,WAAW;;;;;;;;;;;;;0BAcR;yCAAC;wBAAW;kCACf,cAAA,gBAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;8CAAM;4BAAY;sCAC7D;;;kCAGL,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAMb;AAEA;;;CAGC,GACD,IAAI,4CAAc,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/RadioGroup.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  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps\n} from 'react-aria-components';\nimport {DOMRef, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The Radios contained within the RadioGroup.\n   */\n  children?: ReactNode,\n  /**\n   * The size of the RadioGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the radio elements should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * Whether the RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\nfunction RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    isEmphasized,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...groupProps\n  } = props;\n\n  return (\n    <AriaRadioGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: '[calc(var(--field-height) - 1lh)]'\n        }\n      }, getAllowedOverrides())({\n        size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              flexWrap: 'wrap',\n              // Spectrum uses a fixed spacing value for horizontal (column),\n              // but the gap changes depending on t-shirt size in vertical (row).\n              columnGap: 16,\n              rowGap: '--field-gap'\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n              {children}\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nlet _RadioGroup = /*#__PURE__*/ forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n"],"names":[],"version":3,"file":"RadioGroup.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuCM,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAA8D;AAE3G,SAAS,iCAAW,KAAsB,EAAE,GAA2B;IACrE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACvC,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,gBACR,YAAY,iBACZ,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,EACZ,GAAG,YACJ,GAAG;IAEJ,qBACE,gBAAC,CAAA,GAAA,iBAAa;QACX,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;kBACxB;2BACA;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBACvB;;kCACE,gBAAC,CAAA,GAAA,yCAAS;wBACR,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,gBAAC;wBACC,WAAW;;;;;;;;;;;;;0BAcR;yCAAC;wBAAW;kCACf,cAAA,gBAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;8CAAM;4BAAY;sCAC7D;;;kCAGL,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAMb;AAEA;;;CAGC,GACD,IAAI,4CAAc,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/RadioGroup.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  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  ContextValue\n} from 'react-aria-components';\nimport {DOMRef, DOMRefValue, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The Radios contained within the RadioGroup.\n   */\n  children?: ReactNode,\n  /**\n   * The size of the RadioGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the radio elements should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * Whether the RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\nexport const RadioGroupContext = createContext<ContextValue<RadioGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction RadioGroup(props: RadioGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, RadioGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let domRef = useDOMRef(ref);\n\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    isEmphasized,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...groupProps\n  } = props;\n\n  return (\n    <AriaRadioGroup\n      {...groupProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        // Double the usual gap because of the internal padding within checkbox that spectrum has.\n        '--field-gap': {\n          type: 'rowGap',\n          value: '[calc(var(--field-height) - 1lh)]'\n        }\n      }, getAllowedOverrides())({\n        size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (\n        <>\n          <FieldLabel\n            isDisabled={isDisabled}\n            isRequired={props.isRequired}\n            size={size}\n            labelPosition={labelPosition}\n            labelAlign={labelAlign}\n            necessityIndicator={necessityIndicator}\n            contextualHelp={props.contextualHelp}>\n            {label}\n          </FieldLabel>\n          <div\n            className={style({\n              gridArea: 'input',\n              display: 'flex',\n              flexDirection: {\n                orientation: {\n                  vertical: 'column',\n                  horizontal: 'row'\n                }\n              },\n              flexWrap: 'wrap',\n              // Spectrum uses a fixed spacing value for horizontal (column),\n              // but the gap changes depending on t-shirt size in vertical (row).\n              columnGap: 16,\n              rowGap: '--field-gap'\n            })({orientation})}>\n            <FormContext.Provider value={{...formContext, size, isEmphasized}}>\n              {children}\n            </FormContext.Provider>\n          </div>\n          <HelpText\n            size={size}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            description={description}\n            showErrorIcon>\n            {errorMessage}\n          </HelpText>\n        </>\n      )}\n    </AriaRadioGroup>\n  );\n}\n\n/**\n * Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nlet _RadioGroup = /*#__PURE__*/ forwardRef(RadioGroup);\nexport {_RadioGroup as RadioGroup};\n"],"names":[],"version":3,"file":"RadioGroup.mjs.map"}

package/dist/RangeSlider.cjs

@@ -1,17 +1,24 @@
 var $e937566cb5c6349c$exports = require("./Slider.cjs");
 var $bfa4962d90c8af48$exports = require("./Form.cjs");
+var $4526404114e78c80$exports = require("./intlStrings.cjs");
 var $2061c83559b50a66$exports = require("./pressScale.cjs");
+var $ac757a4c2bd72aee$exports = require("./useSpectrumContextProps.cjs");
 var $lbQ1p$reactjsxruntime = require("react/jsx-runtime");
-var $lbQ1p$react = require("react");
 var $lbQ1p$reactariacomponents = require("react-aria-components");
+var $lbQ1p$react = require("react");
 var $lbQ1p$reactspectrumutils = require("@react-spectrum/utils");
 var $lbQ1p$reactariai18n = require("@react-aria/i18n");
 
 
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
+$parcel$export(module.exports, "RangeSliderContext", () => $bf1a51351cead47b$export$9e0b46d8c4f4c18f);
 $parcel$export(module.exports, "RangeSlider", () => $bf1a51351cead47b$export$826424dabc3dd705);
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -31,7 +38,12 @@ $parcel$export(module.exports, "RangeSlider", () => $bf1a51351cead47b$export$826
 
 
 
+
+
+const $bf1a51351cead47b$export$9e0b46d8c4f4c18f = /*#__PURE__*/ (0, $lbQ1p$react.createContext)(null);
 function $bf1a51351cead47b$var$RangeSlider(props, ref) {
+    let stringFormatter = (0, $lbQ1p$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
+    [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $bf1a51351cead47b$export$9e0b46d8c4f4c18f);
     let formContext = (0, $lbQ1p$react.useContext)((0, $bfa4962d90c8af48$exports.FormContext));
     props = (0, $bfa4962d90c8af48$exports.useFormProps)(props);
     let { labelPosition: labelPosition = 'top', size: size = 'M', isEmphasized: isEmphasized, trackStyle: trackStyle = 'thin', thumbStyle: thumbStyle = 'default' } = props;
@@ -92,7 +104,7 @@ function $bf1a51351cead47b$var$RangeSlider(props, ref) {
                             className: (0, $e937566cb5c6349c$exports.thumbContainer),
                             index: 0,
                             name: props.startName,
-                            "aria-label": "minimum",
+                            "aria-label": stringFormatter.format('slider.minimum'),
                             ref: lowerThumbRef,
                             style: (renderProps)=>(0, $2061c83559b50a66$exports.pressScale)(lowerThumbRef, {
                                     transform: 'translate(-50%, -50%)',
@@ -118,7 +130,7 @@ function $bf1a51351cead47b$var$RangeSlider(props, ref) {
                             className: (0, $e937566cb5c6349c$exports.thumbContainer),
                             index: 1,
                             name: props.endName,
-                            "aria-label": "maximum",
+                            "aria-label": stringFormatter.format('slider.maximum'),
                             ref: upperThumbRef,
                             style: (renderProps)=>(0, $2061c83559b50a66$exports.pressScale)(upperThumbRef, {
                                     transform: 'translate(-50%, -50%)'

package/dist/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 {filledTrack, SliderBase, SliderBaseProps, thumb, thumbContainer, thumbHitArea, track, upperTrack} from './Slider';\nimport {FocusableRef, RangeValue} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, useContext, useRef} from 'react';\nimport {pressScale} from './pressScale';\nimport {\n  SliderThumb,\n  SliderTrack\n} from 'react-aria-components';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLocale} from '@react-aria/i18n';\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\nfunction RangeSlider(props: RangeSliderProps, ref: FocusableRef<HTMLDivElement>) {\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\n  return (\n    <SliderBase\n      {...props}\n      value={props.value ? [props.value.start, props.value.end] : undefined}\n      defaultValue={props.defaultValue ? [props.defaultValue.start, props.defaultValue.end] : [props.minValue ?? 0, props.maxValue ?? 100]}\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 style={{width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`, [cssDirection]: `${state.getThumbPercent(0) * 100}%`}} className={filledTrack({isDisabled, isEmphasized, trackStyle})} />\n            {/* TODO: translations */}\n            <SliderThumb className={thumbContainer} index={0} name={props.startName} aria-label=\"minimum\" ref={lowerThumbRef} style={(renderProps) => pressScale(lowerThumbRef, {transform: 'translate(-50%, -50%)', zIndex: state.getThumbPercent(0) === 1 ? 1 : undefined})({...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  className={thumbContainer} index={1} name={props.endName} aria-label=\"maximum\" ref={upperThumbRef} style={(renderProps) => pressScale(upperThumbRef, {transform: 'translate(-50%, -50%)'})({...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\nlet _RangeSlider = /*#__PURE__*/ forwardRef(RangeSlider);\nexport {_RangeSlider as RangeSlider};\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 {\n  ContextValue,\n  SliderThumb,\n  SliderTrack\n} from 'react-aria-components';\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';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\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\nexport const RangeSliderContext = createContext<ContextValue<RangeSliderProps, FocusableRefValue<HTMLDivElement>>>(null);\n\nfunction 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\n  return (\n    <SliderBase\n      {...props}\n      value={props.value ? [props.value.start, props.value.end] : undefined}\n      defaultValue={props.defaultValue ? [props.defaultValue.start, props.defaultValue.end] : [props.minValue ?? 0, props.maxValue ?? 100]}\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              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              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\nlet _RangeSlider = /*#__PURE__*/ forwardRef(RangeSlider);\nexport {_RangeSlider as RangeSlider};\n"],"names":[],"version":3,"file":"RangeSlider.cjs.map"}

package/dist/RangeSlider.mjs

@@ -1,12 +1,18 @@
 import {filledTrack as $8128d8480e67c400$export$847ceef3bc944d02, SliderBase as $8128d8480e67c400$export$9418495bb635ebde, thumb as $8128d8480e67c400$export$becc9140d0e846f8, thumbContainer as $8128d8480e67c400$export$7814bee2738c4c3, thumbHitArea as $8128d8480e67c400$export$f120a3c6038107a5, track as $8128d8480e67c400$export$6b2a7d5132615086, upperTrack as $8128d8480e67c400$export$1e1dc99b6e2204f1} from "./Slider.mjs";
 import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
+import $DNS9q$intlStringsmjs from "./intlStrings.mjs";
 import {pressScale as $10ea7662e51a285b$export$56e8cba416805d8d} from "./pressScale.mjs";
+import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "./useSpectrumContextProps.mjs";
 import {jsx as $DNS9q$jsx, jsxs as $DNS9q$jsxs, Fragment as $DNS9q$Fragment} from "react/jsx-runtime";
-import {useContext as $DNS9q$useContext, useRef as $DNS9q$useRef, forwardRef as $DNS9q$forwardRef} from "react";
 import {SliderTrack as $DNS9q$SliderTrack, SliderThumb as $DNS9q$SliderThumb} from "react-aria-components";
+import {createContext as $DNS9q$createContext, useContext as $DNS9q$useContext, useRef as $DNS9q$useRef, forwardRef as $DNS9q$forwardRef} from "react";
 import {useFocusableRef as $DNS9q$useFocusableRef} from "@react-spectrum/utils";
-import {useLocale as $DNS9q$useLocale} from "@react-aria/i18n";
+import {useLocalizedStringFormatter as $DNS9q$useLocalizedStringFormatter, useLocale as $DNS9q$useLocale} from "@react-aria/i18n";
 
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -25,7 +31,12 @@ import {useLocale as $DNS9q$useLocale} from "@react-aria/i18n";
 
 
 
+
+
+const $c683c8ad68e59901$export$9e0b46d8c4f4c18f = /*#__PURE__*/ (0, $DNS9q$createContext)(null);
 function $c683c8ad68e59901$var$RangeSlider(props, ref) {
+    let stringFormatter = (0, $DNS9q$useLocalizedStringFormatter)((0, ($parcel$interopDefault($DNS9q$intlStringsmjs))), '@react-spectrum/s2');
+    [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $c683c8ad68e59901$export$9e0b46d8c4f4c18f);
     let formContext = (0, $DNS9q$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
     props = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props);
     let { labelPosition: labelPosition = 'top', size: size = 'M', isEmphasized: isEmphasized, trackStyle: trackStyle = 'thin', thumbStyle: thumbStyle = 'default' } = props;
@@ -86,7 +97,7 @@ function $c683c8ad68e59901$var$RangeSlider(props, ref) {
                             className: (0, $8128d8480e67c400$export$7814bee2738c4c3),
                             index: 0,
                             name: props.startName,
-                            "aria-label": "minimum",
+                            "aria-label": stringFormatter.format('slider.minimum'),
                             ref: lowerThumbRef,
                             style: (renderProps)=>(0, $10ea7662e51a285b$export$56e8cba416805d8d)(lowerThumbRef, {
                                     transform: 'translate(-50%, -50%)',
@@ -112,7 +123,7 @@ function $c683c8ad68e59901$var$RangeSlider(props, ref) {
                             className: (0, $8128d8480e67c400$export$7814bee2738c4c3),
                             index: 1,
                             name: props.endName,
-                            "aria-label": "maximum",
+                            "aria-label": stringFormatter.format('slider.maximum'),
                             ref: upperThumbRef,
                             style: (renderProps)=>(0, $10ea7662e51a285b$export$56e8cba416805d8d)(upperThumbRef, {
                                     transform: 'translate(-50%, -50%)'
@@ -141,5 +152,5 @@ function $c683c8ad68e59901$var$RangeSlider(props, ref) {
 let $c683c8ad68e59901$export$826424dabc3dd705 = /*#__PURE__*/ (0, $DNS9q$forwardRef)($c683c8ad68e59901$var$RangeSlider);
 
 
-export {$c683c8ad68e59901$export$826424dabc3dd705 as RangeSlider};
+export {$c683c8ad68e59901$export$9e0b46d8c4f4c18f as RangeSliderContext, $c683c8ad68e59901$export$826424dabc3dd705 as RangeSlider};
 //# sourceMappingURL=RangeSlider.mjs.map

package/dist/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 {filledTrack, SliderBase, SliderBaseProps, thumb, thumbContainer, thumbHitArea, track, upperTrack} from './Slider';\nimport {FocusableRef, RangeValue} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, useContext, useRef} from 'react';\nimport {pressScale} from './pressScale';\nimport {\n  SliderThumb,\n  SliderTrack\n} from 'react-aria-components';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLocale} from '@react-aria/i18n';\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\nfunction RangeSlider(props: RangeSliderProps, ref: FocusableRef<HTMLDivElement>) {\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\n  return (\n    <SliderBase\n      {...props}\n      value={props.value ? [props.value.start, props.value.end] : undefined}\n      defaultValue={props.defaultValue ? [props.defaultValue.start, props.defaultValue.end] : [props.minValue ?? 0, props.maxValue ?? 100]}\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 style={{width: `${Math.abs(state.getThumbPercent(0) - state.getThumbPercent(1)) * 100}%`, [cssDirection]: `${state.getThumbPercent(0) * 100}%`}} className={filledTrack({isDisabled, isEmphasized, trackStyle})} />\n            {/* TODO: translations */}\n            <SliderThumb className={thumbContainer} index={0} name={props.startName} aria-label=\"minimum\" ref={lowerThumbRef} style={(renderProps) => pressScale(lowerThumbRef, {transform: 'translate(-50%, -50%)', zIndex: state.getThumbPercent(0) === 1 ? 1 : undefined})({...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  className={thumbContainer} index={1} name={props.endName} aria-label=\"maximum\" ref={upperThumbRef} style={(renderProps) => pressScale(upperThumbRef, {transform: 'translate(-50%, -50%)'})({...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\nlet _RangeSlider = /*#__PURE__*/ forwardRef(RangeSlider);\nexport {_RangeSlider as RangeSlider};\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 {\n  ContextValue,\n  SliderThumb,\n  SliderTrack\n} from 'react-aria-components';\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';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\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\nexport const RangeSliderContext = createContext<ContextValue<RangeSliderProps, FocusableRefValue<HTMLDivElement>>>(null);\n\nfunction 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\n  return (\n    <SliderBase\n      {...props}\n      value={props.value ? [props.value.start, props.value.end] : undefined}\n      defaultValue={props.defaultValue ? [props.defaultValue.start, props.defaultValue.end] : [props.minValue ?? 0, props.maxValue ?? 100]}\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              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              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\nlet _RangeSlider = /*#__PURE__*/ forwardRef(RangeSlider);\nexport {_RangeSlider as RangeSlider};\n"],"names":[],"version":3,"file":"RangeSlider.mjs.map"}

package/dist/S2_CheckmarkSize400.cjs

@@ -0,0 +1,26 @@
+var $6uoht$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", () => $8a3187c23d68317f$export$2e2bcd8739ae039);
+
+
+const $8a3187c23d68317f$var$SvgS2CheckmarkSize400 = (props)=>/*#__PURE__*/ (0, $6uoht$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ (0, $6uoht$reactjsxruntime.jsx)("path", {
+            d: "M5.864 14.115c-.335 0-.653-.15-.868-.407L1.25 9.21a1.13 1.13 0 1 1 1.736-1.447l2.854 3.424 7.148-9.1a1.13 1.13 0 1 1 1.777 1.396l-8.011 10.2a1.13 1.13 0 0 1-.872.432h-.017Z",
+            fill: "var(--iconPrimary, #222)"
+        })
+    });
+var $8a3187c23d68317f$export$2e2bcd8739ae039 = $8a3187c23d68317f$var$SvgS2CheckmarkSize400;
+
+
+//# sourceMappingURL=S2_CheckmarkSize400.cjs.map

package/dist/S2_CheckmarkSize400.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AACA,MAAM,8CAAwB,CAAA,sBAAS,gCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;kBAAE,cAAA,gCAAC;YAAK,GAAE;YAA+K,MAAK;;;IACjU,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_CheckmarkSize400.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"ICONS\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n  <path d=\"m5.86426,14.11523c-.33496,0-.65332-.14941-.86816-.40723l-3.74707-4.49805c-.40039-.47949-.33496-1.19238.14453-1.5918.47852-.40234,1.19141-.33594,1.5918.14453l2.85352,3.4248L12.9873,2.08789c.38574-.49121,1.09668-.57715,1.58691-.19043.49121.38574.57617,1.0957.19043,1.58691L6.75293,13.68262c-.21094.26855-.53125.42773-.87207.43262h-.0166Z\" fill=\"var(--iconPrimary, #222)\"/>\n</svg>"],"names":[],"version":3,"file":"S2_CheckmarkSize400.cjs.map"}

package/dist/S2_CheckmarkSize400.mjs

@@ -0,0 +1,21 @@
+import {jsx as $2xLKW$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $d9785d3b2bcf9fb0$var$SvgS2CheckmarkSize400 = (props)=>/*#__PURE__*/ (0, $2xLKW$jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ (0, $2xLKW$jsx)("path", {
+            d: "M5.864 14.115c-.335 0-.653-.15-.868-.407L1.25 9.21a1.13 1.13 0 1 1 1.736-1.447l2.854 3.424 7.148-9.1a1.13 1.13 0 1 1 1.777 1.396l-8.011 10.2a1.13 1.13 0 0 1-.872.432h-.017Z",
+            fill: "var(--iconPrimary, #222)"
+        })
+    });
+var $d9785d3b2bcf9fb0$export$2e2bcd8739ae039 = $d9785d3b2bcf9fb0$var$SvgS2CheckmarkSize400;
+
+
+export {$d9785d3b2bcf9fb0$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=S2_CheckmarkSize400.mjs.map

package/dist/S2_CheckmarkSize400.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AACA,MAAM,8CAAwB,CAAA,sBAAS,gBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;kBAAE,cAAA,gBAAC;YAAK,GAAE;YAA+K,MAAK;;;IACjU,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_CheckmarkSize400.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"ICONS\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n  <path d=\"m5.86426,14.11523c-.33496,0-.65332-.14941-.86816-.40723l-3.74707-4.49805c-.40039-.47949-.33496-1.19238.14453-1.5918.47852-.40234,1.19141-.33594,1.5918.14453l2.85352,3.4248L12.9873,2.08789c.38574-.49121,1.09668-.57715,1.58691-.19043.49121.38574.57617,1.0957.19043,1.58691L6.75293,13.68262c-.21094.26855-.53125.42773-.87207.43262h-.0166Z\" fill=\"var(--iconPrimary, #222)\"/>\n</svg>"],"names":[],"version":3,"file":"S2_CheckmarkSize400.mjs.map"}

package/dist/S2_ChevronSize400.cjs

@@ -0,0 +1,26 @@
+var $8ElQ1$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", () => $946db7c00f8c14ae$export$2e2bcd8739ae039);
+
+
+const $946db7c00f8c14ae$var$SvgS2ChevronSize400 = (props)=>/*#__PURE__*/ (0, $8ElQ1$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ (0, $8ElQ1$reactjsxruntime.jsx)("path", {
+            d: "M11.726 7.3 5.67 1.247A.988.988 0 1 0 4.27 2.645L9.628 8 4.27 13.355a.988.988 0 1 0 1.399 1.399l6.056-6.055a.988.988 0 0 0 0-1.398Z",
+            fill: "var(--iconPrimary, #222)"
+        })
+    });
+var $946db7c00f8c14ae$export$2e2bcd8739ae039 = $946db7c00f8c14ae$var$SvgS2ChevronSize400;
+
+
+//# sourceMappingURL=S2_ChevronSize400.cjs.map

package/dist/S2_ChevronSize400.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AACA,MAAM,4CAAsB,CAAA,sBAAS,gCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;kBAAE,cAAA,gCAAC;YAAK,GAAE;YAAsI,MAAK;;;IACtR,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_ChevronSize400.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n\n  <path d=\"m11.72559,7.30078L5.66992,1.24609c-.38672-.38672-1.01172-.38672-1.39844,0-.38672.38574-.38672,1.0127,0,1.39844l5.35632,5.35547-5.35632,5.35547c-.38672.38574-.38672,1.0127,0,1.39844.19336.19336.44629.29004.69922.29004s.50586-.09668.69922-.29004l6.05566-6.05469c.38672-.38574.38672-1.0127,0-1.39844Z\" fill=\"var(--iconPrimary, #222)\"/>\n\n</svg>"],"names":[],"version":3,"file":"S2_ChevronSize400.cjs.map"}

package/dist/S2_ChevronSize400.mjs

@@ -0,0 +1,21 @@
+import {jsx as $bGAKJ$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $0c7cb9e52fc14b01$var$SvgS2ChevronSize400 = (props)=>/*#__PURE__*/ (0, $bGAKJ$jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ (0, $bGAKJ$jsx)("path", {
+            d: "M11.726 7.3 5.67 1.247A.988.988 0 1 0 4.27 2.645L9.628 8 4.27 13.355a.988.988 0 1 0 1.399 1.399l6.056-6.055a.988.988 0 0 0 0-1.398Z",
+            fill: "var(--iconPrimary, #222)"
+        })
+    });
+var $0c7cb9e52fc14b01$export$2e2bcd8739ae039 = $0c7cb9e52fc14b01$var$SvgS2ChevronSize400;
+
+
+export {$0c7cb9e52fc14b01$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=S2_ChevronSize400.mjs.map

package/dist/S2_ChevronSize400.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AACA,MAAM,4CAAsB,CAAA,sBAAS,gBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;kBAAE,cAAA,gBAAC;YAAK,GAAE;YAAsI,MAAK;;;IACtR,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_ChevronSize400.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n\n  <path d=\"m11.72559,7.30078L5.66992,1.24609c-.38672-.38672-1.01172-.38672-1.39844,0-.38672.38574-.38672,1.0127,0,1.39844l5.35632,5.35547-5.35632,5.35547c-.38672.38574-.38672,1.0127,0,1.39844.19336.19336.44629.29004.69922.29004s.50586-.09668.69922-.29004l6.05566-6.05469c.38672-.38574.38672-1.0127,0-1.39844Z\" fill=\"var(--iconPrimary, #222)\"/>\n\n</svg>"],"names":[],"version":3,"file":"S2_ChevronSize400.mjs.map"}

package/dist/S2_CrossSize600.cjs

@@ -0,0 +1,26 @@
+var $2Oho9$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", () => $f00a5f1d6f2cd8f4$export$2e2bcd8739ae039);
+
+
+const $f00a5f1d6f2cd8f4$var$SvgS2CrossSize600 = (props)=>/*#__PURE__*/ (0, $2Oho9$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ (0, $2Oho9$reactjsxruntime.jsx)("path", {
+            d: "m9.518 8 5.23-5.229a1.073 1.073 0 0 0-1.519-1.517L8 6.483l-5.229-5.23a1.073 1.073 0 0 0-1.518 1.518l5.23 5.23-5.23 5.228a1.073 1.073 0 0 0 1.518 1.518l5.23-5.229 5.228 5.23a1.073 1.073 0 1 0 1.518-1.519L9.518 8Z",
+            fill: "var(--iconPrimary, #222)"
+        })
+    });
+var $f00a5f1d6f2cd8f4$export$2e2bcd8739ae039 = $f00a5f1d6f2cd8f4$var$SvgS2CrossSize600;
+
+
+//# sourceMappingURL=S2_CrossSize600.cjs.map

package/dist/S2_CrossSize600.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AACA,MAAM,0CAAoB,CAAA,sBAAS,gCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;kBAAE,cAAA,gCAAC;YAAK,GAAE;YAAsN,MAAK;;;IACpW,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_CrossSize600.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n\n  <path d=\"m9.51807,8.00049l5.229-5.229c.41895-.41895.41895-1.09863,0-1.51758-.41992-.41797-1.09766-.41797-1.51758,0l-5.229,5.229L2.77148,1.25391c-.41992-.41797-1.09766-.41797-1.51758,0-.41895.41895-.41895,1.09863,0,1.51758l5.229,5.229L1.25391,13.22949c-.41895.41895-.41895,1.09863,0,1.51758.20996.20898.48438.31445.75879.31445s.54883-.10547.75879-.31445l5.229-5.229,5.229,5.229c.20996.20898.48438.31445.75879.31445s.54883-.10547.75879-.31445c.41895-.41895.41895-1.09863,0-1.51758l-5.229-5.229Z\" fill=\"var(--iconPrimary, #222)\"/>\n  \n</svg>"],"names":[],"version":3,"file":"S2_CrossSize600.cjs.map"}

package/dist/S2_CrossSize600.mjs

@@ -0,0 +1,21 @@
+import {jsx as $4puKo$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $316aaa4fa56e9cde$var$SvgS2CrossSize600 = (props)=>/*#__PURE__*/ (0, $4puKo$jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 16,
+        height: 16,
+        viewBox: "0 0 16 16",
+        ...props,
+        children: /*#__PURE__*/ (0, $4puKo$jsx)("path", {
+            d: "m9.518 8 5.23-5.229a1.073 1.073 0 0 0-1.519-1.517L8 6.483l-5.229-5.23a1.073 1.073 0 0 0-1.518 1.518l5.23 5.23-5.23 5.228a1.073 1.073 0 0 0 1.518 1.518l5.23-5.229 5.228 5.23a1.073 1.073 0 1 0 1.518-1.519L9.518 8Z",
+            fill: "var(--iconPrimary, #222)"
+        })
+    });
+var $316aaa4fa56e9cde$export$2e2bcd8739ae039 = $316aaa4fa56e9cde$var$SvgS2CrossSize600;
+
+
+export {$316aaa4fa56e9cde$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=S2_CrossSize600.mjs.map

package/dist/S2_CrossSize600.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AACA,MAAM,0CAAoB,CAAA,sBAAS,gBAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;kBAAE,cAAA,gBAAC;YAAK,GAAE;YAAsN,MAAK;;;IACpW,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_CrossSize600.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n\n  <path d=\"m9.51807,8.00049l5.229-5.229c.41895-.41895.41895-1.09863,0-1.51758-.41992-.41797-1.09766-.41797-1.51758,0l-5.229,5.229L2.77148,1.25391c-.41992-.41797-1.09766-.41797-1.51758,0-.41895.41895-.41895,1.09863,0,1.51758l5.229,5.229L1.25391,13.22949c-.41895.41895-.41895,1.09863,0,1.51758.20996.20898.48438.31445.75879.31445s.54883-.10547.75879-.31445l5.229-5.229,5.229,5.229c.20996.20898.48438.31445.75879.31445s.54883-.10547.75879-.31445c.41895-.41895.41895-1.09863,0-1.51758l-5.229-5.229Z\" fill=\"var(--iconPrimary, #222)\"/>\n  \n</svg>"],"names":[],"version":3,"file":"S2_CrossSize600.mjs.map"}

package/dist/S2_DashSize300.cjs

@@ -0,0 +1,26 @@
+var $3anFA$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", () => $ff5457fc54cc0b10$export$2e2bcd8739ae039);
+
+
+const $ff5457fc54cc0b10$var$SvgS2DashSize300 = (props)=>/*#__PURE__*/ (0, $3anFA$reactjsxruntime.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 12,
+        height: 12,
+        viewBox: "0 0 12 12",
+        ...props,
+        children: /*#__PURE__*/ (0, $3anFA$reactjsxruntime.jsx)("path", {
+            d: "M10.61 7.085H1.39a1.084 1.084 0 1 1 0-2.17h9.22a1.084 1.084 0 1 1 0 2.17Z",
+            fill: "var(--iconPrimary, #222)"
+        })
+    });
+var $ff5457fc54cc0b10$export$2e2bcd8739ae039 = $ff5457fc54cc0b10$var$SvgS2DashSize300;
+
+
+//# sourceMappingURL=S2_DashSize300.cjs.map

package/dist/S2_DashSize300.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;AACA,MAAM,yCAAmB,CAAA,sBAAS,gCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAG,KAAK;kBAAE,cAAA,gCAAC;YAAK,GAAE;YAA4E,MAAK;;;IACzN,2CAAe","sources":["packages/@react-spectrum/s2/ui-icons/S2_DashSize300.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg id=\"ICONS\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\">\n  <path d=\"m10.61035,7.08496H1.38965c-.59961,0-1.08496-.48535-1.08496-1.08496s.48535-1.08496,1.08496-1.08496h9.2207c.59961,0,1.08496.48535,1.08496,1.08496s-.48535,1.08496-1.08496,1.08496Z\" fill=\"var(--iconPrimary, #222)\" stroke-width=\"0\"/>\n</svg>"],"names":[],"version":3,"file":"S2_DashSize300.cjs.map"}

package/dist/S2_DashSize300.mjs

@@ -0,0 +1,21 @@
+import {jsx as $4utdn$jsx} from "react/jsx-runtime";
+import "react";
+
+
+
+const $05ef56ae100d2cfa$var$SvgS2DashSize300 = (props)=>/*#__PURE__*/ (0, $4utdn$jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 12,
+        height: 12,
+        viewBox: "0 0 12 12",
+        ...props,
+        children: /*#__PURE__*/ (0, $4utdn$jsx)("path", {
+            d: "M10.61 7.085H1.39a1.084 1.084 0 1 1 0-2.17h9.22a1.084 1.084 0 1 1 0 2.17Z",
+            fill: "var(--iconPrimary, #222)"
+        })
+    });
+var $05ef56ae100d2cfa$export$2e2bcd8739ae039 = $05ef56ae100d2cfa$var$SvgS2DashSize300;
+
+
+export {$05ef56ae100d2cfa$export$2e2bcd8739ae039 as default};
+//# sourceMappingURL=S2_DashSize300.mjs.map