@react-spectrum/s2 0.5.0 → 0.7.0

package/dist/ColorWheel.cjs

@@ -30,7 +30,7 @@ $parcel$export(module.exports, "ColorWheel", () => $0c1e31ce388fe468$export$f806
 
 
 const $0c1e31ce388fe468$export$265015d6dc85bf21 = /*#__PURE__*/ (0, $lMAHP$react.createContext)(null);
-function $0c1e31ce388fe468$var$ColorWheel(props, ref) {
+const $0c1e31ce388fe468$export$f80663f808113381 = /*#__PURE__*/ (0, $lMAHP$react.forwardRef)(function ColorWheel(props, ref) {
     [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $0c1e31ce388fe468$export$265015d6dc85bf21);
     let { UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, styles: styles = '' } = props;
     let containerRef = (0, $lMAHP$reactspectrumutils.useDOMRef)(ref);
@@ -54,16 +54,16 @@ function $0c1e31ce388fe468$var$ColorWheel(props, ref) {
                             }),
                         className: function anonymous(props) {
                             let rules = " .";
-                            rules += ' _vf';
                             rules += ' _wf';
                             rules += ' _xf';
                             rules += ' _yf';
-                            rules += ' da_____v';
+                            rules += ' _zf';
+                            rules += ' da_____I';
                             rules += ' dp10';
-                            rules += ' _Nb';
-                            rules += ' _M-3hmpv';
-                            if (props.isDisabled) rules += ' _La';
-                            else rules += ' _Lb';
+                            rules += ' _Ob';
+                            rules += ' _N-3hmpv';
+                            if (props.isDisabled) rules += ' _Ma';
+                            else rules += ' _Mb';
                             if (props.isDisabled) rules += ' bg';
                             return rules;
                         }
@@ -71,21 +71,21 @@ function $0c1e31ce388fe468$var$ColorWheel(props, ref) {
                     /*#__PURE__*/ (0, $lMAHP$reactjsxruntime.jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " .";
-                            rules += ' Ua';
-                            rules += ' Xh';
-                            rules += ' Zh';
-                            rules += ' Vh';
+                            rules += ' Va';
+                            rules += ' Yh';
+                            rules += ' _ah';
                             rules += ' Wh';
-                            rules += ' __Ba';
-                            rules += ' _vf';
+                            rules += ' Xh';
+                            rules += ' __Ca';
                             rules += ' _wf';
                             rules += ' _xf';
                             rules += ' _yf';
-                            rules += ' da_____v';
+                            rules += ' _zf';
+                            rules += ' da_____I';
                             rules += ' dp10';
-                            rules += ' _Nb';
-                            if (props.isDisabled) rules += ' _La';
-                            else rules += ' _Lb';
+                            rules += ' _Ob';
+                            if (props.isDisabled) rules += ' _Ma';
+                            else rules += ' _Mb';
                             return rules;
                         }({
                             isDisabled: isDisabled
@@ -104,10 +104,7 @@ function $0c1e31ce388fe468$var$ColorWheel(props, ref) {
                 ]
             })
     });
-}
-/**
- * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.
- */ let $0c1e31ce388fe468$export$f80663f808113381 = /*#__PURE__*/ (0, $lMAHP$react.forwardRef)($0c1e31ce388fe468$var$ColorWheel);
+});
 
 
 //# sourceMappingURL=ColorWheel.cjs.map

