@react-spectrum/s2 0.3.2-nightly.5042 → 0.4.1

package/dist/Radio.css

@@ -1,5 +1,5 @@
 @layer _.a {
-  .jE {
+  .jF {
     column-gap: .714286em;
   }
 
@@ -85,19 +85,19 @@
     outline-offset: 2px;
   }
 
-  .lh {
+  .lj {
     width: 1rem;
   }
 
-  .l7 {
+  .l8 {
     width: .875rem;
   }
 
-  .l9 {
+  .l_a {
     width: 1.125rem;
   }
 
-  .li {
+  .lk {
     width: 1.25rem;
   }
 
@@ -229,19 +229,19 @@
     border-color: var(--lightningcss-light, #c6c6c6) var(--lightningcss-dark, #444);
   }
 
-  .-_375toq_k-h {
+  .-_375toq_k-j {
     --k: 1rem;
   }
 
-  .-_375toq_k-7 {
+  .-_375toq_k-8 {
     --k: .875rem;
   }
 
-  .-_375toq_k-9 {
+  .-_375toq_k-_a {
     --k: 1.125rem;
   }
 
-  .-_375toq_k-i {
+  .-_375toq_k-k {
     --k: 1.25rem;
   }
 }
@@ -316,35 +316,35 @@
       font-size: 1.375rem;
     }
 
-    .lbi {
+    .lbk {
       width: 1.25rem;
     }
 
-    .lb8 {
+    .lb9 {
       width: 1.09375rem;
     }
 
-    .lb_a {
+    .lb_b {
       width: 1.40625rem;
     }
 
-    .lbj {
+    .lbl {
       width: 1.5625rem;
     }
 
-    .-_375toq_k-bi {
+    .-_375toq_k-bk {
       --k: 1.25rem;
     }
 
-    .-_375toq_k-b8 {
+    .-_375toq_k-b9 {
       --k: 1.09375rem;
     }
 
-    .-_375toq_k-b_a {
+    .-_375toq_k-b_b {
       --k: 1.40625rem;
     }
 
-    .-_375toq_k-bj {
+    .-_375toq_k-bl {
       --k: 1.5625rem;
     }
   }

package/dist/Radio.css.map

@@ -1 +1 @@
-{"mappings":"ACkDgB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAmBD;;;;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;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAnBC;EAAA;;;;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAmBD;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAnBC;EAAA;IAAA;;;;IAmBD;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAAA","sources":["9fa8f4e96c5d74b7","packages/@react-spectrum/s2/src/Radio.tsx"],"sourcesContent":["@import \"4c55815e8f2cdad6\";\n@import \"4d824628f052c21a\";\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  Radio as AriaRadio,\n  RadioProps as AriaRadioProps,\n  RadioRenderProps\n} from 'react-aria-components';\nimport {baseColor, style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {FocusableRef} from '@react-types/shared';\nimport {focusRing, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps {\n  /**\n   * The label for the element.\n   */\n  children?: ReactNode\n}\n\ninterface ContextProps {\n  /**\n   * The size of the Radio.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst wrapper = style({\n  display: 'flex',\n  columnGap: 'text-to-control',\n  alignItems: 'baseline',\n  font: 'control',\n  transition: 'colors',\n  color: {\n    default: 'neutral',\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  gridColumnStart: {\n    isInForm: 'field'\n  },\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst circle = style<RenderProps>({\n  ...focusRing(),\n  size: 'control-sm',\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'default', /* RSP v3 was 'all 200ms' */\n  borderRadius: 'full',\n  borderStyle: 'solid',\n  boxSizing: 'border-box',\n  borderWidth: {\n    default: 2,\n    isSelected: '[calc((self(height) - 4px) / 2)]'\n  },\n  forcedColorAdjust: 'none',\n  backgroundColor: 'gray-25',\n  borderColor: {\n    default: baseColor('gray-800'),\n    forcedColors: 'ButtonBorder',\n    isSelected: {\n      isEmphasized: baseColor('accent-900'),\n      forcedColors: 'Highlight'\n    },\n    isInvalid: {\n      default: 'negative',\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'gray-400',\n      forcedColors: 'GrayText'\n    }\n  }\n});\n\nfunction Radio(props: RadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {children, UNSAFE_className = '', UNSAFE_style} = props;\n  let circleRef = useRef(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let isInForm = !!useContext(FormContext);\n  let {\n    size = 'M',\n    ...allProps\n  } = useFormProps<RadioContextProps>(props);\n\n  return (\n    <AriaRadio\n      {...allProps}\n      ref={domRef}\n      inputRef={inputRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + wrapper({...renderProps, isInForm, size}, allProps.styles)}>\n      {renderProps => (\n        <>\n          <CenterBaseline>\n            <div\n              ref={circleRef}\n              style={pressScale(circleRef)(renderProps)}\n              className={circle({\n                ...renderProps,\n                isEmphasized: allProps.isEmphasized,\n                isSelected: renderProps.isSelected,\n                size\n              })} />\n          </CenterBaseline>\n          {children}\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\n/**\n * Radio buttons 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 _Radio = /*#__PURE__*/ forwardRef(Radio);\nexport {_Radio as Radio};\n"],"names":[],"version":3,"file":"Radio.css.map"}
+{"mappings":"ACkDgB;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAmBD;;;;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;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAnBC;EAAA;;;;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAmBD;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAnBC;EAAA;IAAA;;;;IAmBD;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAAA","sources":["9fa8f4e96c5d74b7","packages/@react-spectrum/s2/src/Radio.tsx"],"sourcesContent":["@import \"4c55815e8f2cdad6\";\n@import \"4d824628f052c21a\";\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  Radio as AriaRadio,\n  RadioProps as AriaRadioProps,\n  RadioRenderProps\n} from 'react-aria-components';\nimport {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {FocusableRef} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps {\n  /**\n   * The label for the element.\n   */\n  children?: ReactNode\n}\n\ninterface ContextProps {\n  /**\n   * The size of the Radio.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst wrapper = style({\n  display: 'flex',\n  columnGap: 'text-to-control',\n  alignItems: 'baseline',\n  font: 'control',\n  transition: 'colors',\n  color: {\n    default: 'neutral',\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  gridColumnStart: {\n    isInForm: 'field'\n  },\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst circle = style<RenderProps>({\n  ...focusRing(),\n  size: 'control-sm',\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'default', /* RSP v3 was 'all 200ms' */\n  borderRadius: 'full',\n  borderStyle: 'solid',\n  boxSizing: 'border-box',\n  borderWidth: {\n    default: 2,\n    isSelected: '[calc((self(height) - 4px) / 2)]'\n  },\n  forcedColorAdjust: 'none',\n  backgroundColor: 'gray-25',\n  borderColor: {\n    default: baseColor('gray-800'),\n    forcedColors: 'ButtonBorder',\n    isSelected: {\n      isEmphasized: baseColor('accent-900'),\n      forcedColors: 'Highlight'\n    },\n    isInvalid: {\n      default: 'negative',\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'gray-400',\n      forcedColors: 'GrayText'\n    }\n  }\n});\n\nfunction Radio(props: RadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {children, UNSAFE_className = '', UNSAFE_style} = props;\n  let circleRef = useRef(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let isInForm = !!useContext(FormContext);\n  let {\n    size = 'M',\n    ...allProps\n  } = useFormProps<RadioContextProps>(props);\n\n  return (\n    <AriaRadio\n      {...allProps}\n      ref={domRef}\n      inputRef={inputRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + wrapper({...renderProps, isInForm, size}, allProps.styles)}>\n      {renderProps => (\n        <>\n          <CenterBaseline>\n            <div\n              ref={circleRef}\n              style={pressScale(circleRef)(renderProps)}\n              className={circle({\n                ...renderProps,\n                isEmphasized: allProps.isEmphasized,\n                isSelected: renderProps.isSelected,\n                size\n              })} />\n          </CenterBaseline>\n          {children}\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\n/**\n * Radio buttons 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 _Radio = /*#__PURE__*/ forwardRef(Radio);\nexport {_Radio as Radio};\n"],"names":[],"version":3,"file":"Radio.css.map"}

package/dist/Radio.mjs

@@ -31,7 +31,7 @@ const $1ae2870af9a200f8$var$wrapper = function anonymous(props, overrides) {
     let $__a = false;
     for (let p of matches)if (/^\s*__a/.test(p)) $__a = true;
     rules += ' _Zd';
-    rules += ' jE';
+    rules += ' jF';
     rules += ' _1d';
     rules += ' _c-bc1l9oh';
     rules += ' _c-1uotwbwg';
@@ -87,17 +87,17 @@ const $1ae2870af9a200f8$var$circle = function anonymous(props) {
     rules += ' _Nc';
     rules += ' _M-3t1z';
     if (props.size === "XL") {
-        rules += ' lbj';
-        rules += ' li';
+        rules += ' lbl';
+        rules += ' lk';
     } else if (props.size === "L") {
-        rules += ' lb_a';
-        rules += ' l9';
+        rules += ' lb_b';
+        rules += ' l_a';
     } else if (props.size === "S") {
-        rules += ' lb8';
-        rules += ' l7';
+        rules += ' lb9';
+        rules += ' l8';
     } else {
-        rules += ' lbi';
-        rules += ' lh';
+        rules += ' lbk';
+        rules += ' lj';
     }
     rules += ' k-375toq';
     rules += ' _8-3t1x';
@@ -148,17 +148,17 @@ const $1ae2870af9a200f8$var$circle = function anonymous(props) {
         else rules += ' cn';
     }
     if (props.size === "XL") {
-        rules += ' -_375toq_k-bj';
-        rules += ' -_375toq_k-i';
+        rules += ' -_375toq_k-bl';
+        rules += ' -_375toq_k-k';
     } else if (props.size === "L") {
-        rules += ' -_375toq_k-b_a';
-        rules += ' -_375toq_k-9';
+        rules += ' -_375toq_k-b_b';
+        rules += ' -_375toq_k-_a';
     } else if (props.size === "S") {
-        rules += ' -_375toq_k-b8';
-        rules += ' -_375toq_k-7';
+        rules += ' -_375toq_k-b9';
+        rules += ' -_375toq_k-8';
     } else {
-        rules += ' -_375toq_k-bi';
-        rules += ' -_375toq_k-h';
+        rules += ' -_375toq_k-bk';
+        rules += ' -_375toq_k-j';
     }
     return rules;
 };

package/dist/Radio.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAwCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCN,SAAS,4BAAM,KAAiB,EAAE,GAAmC;IACnE,IAAI,YAAC,QAAQ,oBAAE,mBAAmB,kBAAI,YAAY,EAAC,GAAG;IACtD,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,WAAW,CAAA,GAAA,aAAK,EAA2B;IAC/C,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE,KAAK;IAClC,IAAI,WAAW,CAAC,CAAC,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACtC,IAAI,QACF,OAAO,KACP,GAAG,UACJ,GAAG,CAAA,GAAA,yCAAW,EAAqB;IAEpC,qBACE,gBAAC,CAAA,GAAA,YAAQ;QACN,GAAG,QAAQ;QACZ,KAAK;QACL,UAAU;QACV,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;0BAAE;sBAAU;YAAI,GAAG,SAAS,MAAM;kBACrG,CAAA,4BACC;;kCACE,gBAAC,CAAA,GAAA,yCAAa;kCACZ,cAAA,gBAAC;4BACC,KAAK;4BACL,OAAO,CAAA,GAAA,yCAAS,EAAE,WAAW;4BAC7B,WAAW,6BAAO;gCAChB,GAAG,WAAW;gCACd,cAAc,SAAS,YAAY;gCACnC,YAAY,YAAY,UAAU;sCAClC;4BACF;;;oBAEH;;;;AAKX;AAEA;;;CAGC,GACD,IAAI,4CAAS,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Radio.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  Radio as AriaRadio,\n  RadioProps as AriaRadioProps,\n  RadioRenderProps\n} from 'react-aria-components';\nimport {baseColor, style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {FocusableRef} from '@react-types/shared';\nimport {focusRing, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps {\n  /**\n   * The label for the element.\n   */\n  children?: ReactNode\n}\n\ninterface ContextProps {\n  /**\n   * The size of the Radio.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst wrapper = style({\n  display: 'flex',\n  columnGap: 'text-to-control',\n  alignItems: 'baseline',\n  font: 'control',\n  transition: 'colors',\n  color: {\n    default: 'neutral',\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  gridColumnStart: {\n    isInForm: 'field'\n  },\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst circle = style<RenderProps>({\n  ...focusRing(),\n  size: 'control-sm',\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'default', /* RSP v3 was 'all 200ms' */\n  borderRadius: 'full',\n  borderStyle: 'solid',\n  boxSizing: 'border-box',\n  borderWidth: {\n    default: 2,\n    isSelected: '[calc((self(height) - 4px) / 2)]'\n  },\n  forcedColorAdjust: 'none',\n  backgroundColor: 'gray-25',\n  borderColor: {\n    default: baseColor('gray-800'),\n    forcedColors: 'ButtonBorder',\n    isSelected: {\n      isEmphasized: baseColor('accent-900'),\n      forcedColors: 'Highlight'\n    },\n    isInvalid: {\n      default: 'negative',\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'gray-400',\n      forcedColors: 'GrayText'\n    }\n  }\n});\n\nfunction Radio(props: RadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {children, UNSAFE_className = '', UNSAFE_style} = props;\n  let circleRef = useRef(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let isInForm = !!useContext(FormContext);\n  let {\n    size = 'M',\n    ...allProps\n  } = useFormProps<RadioContextProps>(props);\n\n  return (\n    <AriaRadio\n      {...allProps}\n      ref={domRef}\n      inputRef={inputRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + wrapper({...renderProps, isInForm, size}, allProps.styles)}>\n      {renderProps => (\n        <>\n          <CenterBaseline>\n            <div\n              ref={circleRef}\n              style={pressScale(circleRef)(renderProps)}\n              className={circle({\n                ...renderProps,\n                isEmphasized: allProps.isEmphasized,\n                isSelected: renderProps.isSelected,\n                size\n              })} />\n          </CenterBaseline>\n          {children}\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\n/**\n * Radio buttons 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 _Radio = /*#__PURE__*/ forwardRef(Radio);\nexport {_Radio as Radio};\n"],"names":[],"version":3,"file":"Radio.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAwCD,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCN,SAAS,4BAAM,KAAiB,EAAE,GAAmC;IACnE,IAAI,YAAC,QAAQ,oBAAE,mBAAmB,kBAAI,YAAY,EAAC,GAAG;IACtD,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,IAAI,WAAW,CAAA,GAAA,aAAK,EAA2B;IAC/C,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE,KAAK;IAClC,IAAI,WAAW,CAAC,CAAC,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACtC,IAAI,QACF,OAAO,KACP,GAAG,UACJ,GAAG,CAAA,GAAA,yCAAW,EAAqB;IAEpC,qBACE,gBAAC,CAAA,GAAA,YAAQ;QACN,GAAG,QAAQ;QACZ,KAAK;QACL,UAAU;QACV,OAAO;QACP,WAAW,CAAA,cAAe,mBAAmB,8BAAQ;gBAAC,GAAG,WAAW;0BAAE;sBAAU;YAAI,GAAG,SAAS,MAAM;kBACrG,CAAA,4BACC;;kCACE,gBAAC,CAAA,GAAA,yCAAa;kCACZ,cAAA,gBAAC;4BACC,KAAK;4BACL,OAAO,CAAA,GAAA,yCAAS,EAAE,WAAW;4BAC7B,WAAW,6BAAO;gCAChB,GAAG,WAAW;gCACd,cAAc,SAAS,YAAY;gCACnC,YAAY,YAAY,UAAU;sCAClC;4BACF;;;oBAEH;;;;AAKX;AAEA;;;CAGC,GACD,IAAI,4CAAS,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Radio.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  Radio as AriaRadio,\n  RadioProps as AriaRadioProps,\n  RadioRenderProps\n} from 'react-aria-components';\nimport {baseColor, focusRing, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport {FocusableRef} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext, useRef} from 'react';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\n\nexport interface RadioProps extends Omit<AriaRadioProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps {\n  /**\n   * The label for the element.\n   */\n  children?: ReactNode\n}\n\ninterface ContextProps {\n  /**\n   * The size of the Radio.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * Whether the Radio within a RadioGroup should be displayed with an emphasized style.\n   */\n  isEmphasized?: boolean\n}\n\ninterface RadioContextProps extends RadioProps, ContextProps {}\n\ninterface RenderProps extends RadioRenderProps, ContextProps {}\n\nconst wrapper = style({\n  display: 'flex',\n  columnGap: 'text-to-control',\n  alignItems: 'baseline',\n  font: 'control',\n  transition: 'colors',\n  color: {\n    default: 'neutral',\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  gridColumnStart: {\n    isInForm: 'field'\n  },\n  disableTapHighlight: true\n}, getAllowedOverrides());\n\nconst circle = style<RenderProps>({\n  ...focusRing(),\n  size: 'control-sm',\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transition: 'default', /* RSP v3 was 'all 200ms' */\n  borderRadius: 'full',\n  borderStyle: 'solid',\n  boxSizing: 'border-box',\n  borderWidth: {\n    default: 2,\n    isSelected: '[calc((self(height) - 4px) / 2)]'\n  },\n  forcedColorAdjust: 'none',\n  backgroundColor: 'gray-25',\n  borderColor: {\n    default: baseColor('gray-800'),\n    forcedColors: 'ButtonBorder',\n    isSelected: {\n      isEmphasized: baseColor('accent-900'),\n      forcedColors: 'Highlight'\n    },\n    isInvalid: {\n      default: 'negative',\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'gray-400',\n      forcedColors: 'GrayText'\n    }\n  }\n});\n\nfunction Radio(props: RadioProps, ref: FocusableRef<HTMLLabelElement>) {\n  let {children, UNSAFE_className = '', UNSAFE_style} = props;\n  let circleRef = useRef(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let isInForm = !!useContext(FormContext);\n  let {\n    size = 'M',\n    ...allProps\n  } = useFormProps<RadioContextProps>(props);\n\n  return (\n    <AriaRadio\n      {...allProps}\n      ref={domRef}\n      inputRef={inputRef}\n      style={UNSAFE_style}\n      className={renderProps => UNSAFE_className + wrapper({...renderProps, isInForm, size}, allProps.styles)}>\n      {renderProps => (\n        <>\n          <CenterBaseline>\n            <div\n              ref={circleRef}\n              style={pressScale(circleRef)(renderProps)}\n              className={circle({\n                ...renderProps,\n                isEmphasized: allProps.isEmphasized,\n                isSelected: renderProps.isSelected,\n                size\n              })} />\n          </CenterBaseline>\n          {children}\n        </>\n      )}\n    </AriaRadio>\n  );\n}\n\n/**\n * Radio buttons 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 _Radio = /*#__PURE__*/ forwardRef(Radio);\nexport {_Radio as Radio};\n"],"names":[],"version":3,"file":"Radio.mjs.map"}

package/dist/RadioGroup.cjs

@@ -1,7 +1,7 @@
 require("./RadioGroup.css");
 var $a0b996a550bb0891$exports = require("./Field.cjs");
 var $bfa4962d90c8af48$exports = require("./Form.cjs");
-var $ac757a4c2bd72aee$exports = require("./useSpectrumContextProps.cjs");
+var $ac757a4c2bd72aee$exports = require("../icons/useSpectrumContextProps.cjs");
 var $ijW5U$reactjsxruntime = require("react/jsx-runtime");
 var $ijW5U$reactariacomponents = require("react-aria-components");
 var $ijW5U$react = require("react");
@@ -90,23 +90,23 @@ function $10d624be839a1d01$var$RadioGroup(props, ref) {
             rules += ' _f-1x99dlob';
             rules += ' _fa';
             if (props.size === "XL") {
-                rules += ' -aqrvqh_k-bw';
-                rules += ' -aqrvqh_k-v';
+                rules += ' -aqrvqh_k-by';
+                rules += ' -aqrvqh_k-x';
             } else if (props.size === "L") {
-                rules += ' -aqrvqh_k-bs';
-                rules += ' -aqrvqh_k-p';
+                rules += ' -aqrvqh_k-bu';
+                rules += ' -aqrvqh_k-r';
             } else if (props.size === "S") {
+                rules += ' -aqrvqh_k-bn';
+                rules += ' -aqrvqh_k-m';
+            } else if (props.size === "XS") {
                 rules += ' -aqrvqh_k-bl';
                 rules += ' -aqrvqh_k-k';
-            } else if (props.size === "XS") {
-                rules += ' -aqrvqh_k-bj';
-                rules += ' -aqrvqh_k-i';
             } else {
-                rules += ' -aqrvqh_k-bp';
-                rules += ' -aqrvqh_k-o';
+                rules += ' -aqrvqh_k-br';
+                rules += ' -aqrvqh_k-q';
             }
             rules += ' -_1inj1bc_i--vfy389';
-            rules += ' jd';
+            rules += ' je';
             rules += ' __R-yksgrp';
             return rules;
         }({
@@ -137,7 +137,7 @@ function $10d624be839a1d01$var$RadioGroup(props, ref) {
                             if (props.orientation === "horizontal") rules += ' _6a';
                             else if (props.orientation === "vertical") rules += ' _6b';
                             rules += ' _7a';
-                            rules += ' je';
+                            rules += ' jf';
                             rules += ' i-1inj1bc';
                             return rules;
                         }({

package/dist/RadioGroup.cjs.map

@@ -1 +1 @@
-{"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"}
+{"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' 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

@@ -70,23 +70,23 @@
     line-height: 1.3;
   }
 
-  .-aqrvqh_k-o {
+  .-aqrvqh_k-q {
     --field-height: 2rem;
   }
 
-  .-aqrvqh_k-i {
+  .-aqrvqh_k-k {
     --field-height: 1.25rem;
   }
 
-  .-aqrvqh_k-k {
+  .-aqrvqh_k-m {
     --field-height: 1.5rem;
   }
 
-  .-aqrvqh_k-p {
+  .-aqrvqh_k-r {
     --field-height: 2.5rem;
   }
 
-  .-aqrvqh_k-v {
+  .-aqrvqh_k-x {
     --field-height: 3rem;
   }
 
@@ -94,7 +94,7 @@
     --field-gap: calc(var(--field-height)  - 1lh);
   }
 
-  .jd {
+  .je {
     column-gap: .75rem;
   }
 
@@ -134,7 +134,7 @@
     flex-wrap: wrap;
   }
 
-  .je {
+  .jf {
     column-gap: 1rem;
   }
 
@@ -173,23 +173,23 @@
       font-size: 1.375rem;
     }
 
-    .-aqrvqh_k-bp {
+    .-aqrvqh_k-br {
       --field-height: 2.5rem;
     }
 
-    .-aqrvqh_k-bj {
+    .-aqrvqh_k-bl {
       --field-height: 1.5625rem;
     }
 
-    .-aqrvqh_k-bl {
+    .-aqrvqh_k-bn {
       --field-height: 1.875rem;
     }
 
-    .-aqrvqh_k-bs {
+    .-aqrvqh_k-bu {
       --field-height: 3.125rem;
     }
 
-    .-aqrvqh_k-bw {
+    .-aqrvqh_k-by {
       --field-height: 3.75rem;
     }
   }

package/dist/RadioGroup.css.map

@@ -1 +1 @@
-{"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"}
+{"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' 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,7 +1,7 @@
 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 {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/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 {createContext as $fZVHt$createContext, useContext as $fZVHt$useContext, forwardRef as $fZVHt$forwardRef} from "react";
@@ -83,23 +83,23 @@ function $9a2afae66771094f$var$RadioGroup(props, ref) {
             rules += ' _f-1x99dlob';
             rules += ' _fa';
             if (props.size === "XL") {
-                rules += ' -aqrvqh_k-bw';
-                rules += ' -aqrvqh_k-v';
+                rules += ' -aqrvqh_k-by';
+                rules += ' -aqrvqh_k-x';
             } else if (props.size === "L") {
-                rules += ' -aqrvqh_k-bs';
-                rules += ' -aqrvqh_k-p';
+                rules += ' -aqrvqh_k-bu';
+                rules += ' -aqrvqh_k-r';
             } else if (props.size === "S") {
+                rules += ' -aqrvqh_k-bn';
+                rules += ' -aqrvqh_k-m';
+            } else if (props.size === "XS") {
                 rules += ' -aqrvqh_k-bl';
                 rules += ' -aqrvqh_k-k';
-            } else if (props.size === "XS") {
-                rules += ' -aqrvqh_k-bj';
-                rules += ' -aqrvqh_k-i';
             } else {
-                rules += ' -aqrvqh_k-bp';
-                rules += ' -aqrvqh_k-o';
+                rules += ' -aqrvqh_k-br';
+                rules += ' -aqrvqh_k-q';
             }
             rules += ' -_1inj1bc_i--vfy389';
-            rules += ' jd';
+            rules += ' je';
             rules += ' __R-yksgrp';
             return rules;
         }({
@@ -130,7 +130,7 @@ function $9a2afae66771094f$var$RadioGroup(props, ref) {
                             if (props.orientation === "horizontal") rules += ' _6a';
                             else if (props.orientation === "vertical") rules += ' _6b';
                             rules += ' _7a';
-                            rules += ' je';
+                            rules += ' jf';
                             rules += ' i-1inj1bc';
                             return rules;
                         }({

package/dist/RadioGroup.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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' 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

@@ -2,7 +2,7 @@ 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 $ac757a4c2bd72aee$exports = require("../icons/useSpectrumContextProps.cjs");
 var $lbQ1p$reactjsxruntime = require("react/jsx-runtime");
 var $lbQ1p$reactariacomponents = require("react-aria-components");
 var $lbQ1p$react = require("react");

package/dist/RangeSlider.mjs

@@ -2,7 +2,7 @@ import {filledTrack as $8128d8480e67c400$export$847ceef3bc944d02, SliderBase as
 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 {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/useSpectrumContextProps.mjs";
 import {jsx as $DNS9q$jsx, jsxs as $DNS9q$jsxs, Fragment as $DNS9q$Fragment} from "react/jsx-runtime";
 import {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";

package/dist/SearchField.cjs

@@ -5,7 +5,7 @@ var $a0b996a550bb0891$exports = require("./Field.cjs");
 var $bfa4962d90c8af48$exports = require("./Form.cjs");
 var $bde97c91243ed164$exports = require("../icons/Icon.cjs");
 var $7218fc0a0ade65d7$exports = require("../icons/Search.cjs");
-var $ac757a4c2bd72aee$exports = require("./useSpectrumContextProps.cjs");
+var $ac757a4c2bd72aee$exports = require("../icons/useSpectrumContextProps.cjs");
 var $fsjBd$reactjsxruntime = require("react/jsx-runtime");
 var $fsjBd$reactariacomponents = require("react-aria-components");
 var $fsjBd$react = require("react");
@@ -109,23 +109,23 @@ function $f0dfe14258307d4b$var$SearchField(props, ref) {
             rules += ' _f-1x99dlob';
             rules += ' _fa';
             if (props.size === "XL") {
-                rules += ' -aqrvqh_k-bw';
-                rules += ' -aqrvqh_k-v';
+                rules += ' -aqrvqh_k-by';
+                rules += ' -aqrvqh_k-x';
             } else if (props.size === "L") {
-                rules += ' -aqrvqh_k-bs';
-                rules += ' -aqrvqh_k-p';
+                rules += ' -aqrvqh_k-bu';
+                rules += ' -aqrvqh_k-r';
             } else if (props.size === "S") {
+                rules += ' -aqrvqh_k-bn';
+                rules += ' -aqrvqh_k-m';
+            } else if (props.size === "XS") {
                 rules += ' -aqrvqh_k-bl';
                 rules += ' -aqrvqh_k-k';
-            } else if (props.size === "XS") {
-                rules += ' -aqrvqh_k-bj';
-                rules += ' -aqrvqh_k-i';
             } else {
-                rules += ' -aqrvqh_k-bp';
-                rules += ' -aqrvqh_k-o';
+                rules += ' -aqrvqh_k-br';
+                rules += ' -aqrvqh_k-q';
             }
             rules += ' -_1inj1bc_i--prjw07';
-            rules += ' jd';
+            rules += ' je';
             rules += ' __R-yksgrp';
             rules += ' -oelgqu_A--177861o';
             if (props.isDisabled) {
@@ -158,7 +158,7 @@ function $f0dfe14258307d4b$var$SearchField(props, ref) {
                     /*#__PURE__*/ (0, $fsjBd$reactjsxruntime.jsxs)((0, $a0b996a550bb0891$exports.FieldGroup), {
                         isDisabled: isDisabled,
                         size: props.size,
-                        styles: " . _vf _wf _xf _yf CI Da",
+                        styles: " . _vf _wf _xf _yf CJ Da",
                         children: [
                             /*#__PURE__*/ (0, $fsjBd$reactjsxruntime.jsx)((0, $fsjBd$reactariacomponents.Provider), {
                                 values: [
@@ -167,7 +167,7 @@ function $f0dfe14258307d4b$var$SearchField(props, ref) {
                                         {
                                             render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
                                                 slot: 'icon',
-                                                styles: " . _8-3t1x zF zbG -rwx0fg_e-b"
+                                                styles: " . _8-3t1x zG zbH -rwx0fg_e-b"
                                             }),
                                             styles: " . l-1sthc3k k-1sthc3k y-oelgqu"
                                         }

package/dist/SearchField.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAgCM,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAAgD;AAE9F,SAAS,kCAAY,KAAuB,EAAE,GAAsB;IAClE,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,SACF,KAAK,eACL,WAAW,gBACX,YAAY,sBACZ,kBAAkB,iBAClB,gBAAgB,mBAChB,aAAa,2BACb,mBAAmB,kBACnB,YAAY,EACZ,GAAG,kBACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAkB;IACpC,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IAExC,sCAAsC;IACtC,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,4CAAiB,EAAE,QAAQ,SAAS;YACvC;gBACE,IAAI,SAAS,OAAO,EAClB,SAAS,OAAO,CAAC,MAAM;YAE3B;YACA;gBACE,OAAO,SAAS,OAAO;YACzB;QACF,CAAA;IAEA,qBACE,gCAAC,CAAA,GAAA,sCAAc;QACZ,GAAG,gBAAgB;QACpB,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAaJ;YACxB,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,WAAE,OAAO,EAAC,iBAAM;;oBACrC,uBAAS,gCAAC,CAAA,GAAA,oCAAS;wBAClB,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM,MAAM,IAAI;wBAChB,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,iCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,MAAM,MAAM,IAAI;wBAChB,MAAM;;0CAKN,gCAAC,CAAA,GAAA,mCAAO;gCACN,QAAQ;oCACN;wCAAC,CAAA,GAAA,qCAAU;wCAAG;4CACZ,QAAQ,CAAA,GAAA,wCAAa,EAAE;gDACrB,MAAM;gDACN,MAAM;4CAQR;4CACA,MAAM;wCAIR;qCAAE;iCACH;0CACD,cAAA,gCAAC,CAAA,GAAA,iCAAS;;0CAEZ,gCAAC,CAAA,GAAA,+BAAI;gCAAE,KAAK;gCAAU,gBAAgB;;4BACrC,CAAC,WAAW,CAAC,iBAAiB,UAAU,kBAAI,gCAAC,CAAA,GAAA,qCAAU;gCAAE,MAAM,MAAM,IAAI;;;;kCAE5E,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM,MAAM,IAAI;wBAChB,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;;AAKX;AAEA;;CAEC,GACD,IAAI,4CAAe,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/SearchField.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  SearchField as AriaSearchField,\n  SearchFieldProps as AriaSearchFieldProps,\n  ContextValue,\n  Provider\n} from 'react-aria-components';\nimport {centerBaseline} from './CenterBaseline';\nimport {ClearButton} from './ClearButton';\nimport {createContext, forwardRef, Ref, useContext, useImperativeHandle, useRef} from 'react';\nimport {createFocusableRef} from '@react-spectrum/utils';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText, Input} from './Field';\nimport {fontRelative, style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {FormContext, useFormProps} from './Form';\nimport {HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {IconContext} from './Icon';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport SearchIcon from '../s2wf-icons/S2_Icon_Search_20_N.svg';\nimport {TextFieldRef} from '@react-types/textfield';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the SearchField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const SearchFieldContext = createContext<ContextValue<SearchFieldProps, TextFieldRef>>(null);\n\nfunction SearchField(props: SearchFieldProps, ref: Ref<TextFieldRef>) {\n  [props, ref] = useSpectrumContextProps(props, ref, SearchFieldContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    necessityIndicator,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...searchFieldProps\n  } = props;\n\n  let domRef = useRef<HTMLDivElement>(null);\n  let inputRef = useRef<HTMLInputElement>(null);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  return (\n    <AriaSearchField\n      {...searchFieldProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        '--iconMargin': {\n          type: 'marginTop',\n          value: fontRelative(-2)\n        },\n        color: {\n          default: 'neutral',\n          isDisabled: {\n            default: 'disabled',\n            forcedColors: 'GrayText'\n          }\n        }\n      }, getAllowedOverrides())({\n        size: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid, isEmpty}) => (<>\n        {label && <FieldLabel\n          isDisabled={isDisabled}\n          isRequired={props.isRequired}\n          size={props.size}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          necessityIndicator={necessityIndicator}\n          contextualHelp={props.contextualHelp}>\n          {label}\n        </FieldLabel>}\n        <FieldGroup\n          isDisabled={isDisabled}\n          size={props.size}\n          styles={style({\n            borderRadius: 'full',\n            paddingStart: 'pill',\n            paddingEnd: 0\n          })}>\n          <Provider\n            values={[\n              [IconContext, {\n                render: centerBaseline({\n                  slot: 'icon',\n                  styles: style({\n                    flexShrink: 0,\n                    marginEnd: 'text-to-visual',\n                    '--iconPrimary': {\n                      type: 'fill',\n                      value: 'currentColor'\n                    }\n                  })\n                }),\n                styles: style({\n                  size: fontRelative(20),\n                  marginStart: '--iconMargin'\n                })\n              }]\n            ]}>\n            <SearchIcon />\n          </Provider>\n          <Input ref={inputRef} UNSAFE_className={raw('&::-webkit-search-cancel-button { display: none }')} />\n          {!isEmpty && !searchFieldProps.isReadOnly && <ClearButton size={props.size} />}\n        </FieldGroup>\n        <HelpText\n          size={props.size}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          description={description}>\n          {errorMessage}\n        </HelpText>\n      </>)}\n    </AriaSearchField>\n  );\n}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nlet _SearchField = /*#__PURE__*/ forwardRef(SearchField);\nexport {_SearchField as SearchField};\n"],"names":[],"version":3,"file":"SearchField.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AAgCM,MAAM,0DAAqB,CAAA,GAAA,0BAAY,EAAgD;AAE9F,SAAS,kCAAY,KAAuB,EAAE,GAAsB;IAClE,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,SACF,KAAK,eACL,WAAW,gBACX,YAAY,sBACZ,kBAAkB,iBAClB,gBAAgB,mBAChB,aAAa,2BACb,mBAAmB,kBACnB,YAAY,EACZ,GAAG,kBACJ,GAAG;IAEJ,IAAI,SAAS,CAAA,GAAA,mBAAK,EAAkB;IACpC,IAAI,WAAW,CAAA,GAAA,mBAAK,EAAoB;IAExC,sCAAsC;IACtC,CAAA,GAAA,gCAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,4CAAiB,EAAE,QAAQ,SAAS;YACvC;gBACE,IAAI,SAAS,OAAO,EAClB,SAAS,OAAO,CAAC,MAAM;YAE3B;YACA;gBACE,OAAO,SAAS,OAAO;YACzB;QACF,CAAA;IAEA,qBACE,gCAAC,CAAA,GAAA,sCAAc;QACZ,GAAG,gBAAgB;QACpB,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAaJ;YACxB,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,WAAE,OAAO,EAAC,iBAAM;;oBACrC,uBAAS,gCAAC,CAAA,GAAA,oCAAS;wBAClB,YAAY;wBACZ,YAAY,MAAM,UAAU;wBAC5B,MAAM,MAAM,IAAI;wBAChB,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB,MAAM,cAAc;kCACnC;;kCAEH,iCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,MAAM,MAAM,IAAI;wBAChB,MAAM;;0CAKN,gCAAC,CAAA,GAAA,mCAAO;gCACN,QAAQ;oCACN;wCAAC,CAAA,GAAA,qCAAU;wCAAG;4CACZ,QAAQ,CAAA,GAAA,wCAAa,EAAE;gDACrB,MAAM;gDACN,MAAM;4CAQR;4CACA,MAAM;wCAIR;qCAAE;iCACH;0CACD,cAAA,gCAAC,CAAA,GAAA,iCAAS;;0CAEZ,gCAAC,CAAA,GAAA,+BAAI;gCAAE,KAAK;gCAAU,gBAAgB;;4BACrC,CAAC,WAAW,CAAC,iBAAiB,UAAU,kBAAI,gCAAC,CAAA,GAAA,qCAAU;gCAAE,MAAM,MAAM,IAAI;;;;kCAE5E,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM,MAAM,IAAI;wBAChB,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;;AAKX;AAEA;;CAEC,GACD,IAAI,4CAAe,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/SearchField.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  SearchField as AriaSearchField,\n  SearchFieldProps as AriaSearchFieldProps,\n  ContextValue,\n  Provider\n} from 'react-aria-components';\nimport {centerBaseline} from './CenterBaseline';\nimport {ClearButton} from './ClearButton';\nimport {createContext, forwardRef, Ref, useContext, useImperativeHandle, useRef} from 'react';\nimport {createFocusableRef} from '@react-spectrum/utils';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText, Input} from './Field';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {FormContext, useFormProps} from './Form';\nimport {HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {IconContext} from './Icon';\nimport {raw} from '../style/style-macro' with {type: 'macro'};\nimport SearchIcon from '../s2wf-icons/S2_Icon_Search_20_N.svg';\nimport {TextFieldRef} from '@react-types/textfield';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface SearchFieldProps extends Omit<AriaSearchFieldProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the SearchField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const SearchFieldContext = createContext<ContextValue<SearchFieldProps, TextFieldRef>>(null);\n\nfunction SearchField(props: SearchFieldProps, ref: Ref<TextFieldRef>) {\n  [props, ref] = useSpectrumContextProps(props, ref, SearchFieldContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    necessityIndicator,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...searchFieldProps\n  } = props;\n\n  let domRef = useRef<HTMLDivElement>(null);\n  let inputRef = useRef<HTMLInputElement>(null);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  return (\n    <AriaSearchField\n      {...searchFieldProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        ...field(),\n        '--iconMargin': {\n          type: 'marginTop',\n          value: fontRelative(-2)\n        },\n        color: {\n          default: 'neutral',\n          isDisabled: {\n            default: 'disabled',\n            forcedColors: 'GrayText'\n          }\n        }\n      }, getAllowedOverrides())({\n        size: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid, isEmpty}) => (<>\n        {label && <FieldLabel\n          isDisabled={isDisabled}\n          isRequired={props.isRequired}\n          size={props.size}\n          labelPosition={labelPosition}\n          labelAlign={labelAlign}\n          necessityIndicator={necessityIndicator}\n          contextualHelp={props.contextualHelp}>\n          {label}\n        </FieldLabel>}\n        <FieldGroup\n          isDisabled={isDisabled}\n          size={props.size}\n          styles={style({\n            borderRadius: 'full',\n            paddingStart: 'pill',\n            paddingEnd: 0\n          })}>\n          <Provider\n            values={[\n              [IconContext, {\n                render: centerBaseline({\n                  slot: 'icon',\n                  styles: style({\n                    flexShrink: 0,\n                    marginEnd: 'text-to-visual',\n                    '--iconPrimary': {\n                      type: 'fill',\n                      value: 'currentColor'\n                    }\n                  })\n                }),\n                styles: style({\n                  size: fontRelative(20),\n                  marginStart: '--iconMargin'\n                })\n              }]\n            ]}>\n            <SearchIcon />\n          </Provider>\n          <Input ref={inputRef} UNSAFE_className={raw('&::-webkit-search-cancel-button { display: none }')} />\n          {!isEmpty && !searchFieldProps.isReadOnly && <ClearButton size={props.size} />}\n        </FieldGroup>\n        <HelpText\n          size={props.size}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          description={description}>\n          {errorMessage}\n        </HelpText>\n      </>)}\n    </AriaSearchField>\n  );\n}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nlet _SearchField = /*#__PURE__*/ forwardRef(SearchField);\nexport {_SearchField as SearchField};\n"],"names":[],"version":3,"file":"SearchField.cjs.map"}