package/dist/ColorWheel.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAuBM,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,oBAAC,mBAAmB,kBAAI,YAAY,UAAE,SAAS,IAAG,GAAG;IACzD,IAAI,eAAe,CAAA,GAAA,mCAAQ,EAAE;IAC7B,kCAAkC;IAClC,IAAI,QAAC,OAAO,KAAI,GAAG;IACnB,IAAI,cAAc,KAAK,GAAG,CAAC,MAAM,OAAO;IACxC,IAAI,YAAY;IAChB,IAAI,cAAc,cAAc;IAChC,qBACE,gCAAC,CAAA,GAAA,qCAAa;QACX,GAAG,KAAK;QACT,aAAa;QACb,aAAa;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;kBAC7B,CAAC,cAAC,UAAU,SAAE,KAAK,EAAC,iBAAM;;kCACzB,gCAAC,CAAA,GAAA,0CAAc;wBACb,OAAO,CAAC,gBAAC,YAAY,cAAE,UAAU,EAAC,GAAM,CAAA;gCACtC,YAAY,aAAa,YAAY,aAAa,UAAU;4BAC9D,CAAA;wBACA;;;;;;;;;;;;;;;;kCAiBF,gCAAC;wBACC,WAAW;;;;;;;;;;;;;;;;;;0BAeR;wCAAC;wBAAU;;kCAChB,gCAAC,CAAA,GAAA,qCAAU;wBACT,cAAc;wBACd,aAAa;4BACX,IAAI,KAAC,CAAC,KAAE,CAAC,EAAC,GAAG,MAAM,gBAAgB,CAAC,cAAc,YAAY;4BAC9D,OAAO;gCACL,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;gCACtC,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;4BACxC;wBACF;;;;;AAIV;AAEA;;CAEC,GACD,IAAI,0DAAc,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/ColorWheel.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  ColorWheel as AriaColorWheel,\n  ColorWheelProps as AriaColorWheelProps,\n  ColorWheelTrack,\n  ContextValue\n} from 'react-aria-components';\nimport {ColorHandle} from './ColorHandle';\nimport {createContext, forwardRef} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ColorWheelProps extends Omit<AriaColorWheelProps, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {\n  /**\n   * @default 192\n   */\n  size?: number\n}\n\nexport const ColorWheelContext = createContext<ContextValue<ColorWheelProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction ColorWheel(props: ColorWheelProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ColorWheelContext);\n  let {UNSAFE_className = '', UNSAFE_style, styles = ''} = props;\n  let containerRef = useDOMRef(ref);\n  // TODO: how to do mobile scaling?\n  let {size = 192} = props;\n  let outerRadius = Math.max(size, 175) / 2;\n  let thickness = 24;\n  let innerRadius = outerRadius - 24;\n  return (\n    <AriaColorWheel \n      {...props}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      ref={containerRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + styles}>\n      {({isDisabled, state}) => (<>\n        <ColorWheelTrack\n          style={({defaultStyle, isDisabled}) => ({\n            background: isDisabled ? undefined : defaultStyle.background\n          })}\n          className={style({\n            // Outer border\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineOffset: -1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            },\n            backgroundColor: {\n              isDisabled: 'disabled'\n            }\n          })} />\n        <div\n          className={style({\n            // Inner border\n            position: 'absolute',\n            inset: 24,\n            pointerEvents: 'none',\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            }\n          })({isDisabled})} />\n        <ColorHandle\n          containerRef={containerRef}\n          getPosition={() => {\n            let {x, y} = state.getThumbPosition(outerRadius - thickness / 2);\n            return {\n              x: (outerRadius + x) / (outerRadius * 2),\n              y: (outerRadius + y) / (outerRadius * 2)\n            };\n          }} />\n      </>)}\n    </AriaColorWheel>\n  );\n}\n\n/**\n * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nlet _ColorWheel = forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n"],"names":[],"version":3,"file":"ColorWheel.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAuBM,MAAM,0DAAoB,CAAA,GAAA,0BAAY,EAAuE;AAK7G,MAAM,0DAAa,CAAA,GAAA,uBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAA2B;IAC1G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,oBAAC,mBAAmB,kBAAI,YAAY,UAAE,SAAS,IAAG,GAAG;IACzD,IAAI,eAAe,CAAA,GAAA,mCAAQ,EAAE;IAC7B,kCAAkC;IAClC,IAAI,QAAC,OAAO,KAAI,GAAG;IACnB,IAAI,cAAc,KAAK,GAAG,CAAC,MAAM,OAAO;IACxC,IAAI,YAAY;IAChB,IAAI,cAAc,cAAc;IAChC,qBACE,gCAAC,CAAA,GAAA,qCAAa;QACX,GAAG,KAAK;QACT,aAAa;QACb,aAAa;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;kBAC7B,CAAC,cAAC,UAAU,SAAE,KAAK,EAAC,iBAAM;;kCACzB,gCAAC,CAAA,GAAA,0CAAc;wBACb,OAAO,CAAC,gBAAC,YAAY,cAAE,UAAU,EAAC,GAAM,CAAA;gCACtC,YAAY,aAAa,YAAY,aAAa,UAAU;4BAC9D,CAAA;wBACA;;;;;;;;;;;;;;;;kCAiBF,gCAAC;wBACC,WAAW;;;;;;;;;;;;;;;;;;0BAeR;wCAAC;wBAAU;;kCAChB,gCAAC,CAAA,GAAA,qCAAU;wBACT,cAAc;wBACd,aAAa;4BACX,IAAI,KAAC,CAAC,KAAE,CAAC,EAAC,GAAG,MAAM,gBAAgB,CAAC,cAAc,YAAY;4BAC9D,OAAO;gCACL,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;gCACtC,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;4BACxC;wBACF;;;;;AAIV","sources":["packages/@react-spectrum/s2/src/ColorWheel.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  ColorWheel as AriaColorWheel,\n  ColorWheelProps as AriaColorWheelProps,\n  ColorWheelTrack,\n  ContextValue\n} from 'react-aria-components';\nimport {ColorHandle} from './ColorHandle';\nimport {createContext, forwardRef} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ColorWheelProps extends Omit<AriaColorWheelProps, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {\n  /**\n   * @default 192\n   */\n  size?: number\n}\n\nexport const ColorWheelContext = createContext<ContextValue<Partial<ColorWheelProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport const ColorWheel = forwardRef(function ColorWheel(props: ColorWheelProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ColorWheelContext);\n  let {UNSAFE_className = '', UNSAFE_style, styles = ''} = props;\n  let containerRef = useDOMRef(ref);\n  // TODO: how to do mobile scaling?\n  let {size = 192} = props;\n  let outerRadius = Math.max(size, 175) / 2;\n  let thickness = 24;\n  let innerRadius = outerRadius - 24;\n  return (\n    <AriaColorWheel \n      {...props}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      ref={containerRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + styles}>\n      {({isDisabled, state}) => (<>\n        <ColorWheelTrack\n          style={({defaultStyle, isDisabled}) => ({\n            background: isDisabled ? undefined : defaultStyle.background\n          })}\n          className={style({\n            // Outer border\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineOffset: -1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            },\n            backgroundColor: {\n              isDisabled: 'disabled'\n            }\n          })} />\n        <div\n          className={style({\n            // Inner border\n            position: 'absolute',\n            inset: 24,\n            pointerEvents: 'none',\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            }\n          })({isDisabled})} />\n        <ColorHandle\n          containerRef={containerRef}\n          getPosition={() => {\n            let {x, y} = state.getThumbPosition(outerRadius - thickness / 2);\n            return {\n              x: (outerRadius + x) / (outerRadius * 2),\n              y: (outerRadius + y) / (outerRadius * 2)\n            };\n          }} />\n      </>)}\n    </AriaColorWheel>\n  );\n});\n"],"names":[],"version":3,"file":"ColorWheel.cjs.map"}

package/dist/ColorWheel.css

@@ -1,5 +1,5 @@
 @layer _.a {
-  ._M-3hmpv {
+  ._N-3hmpv {
     outline-offset: -1px;
   }
 
@@ -7,43 +7,43 @@
     background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #2c2c2c);
   }
 
-  .Ua {
+  .Va {
     position: absolute;
   }
 
-  .Xh {
+  .Yh {
     top: 1.5rem;
   }
 
-  .Zh {
+  ._ah {
     bottom: 1.5rem;
   }
 
-  .Vh {
+  .Wh {
     inset-inline-start: 1.5rem;
   }
 
-  .Wh {
+  .Xh {
     inset-inline-end: 1.5rem;
   }
 
-  .__Ba {
+  .__Ca {
     pointer-events: none;
   }
 
-  ._vf {
+  ._wf {
     border-start-start-radius: 9999px;
   }
 
-  ._wf {
+  ._xf {
     border-start-end-radius: 9999px;
   }
 
-  ._xf {
+  ._yf {
     border-end-start-radius: 9999px;
   }
 
-  ._yf {
+  ._zf {
     border-end-end-radius: 9999px;
   }
 
@@ -51,30 +51,26 @@
     outline-color: var(--lightningcss-light, #0000001a) var(--lightningcss-dark, #ffffff1a);
   }
 
-  ._Nb {
+  ._Ob {
     outline-width: 1px;
   }
 
-  ._Lb {
+  ._Mb {
     outline-style: solid;
   }
 
-  ._La {
+  ._Ma {
     outline-style: none;
   }
 }
 
-@layer _.b, UNSAFE_overrides;
+@layer _.b;
 
 @layer _.b.a {
   @media (forced-colors: active) {
-    .da_____v {
+    .da_____I {
       outline-color: buttonborder;
     }
   }
 }
-
-.\.:not(#a#b) {
-  all: revert-layer;
-}
 /*# sourceMappingURL=ColorWheel.css.map */

package/dist/ColorWheel.css.map

@@ -1 +1 @@
-{"mappings":"ACyDqB;EAAA;;;;EAAA;;;;EAkBA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAlBA;;AAAA;EAAA;IAAA;;;;;;AAkBA","sources":["08c4afb7d0604130","packages/@react-spectrum/s2/src/ColorWheel.tsx"],"sourcesContent":["@import \"54eced5f2b164503\";\n@import \"1e65bf1fcba37015\";\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  ColorWheel as AriaColorWheel,\n  ColorWheelProps as AriaColorWheelProps,\n  ColorWheelTrack,\n  ContextValue\n} from 'react-aria-components';\nimport {ColorHandle} from './ColorHandle';\nimport {createContext, forwardRef} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ColorWheelProps extends Omit<AriaColorWheelProps, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {\n  /**\n   * @default 192\n   */\n  size?: number\n}\n\nexport const ColorWheelContext = createContext<ContextValue<ColorWheelProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction ColorWheel(props: ColorWheelProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ColorWheelContext);\n  let {UNSAFE_className = '', UNSAFE_style, styles = ''} = props;\n  let containerRef = useDOMRef(ref);\n  // TODO: how to do mobile scaling?\n  let {size = 192} = props;\n  let outerRadius = Math.max(size, 175) / 2;\n  let thickness = 24;\n  let innerRadius = outerRadius - 24;\n  return (\n    <AriaColorWheel \n      {...props}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      ref={containerRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + styles}>\n      {({isDisabled, state}) => (<>\n        <ColorWheelTrack\n          style={({defaultStyle, isDisabled}) => ({\n            background: isDisabled ? undefined : defaultStyle.background\n          })}\n          className={style({\n            // Outer border\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineOffset: -1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            },\n            backgroundColor: {\n              isDisabled: 'disabled'\n            }\n          })} />\n        <div\n          className={style({\n            // Inner border\n            position: 'absolute',\n            inset: 24,\n            pointerEvents: 'none',\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            }\n          })({isDisabled})} />\n        <ColorHandle\n          containerRef={containerRef}\n          getPosition={() => {\n            let {x, y} = state.getThumbPosition(outerRadius - thickness / 2);\n            return {\n              x: (outerRadius + x) / (outerRadius * 2),\n              y: (outerRadius + y) / (outerRadius * 2)\n            };\n          }} />\n      </>)}\n    </AriaColorWheel>\n  );\n}\n\n/**\n * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nlet _ColorWheel = forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n"],"names":[],"version":3,"file":"ColorWheel.css.map"}
+{"mappings":"AC4DqB;EAAA;;;;EAAA;;;;EAkBA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAlBA;;AAAA;EAAA;IAAA","sources":["08c4afb7d0604130","packages/@react-spectrum/s2/src/ColorWheel.tsx"],"sourcesContent":["@import \"54eced5f2b164503\";\n@import \"1e65bf1fcba37015\";\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  ColorWheel as AriaColorWheel,\n  ColorWheelProps as AriaColorWheelProps,\n  ColorWheelTrack,\n  ContextValue\n} from 'react-aria-components';\nimport {ColorHandle} from './ColorHandle';\nimport {createContext, forwardRef} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ColorWheelProps extends Omit<AriaColorWheelProps, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {\n  /**\n   * @default 192\n   */\n  size?: number\n}\n\nexport const ColorWheelContext = createContext<ContextValue<Partial<ColorWheelProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport const ColorWheel = forwardRef(function ColorWheel(props: ColorWheelProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ColorWheelContext);\n  let {UNSAFE_className = '', UNSAFE_style, styles = ''} = props;\n  let containerRef = useDOMRef(ref);\n  // TODO: how to do mobile scaling?\n  let {size = 192} = props;\n  let outerRadius = Math.max(size, 175) / 2;\n  let thickness = 24;\n  let innerRadius = outerRadius - 24;\n  return (\n    <AriaColorWheel \n      {...props}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      ref={containerRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + styles}>\n      {({isDisabled, state}) => (<>\n        <ColorWheelTrack\n          style={({defaultStyle, isDisabled}) => ({\n            background: isDisabled ? undefined : defaultStyle.background\n          })}\n          className={style({\n            // Outer border\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineOffset: -1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            },\n            backgroundColor: {\n              isDisabled: 'disabled'\n            }\n          })} />\n        <div\n          className={style({\n            // Inner border\n            position: 'absolute',\n            inset: 24,\n            pointerEvents: 'none',\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            }\n          })({isDisabled})} />\n        <ColorHandle\n          containerRef={containerRef}\n          getPosition={() => {\n            let {x, y} = state.getThumbPosition(outerRadius - thickness / 2);\n            return {\n              x: (outerRadius + x) / (outerRadius * 2),\n              y: (outerRadius + y) / (outerRadius * 2)\n            };\n          }} />\n      </>)}\n    </AriaColorWheel>\n  );\n});\n"],"names":[],"version":3,"file":"ColorWheel.css.map"}

package/dist/ColorWheel.mjs

@@ -23,7 +23,7 @@ import {useDOMRef as $j8ecy$useDOMRef} from "@react-spectrum/utils";
 
 
 const $4a6afc95235907f0$export$265015d6dc85bf21 = /*#__PURE__*/ (0, $j8ecy$createContext)(null);
-function $4a6afc95235907f0$var$ColorWheel(props, ref) {
+const $4a6afc95235907f0$export$f80663f808113381 = /*#__PURE__*/ (0, $j8ecy$forwardRef)(function ColorWheel(props, ref) {
     [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $4a6afc95235907f0$export$265015d6dc85bf21);
     let { UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, styles: styles = '' } = props;
     let containerRef = (0, $j8ecy$useDOMRef)(ref);
@@ -47,16 +47,16 @@ function $4a6afc95235907f0$var$ColorWheel(props, ref) {
                             }),
                         className: function anonymous(props) {
                             let rules = " .";
-                            rules += ' _vf';
                             rules += ' _wf';
                             rules += ' _xf';
                             rules += ' _yf';
-                            rules += ' da_____v';
+                            rules += ' _zf';
+                            rules += ' da_____I';
                             rules += ' dp10';
-                            rules += ' _Nb';
-                            rules += ' _M-3hmpv';
-                            if (props.isDisabled) rules += ' _La';
-                            else rules += ' _Lb';
+                            rules += ' _Ob';
+                            rules += ' _N-3hmpv';
+                            if (props.isDisabled) rules += ' _Ma';
+                            else rules += ' _Mb';
                             if (props.isDisabled) rules += ' bg';
                             return rules;
                         }
@@ -64,21 +64,21 @@ function $4a6afc95235907f0$var$ColorWheel(props, ref) {
                     /*#__PURE__*/ (0, $j8ecy$jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " .";
-                            rules += ' Ua';
-                            rules += ' Xh';
-                            rules += ' Zh';
-                            rules += ' Vh';
+                            rules += ' Va';
+                            rules += ' Yh';
+                            rules += ' _ah';
                             rules += ' Wh';
-                            rules += ' __Ba';
-                            rules += ' _vf';
+                            rules += ' Xh';
+                            rules += ' __Ca';
                             rules += ' _wf';
                             rules += ' _xf';
                             rules += ' _yf';
-                            rules += ' da_____v';
+                            rules += ' _zf';
+                            rules += ' da_____I';
                             rules += ' dp10';
-                            rules += ' _Nb';
-                            if (props.isDisabled) rules += ' _La';
-                            else rules += ' _Lb';
+                            rules += ' _Ob';
+                            if (props.isDisabled) rules += ' _Ma';
+                            else rules += ' _Mb';
                             return rules;
                         }({
                             isDisabled: isDisabled
@@ -97,10 +97,7 @@ function $4a6afc95235907f0$var$ColorWheel(props, ref) {
                 ]
             })
     });
-}
-/**
- * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.
- */ let $4a6afc95235907f0$export$f80663f808113381 = /*#__PURE__*/ (0, $j8ecy$forwardRef)($4a6afc95235907f0$var$ColorWheel);
+});
 
 
 export {$4a6afc95235907f0$export$265015d6dc85bf21 as ColorWheelContext, $4a6afc95235907f0$export$f80663f808113381 as ColorWheel};

package/dist/ColorWheel.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAuBM,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,oBAAC,mBAAmB,kBAAI,YAAY,UAAE,SAAS,IAAG,GAAG;IACzD,IAAI,eAAe,CAAA,GAAA,gBAAQ,EAAE;IAC7B,kCAAkC;IAClC,IAAI,QAAC,OAAO,KAAI,GAAG;IACnB,IAAI,cAAc,KAAK,GAAG,CAAC,MAAM,OAAO;IACxC,IAAI,YAAY;IAChB,IAAI,cAAc,cAAc;IAChC,qBACE,gBAAC,CAAA,GAAA,iBAAa;QACX,GAAG,KAAK;QACT,aAAa;QACb,aAAa;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;kBAC7B,CAAC,cAAC,UAAU,SAAE,KAAK,EAAC,iBAAM;;kCACzB,gBAAC,CAAA,GAAA,sBAAc;wBACb,OAAO,CAAC,gBAAC,YAAY,cAAE,UAAU,EAAC,GAAM,CAAA;gCACtC,YAAY,aAAa,YAAY,aAAa,UAAU;4BAC9D,CAAA;wBACA;;;;;;;;;;;;;;;;kCAiBF,gBAAC;wBACC,WAAW;;;;;;;;;;;;;;;;;;0BAeR;wCAAC;wBAAU;;kCAChB,gBAAC,CAAA,GAAA,yCAAU;wBACT,cAAc;wBACd,aAAa;4BACX,IAAI,KAAC,CAAC,KAAE,CAAC,EAAC,GAAG,MAAM,gBAAgB,CAAC,cAAc,YAAY;4BAC9D,OAAO;gCACL,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;gCACtC,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;4BACxC;wBACF;;;;;AAIV;AAEA;;CAEC,GACD,IAAI,0DAAc,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/ColorWheel.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  ColorWheel as AriaColorWheel,\n  ColorWheelProps as AriaColorWheelProps,\n  ColorWheelTrack,\n  ContextValue\n} from 'react-aria-components';\nimport {ColorHandle} from './ColorHandle';\nimport {createContext, forwardRef} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ColorWheelProps extends Omit<AriaColorWheelProps, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {\n  /**\n   * @default 192\n   */\n  size?: number\n}\n\nexport const ColorWheelContext = createContext<ContextValue<ColorWheelProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction ColorWheel(props: ColorWheelProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ColorWheelContext);\n  let {UNSAFE_className = '', UNSAFE_style, styles = ''} = props;\n  let containerRef = useDOMRef(ref);\n  // TODO: how to do mobile scaling?\n  let {size = 192} = props;\n  let outerRadius = Math.max(size, 175) / 2;\n  let thickness = 24;\n  let innerRadius = outerRadius - 24;\n  return (\n    <AriaColorWheel \n      {...props}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      ref={containerRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + styles}>\n      {({isDisabled, state}) => (<>\n        <ColorWheelTrack\n          style={({defaultStyle, isDisabled}) => ({\n            background: isDisabled ? undefined : defaultStyle.background\n          })}\n          className={style({\n            // Outer border\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineOffset: -1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            },\n            backgroundColor: {\n              isDisabled: 'disabled'\n            }\n          })} />\n        <div\n          className={style({\n            // Inner border\n            position: 'absolute',\n            inset: 24,\n            pointerEvents: 'none',\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            }\n          })({isDisabled})} />\n        <ColorHandle\n          containerRef={containerRef}\n          getPosition={() => {\n            let {x, y} = state.getThumbPosition(outerRadius - thickness / 2);\n            return {\n              x: (outerRadius + x) / (outerRadius * 2),\n              y: (outerRadius + y) / (outerRadius * 2)\n            };\n          }} />\n      </>)}\n    </AriaColorWheel>\n  );\n}\n\n/**\n * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nlet _ColorWheel = forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n"],"names":[],"version":3,"file":"ColorWheel.mjs.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAuBM,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAAuE;AAK7G,MAAM,0DAAa,CAAA,GAAA,iBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAA2B;IAC1G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,oBAAC,mBAAmB,kBAAI,YAAY,UAAE,SAAS,IAAG,GAAG;IACzD,IAAI,eAAe,CAAA,GAAA,gBAAQ,EAAE;IAC7B,kCAAkC;IAClC,IAAI,QAAC,OAAO,KAAI,GAAG;IACnB,IAAI,cAAc,KAAK,GAAG,CAAC,MAAM,OAAO;IACxC,IAAI,YAAY;IAChB,IAAI,cAAc,cAAc;IAChC,qBACE,gBAAC,CAAA,GAAA,iBAAa;QACX,GAAG,KAAK;QACT,aAAa;QACb,aAAa;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;kBAC7B,CAAC,cAAC,UAAU,SAAE,KAAK,EAAC,iBAAM;;kCACzB,gBAAC,CAAA,GAAA,sBAAc;wBACb,OAAO,CAAC,gBAAC,YAAY,cAAE,UAAU,EAAC,GAAM,CAAA;gCACtC,YAAY,aAAa,YAAY,aAAa,UAAU;4BAC9D,CAAA;wBACA;;;;;;;;;;;;;;;;kCAiBF,gBAAC;wBACC,WAAW;;;;;;;;;;;;;;;;;;0BAeR;wCAAC;wBAAU;;kCAChB,gBAAC,CAAA,GAAA,yCAAU;wBACT,cAAc;wBACd,aAAa;4BACX,IAAI,KAAC,CAAC,KAAE,CAAC,EAAC,GAAG,MAAM,gBAAgB,CAAC,cAAc,YAAY;4BAC9D,OAAO;gCACL,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;gCACtC,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;4BACxC;wBACF;;;;;AAIV","sources":["packages/@react-spectrum/s2/src/ColorWheel.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  ColorWheel as AriaColorWheel,\n  ColorWheelProps as AriaColorWheelProps,\n  ColorWheelTrack,\n  ContextValue\n} from 'react-aria-components';\nimport {ColorHandle} from './ColorHandle';\nimport {createContext, forwardRef} from 'react';\nimport {DOMRef, DOMRefValue} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface ColorWheelProps extends Omit<AriaColorWheelProps, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {\n  /**\n   * @default 192\n   */\n  size?: number\n}\n\nexport const ColorWheelContext = createContext<ContextValue<Partial<ColorWheelProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nexport const ColorWheel = forwardRef(function ColorWheel(props: ColorWheelProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ColorWheelContext);\n  let {UNSAFE_className = '', UNSAFE_style, styles = ''} = props;\n  let containerRef = useDOMRef(ref);\n  // TODO: how to do mobile scaling?\n  let {size = 192} = props;\n  let outerRadius = Math.max(size, 175) / 2;\n  let thickness = 24;\n  let innerRadius = outerRadius - 24;\n  return (\n    <AriaColorWheel \n      {...props}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      ref={containerRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + styles}>\n      {({isDisabled, state}) => (<>\n        <ColorWheelTrack\n          style={({defaultStyle, isDisabled}) => ({\n            background: isDisabled ? undefined : defaultStyle.background\n          })}\n          className={style({\n            // Outer border\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineOffset: -1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            },\n            backgroundColor: {\n              isDisabled: 'disabled'\n            }\n          })} />\n        <div\n          className={style({\n            // Inner border\n            position: 'absolute',\n            inset: 24,\n            pointerEvents: 'none',\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            }\n          })({isDisabled})} />\n        <ColorHandle\n          containerRef={containerRef}\n          getPosition={() => {\n            let {x, y} = state.getThumbPosition(outerRadius - thickness / 2);\n            return {\n              x: (outerRadius + x) / (outerRadius * 2),\n              y: (outerRadius + y) / (outerRadius * 2)\n            };\n          }} />\n      </>)}\n    </AriaColorWheel>\n  );\n});\n"],"names":[],"version":3,"file":"ColorWheel.mjs.map"}

package/dist/ComboBox.cjs

@@ -56,16 +56,16 @@ $parcel$export(module.exports, "ComboBoxSection", () => $a2d5b35c01bebcd6$export
 const $a2d5b35c01bebcd6$export$d414ccceff7063c3 = /*#__PURE__*/ (0, $1KUtr$react.createContext)(null);
 const $a2d5b35c01bebcd6$var$inputButton = function anonymous(props) {
     let rules = " .";
-    rules += ' _Zd';
-    rules += ' _La';
-    rules += ' _jb';
+    rules += ' _0d';
+    rules += ' _Ma';
+    rules += ' _kb';
     rules += ' wf';
-    rules += ' _vi';
     rules += ' _wi';
     rules += ' _xi';
     rules += ' _yi';
-    rules += ' _1c';
-    rules += ' _2d';
+    rules += ' _zi';
+    rules += ' _2c';
+    rules += ' _3d';
     if (props.size === "XL") rules += ' lU';
     else if (props.size === "L") rules += ' lM';
     else if (props.size === "M") rules += ' lI';
@@ -75,18 +75,18 @@ const $a2d5b35c01bebcd6$var$inputButton = function anonymous(props) {
     else if (props.size === "M") rules += ' kI';
     else if (props.size === "S") rules += ' kE';
     rules += ' yF';
-    rules += ' _bb';
-    rules += ' _8-3t1x';
-    rules += ' _Oag';
-    rules += ' _Oa';
-    rules += ' _Qa-375x7f';
-    rules += ' _Q-375x7f';
-    rules += ' _Raa';
-    rules += ' _Ra';
-    if (props.isDisabled) rules += ' ba_____B';
-    else if (props.isOpen) rules += ' ba_____z';
-    else if (props.isHovered) rules += ' ba_____z';
-    else rules += ' ba_____x';
+    rules += ' _cb';
+    rules += ' _9-3t1x';
+    rules += ' _Pag';
+    rules += ' _Pa';
+    rules += ' _Ra-375x7f';
+    rules += ' _R-375x7f';
+    rules += ' _Saa';
+    rules += ' _Sa';
+    if (props.isDisabled) rules += ' ba_____O';
+    else if (props.isOpen) rules += ' ba_____M';
+    else if (props.isHovered) rules += ' ba_____M';
+    else rules += ' ba_____K';
     if (props.isDisabled) rules += ' bg';
     else if (props.isOpen) rules += ' bh';
     else {
@@ -95,7 +95,7 @@ const $a2d5b35c01bebcd6$var$inputButton = function anonymous(props) {
         else if (props.isHovered) rules += ' bh';
         else rules += ' bg';
     }
-    rules += ' aa_____w';
+    rules += ' aa_____J';
     if (props.isDisabled) rules += ' aj';
     else {
         if (props.isPressed) rules += ' ao';
@@ -105,11 +105,11 @@ const $a2d5b35c01bebcd6$var$inputButton = function anonymous(props) {
     }
     return rules;
 };
-const $a2d5b35c01bebcd6$var$iconStyles = " . _8-3t1x R-3hn0u -rwx0fg_e-b";
+const $a2d5b35c01bebcd6$var$iconStyles = " _9-3t1x R-3hn0u -rwx0fg_e-b";
 let $a2d5b35c01bebcd6$var$InternalComboboxContext = /*#__PURE__*/ (0, $1KUtr$react.createContext)({
     size: 'M'
 });
-function $a2d5b35c01bebcd6$var$ComboBox(props1, ref) {
+const $a2d5b35c01bebcd6$export$72b9695b8216309a = /*#__PURE__*/ (0, $1KUtr$react.forwardRef)(function ComboBox(props1, ref) {
     [props1, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props1, ref, $a2d5b35c01bebcd6$export$d414ccceff7063c3);
     let inputRef = (0, $1KUtr$react.useRef)(null);
     let domRef = (0, $1KUtr$react.useRef)(null);
@@ -156,51 +156,51 @@ function $a2d5b35c01bebcd6$var$ComboBox(props1, ref) {
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            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) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|__a|_9|h|_6|_5|__B|__d|__e|__b|__c|V|__R|Y|_a|W|X|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
-            let $__a = false;
             let $__b = false;
+            let $__c = false;
             for (let p of matches){
-                if (/^\s*__a/.test(p)) $__a = true;
                 if (/^\s*__b/.test(p)) $__b = true;
+                if (/^\s*__c/.test(p)) $__c = true;
             }
-            rules += ' _Zf';
-            if (!$__a) {
-                if (props.isInForm) rules += ' __a-3t1y';
-            }
+            rules += ' _0f';
             if (!$__b) {
+                if (props.isInForm) rules += ' __b-3t1y';
+            }
+            if (!$__c) {
                 if (props.isInForm) {
-                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                    if (props.labelPosition === "side") rules += ' __c-yqnebx';
                 }
             }
-            if (props.isInForm) rules += ' __h-1cwd7ud';
+            if (props.isInForm) rules += ' __i-1a97rzt';
             else {
-                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
-                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+                if (props.labelPosition === "side") rules += ' __i-ar5vcf';
+                else if (props.labelPosition === "top") rules += ' __i-2wzs0i';
             }
-            if (props.labelPosition === "side") rules += ' __i-jyg4vb';
-            else if (props.labelPosition === "top") rules += ' __i-fdenls';
-            if (props.labelPosition === "side") rules += ' __j-5eez8j';
-            else if (props.labelPosition === "top") rules += ' __j-xlaqir';
+            if (props.labelPosition === "side") rules += ' __j-ar5vcf';
+            else if (props.labelPosition === "top") rules += ' __j-1a6w430';
+            if (props.labelPosition === "side") rules += ' __k-18h2yqz';
+            else if (props.labelPosition === "top") rules += ' __k-1srn173';
             if (props.size === "XL") {
-                rules += ' _dbj';
-                rules += ' _di';
+                rules += ' _ebj';
+                rules += ' _ei';
             } else if (props.size === "L") {
-                rules += ' _dbh';
-                rules += ' _dg';
+                rules += ' _ebh';
+                rules += ' _eg';
             } else if (props.size === "S") {
-                rules += ' _dbd';
-                rules += ' _dc';
+                rules += ' _ebd';
+                rules += ' _ec';
             } else if (props.size === "XS") {
-                rules += ' _dbb';
-                rules += ' _da';
+                rules += ' _ebb';
+                rules += ' _ea';
             } else {
-                rules += ' _dbf';
-                rules += ' _de';
+                rules += ' _ebf';
+                rules += ' _ee';
             }
-            rules += ' _1d';
-            rules += ' _f-1x99dlob';
-            rules += ' _fa';
+            rules += ' _2d';
+            rules += ' _g-1x99dlob';
+            rules += ' _ga';
             if (props.size === "XL") rules += ' -aqrvqh_k-j';
             else if (props.size === "L") rules += ' -aqrvqh_k-i';
             else if (props.size === "S") rules += ' -aqrvqh_k-h';
@@ -208,7 +208,7 @@ function $a2d5b35c01bebcd6$var$ComboBox(props1, ref) {
             else rules += ' -aqrvqh_k-f';
             rules += ' -_1inj1bc_i--prjw07';
             rules += ' je';
-            rules += ' __R-yksgrp';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             isInForm: !!formContext,
@@ -239,17 +239,17 @@ function $a2d5b35c01bebcd6$var$ComboBox(props1, ref) {
                             size: size,
                             styles: function anonymous(props) {
                                 let rules = " .";
-                                rules += ' __a-4cfph1';
-                                rules += ' __b-4cfph1';
-                                rules += ' __c-4cfph1';
-                                rules += ' __d-4cfph1';
+                                rules += ' __b-g2ozi1';
+                                rules += ' __c-g2ozi1';
+                                rules += ' __d-g2ozi1';
+                                rules += ' __e-g2ozi1';
                                 if (props.size === "XL") rules += ' qj';
                                 else if (props.size === "L") rules += ' qi';
                                 else if (props.size === "S") rules += ' qh';
                                 else if (props.size === "XS") rules += ' qg';
                                 else rules += ' qf';
-                                if (props.isQuiet) rules += ' __ma';
-                                else rules += ' __m-1s8glxue';
+                                if (props.isQuiet) rules += ' __na';
+                                else rules += ' __n-1s8glxue';
                                 if (props.size === "XL") rules += ' -usygro_l-____g';
                                 else if (props.size === "L") rules += ' -usygro_l-___0';
                                 else if (props.size === "S") rules += ' -usygro_l-___u';
@@ -312,7 +312,7 @@ function $a2d5b35c01bebcd6$var$ComboBox(props1, ref) {
                                 // manually subtract border as we can't set Popover to border-box, it causes the contents to spill out
                                 '--trigger-width': `calc(${triggerWidth} - 2px)`
                             },
-                            styles: " . q-1utmx2y l-1utmx2y",
+                            styles: " q-1utmx2y l-1utmx2y",
                             children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.Provider), {
                                 values: [
                                     [
@@ -355,10 +355,7 @@ function $a2d5b35c01bebcd6$var$ComboBox(props1, ref) {
                 })
             })
     });
-}
-/**
- * ComboBox allow users to choose a single option from a collapsible list of options when space is limited.
- */ let $a2d5b35c01bebcd6$export$72b9695b8216309a = /*#__PURE__*/ (0, $1KUtr$react.forwardRef)($a2d5b35c01bebcd6$var$ComboBox);
+});
 const $a2d5b35c01bebcd6$var$checkmarkIconSize = {
     S: 'XS',
     M: 'M',
@@ -436,11 +433,14 @@ function $a2d5b35c01bebcd6$export$b674b8ff01584ab1(props) {
     });
 }
 function $a2d5b35c01bebcd6$export$5510125537491b61(props) {
+    let { size: size } = (0, $1KUtr$react.useContext)($a2d5b35c01bebcd6$var$InternalComboboxContext);
     return /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsxs)((0, $1KUtr$reactjsxruntime.Fragment), {
         children: [
             /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.ListBoxSection), {
                 ...props,
-                className: (0, $e741ea6b88ce4866$exports.section),
+                className: (0, $e741ea6b88ce4866$exports.section)({
+                    size: size
+                }),
                 children: props.children
             }),
             /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $e741ea6b88ce4866$exports.Divider), {})