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

package/dist/Checkbox.mjs

@@ -4,8 +4,9 @@ import $81cf3d4588736e7d$export$2e2bcd8739ae039 from "./Checkmark.mjs";
 import $f17037051ff08dc2$export$2e2bcd8739ae039 from "./Dash.mjs";
 import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
 import {pressScale as $10ea7662e51a285b$export$56e8cba416805d8d} from "./pressScale.mjs";
+import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "./useSpectrumContextProps.mjs";
 import {jsx as $5oFhd$jsx, jsxs as $5oFhd$jsxs, Fragment as $5oFhd$Fragment} from "react/jsx-runtime";
-import {useContextProps as $5oFhd$useContextProps, CheckboxGroupStateContext as $5oFhd$CheckboxGroupStateContext, Checkbox as $5oFhd$Checkbox} from "react-aria-components";
+import {CheckboxGroupStateContext as $5oFhd$CheckboxGroupStateContext, useSlottedContext as $5oFhd$useSlottedContext, Checkbox as $5oFhd$Checkbox} from "react-aria-components";
 import {createContext as $5oFhd$createContext, useRef as $5oFhd$useRef, useContext as $5oFhd$useContext, forwardRef as $5oFhd$forwardRef} from "react";
 import {useFocusableRef as $5oFhd$useFocusableRef} from "@react-spectrum/utils";
 
@@ -28,10 +29,11 @@ import {useFocusableRef as $5oFhd$useFocusableRef} from "@react-spectrum/utils";
 
 
 
+
 const $9b405e0f8095dce0$export$b085522c77523c51 = /*#__PURE__*/ (0, $5oFhd$createContext)(null);
 const $9b405e0f8095dce0$var$wrapper = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
     rules += matches.join('');
     let $l = false;
     let $__a = false;
@@ -185,17 +187,25 @@ const $9b405e0f8095dce0$export$827f4ee28efc37 = function anonymous(props) {
     return rules;
 };
 const $9b405e0f8095dce0$export$2c99b98b77550cb4 = " . -rwx0fg_e-y -rwx0fg_e-a_____V";
+const $9b405e0f8095dce0$var$iconSize = {
+    S: 'XS',
+    M: 'S',
+    L: 'M',
+    XL: 'L'
+};
 function $9b405e0f8095dce0$var$Checkbox({ children: children, ...props }, ref) {
+    [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $9b405e0f8095dce0$export$b085522c77523c51);
     let boxRef = (0, $5oFhd$useRef)(null);
-    let domRef = (0, $5oFhd$useFocusableRef)(ref);
+    let inputRef = (0, $5oFhd$useRef)(null);
+    let domRef = (0, $5oFhd$useFocusableRef)(ref, inputRef);
     let isInForm = !!(0, $5oFhd$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
-    [props, domRef] = (0, $5oFhd$useContextProps)(props, domRef, $9b405e0f8095dce0$export$b085522c77523c51);
     props = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props);
     let isInCheckboxGroup = !!(0, $5oFhd$useContext)((0, $5oFhd$CheckboxGroupStateContext));
-    let ctx = (0, $5oFhd$useContext)($9b405e0f8095dce0$export$b085522c77523c51);
+    let ctx = (0, $5oFhd$useSlottedContext)($9b405e0f8095dce0$export$b085522c77523c51, props.slot);
     return /*#__PURE__*/ (0, $5oFhd$jsx)((0, $5oFhd$Checkbox), {
         ...props,
         ref: domRef,
+        inputRef: inputRef,
         style: props.UNSAFE_style,
         className: (renderProps)=>(props.UNSAFE_className || '') + $9b405e0f8095dce0$var$wrapper({
                 ...renderProps,
@@ -212,15 +222,15 @@ function $9b405e0f8095dce0$var$Checkbox({ children: children, ...props }, ref) {
                                 ...renderProps,
                                 isSelected: renderProps.isSelected || renderProps.isIndeterminate,
                                 size: props.size || 'M',
-                                isEmphasized: isInCheckboxGroup ? ctx.isEmphasized : props.isEmphasized
+                                isEmphasized: isInCheckboxGroup ? ctx?.isEmphasized : props.isEmphasized
                             }),
                             children: [
                                 renderProps.isIndeterminate && /*#__PURE__*/ (0, $5oFhd$jsx)((0, $f17037051ff08dc2$export$2e2bcd8739ae039), {
-                                    size: props.size || 'M',
+                                    size: $9b405e0f8095dce0$var$iconSize[props.size || 'M'],
                                     className: $9b405e0f8095dce0$export$2c99b98b77550cb4
                                 }),
                                 renderProps.isSelected && !renderProps.isIndeterminate && /*#__PURE__*/ (0, $5oFhd$jsx)((0, $81cf3d4588736e7d$export$2e2bcd8739ae039), {
-                                    size: props.size || 'M',
+                                    size: $9b405e0f8095dce0$var$iconSize[props.size || 'M'],
                                     className: $9b405e0f8095dce0$export$2c99b98b77550cb4
                                 })
                             ]

package/dist/Checkbox.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAkCM,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAwD;AAEnG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CN,MAAM;AAUb,SAAS,+BAAS,YAAC,QAAQ,EAAE,GAAG,OAAqB,EAAE,GAAmC;IACxF,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IACpB,IAAI,SAAS,CAAA,GAAA,sBAAc,EAAE;IAC7B,IAAI,WAAW,CAAC,CAAC,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACtC,CAAC,OAAO,OAAO,GAAG,CAAA,GAAA,sBAAc,EAAE,OAAO,QAAQ;IACjD,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,oBAAoB,CAAC,CAAC,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gCAAwB;IAC7D,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IAErB,qBACE,gBAAC,CAAA,GAAA,eAAW;QACT,GAAG,KAAK;QACT,KAAK;QACL,OAAO,MAAM,YAAY;QACzB,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,8BAAQ;gBAAC,GAAG,WAAW;0BAAE;gBAAU,MAAM,MAAM,IAAI,IAAI;YAAG,GAAG,MAAM,MAAM;kBACnI,CAAA,4BACC;;kCACE,gBAAC,CAAA,GAAA,yCAAa;kCACZ,cAAA,iBAAC;4BACC,KAAK;4BACL,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ;4BAC1B,WAAW,wCAAI;gCACb,GAAG,WAAW;gCACd,YAAY,YAAY,UAAU,IAAI,YAAY,eAAe;gCACjE,MAAM,MAAM,IAAI,IAAI;gCACpB,cAAc,oBAAoB,IAAI,YAAY,GAAG,MAAM,YAAY;4BACzE;;gCACC,YAAY,eAAe,kBAC1B,gBAAC,CAAA,GAAA,wCAAO;oCAAE,MAAM,MAAM,IAAI,IAAI;oCAAK,WAAW;;gCAE/C,YAAY,UAAU,IAAI,CAAC,YAAY,eAAe,kBACrD,gBAAC,CAAA,GAAA,wCAAY;oCAAE,MAAM,MAAM,IAAI,IAAI;oCAAK,WAAW;;;;;oBAIxD;;;;AAKX;AAEA;;;CAGC,GACD,IAAI,0DAAY,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Checkbox.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 {Checkbox as AriaCheckbox, CheckboxProps as AriaCheckboxProps, CheckboxGroupStateContext, CheckboxRenderProps, ContextValue, useContextProps} from 'react-aria-components';\nimport {baseColor, style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport {createContext, forwardRef, ReactNode, useContext, useRef} from 'react';\nimport DashIcon from '../ui-icons/Dash';\nimport {FocusableRef} from '@react-types/shared';\nimport {focusRing, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FormContext, useFormProps} from './Form';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\n\ninterface CheckboxStyleProps {\n  /**\n   * The size of the Checkbox.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Checkbox should be displayed with an emphasized style. */\n  isEmphasized?: boolean\n}\n\ninterface RenderProps extends CheckboxRenderProps, CheckboxStyleProps {}\n\nexport interface CheckboxProps extends Omit<AriaCheckboxProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, CheckboxStyleProps {\n  /** The label for the element. */\n  children?: ReactNode\n}\n\ninterface CheckboxContextValue extends CheckboxProps, CheckboxStyleProps {}\n\nexport const CheckboxContext = createContext<ContextValue<CheckboxContextValue, HTMLLabelElement>>(null);\n\nconst wrapper = style({\n  display: 'flex',\n  columnGap: 'text-to-control',\n  alignItems: 'baseline',\n  width: 'fit',\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\nexport const box = style<RenderProps>({\n  ...focusRing(),\n  size: 'control-sm',\n  borderRadius: 'control-sm',\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderWidth: 2,\n  boxSizing: 'border-box',\n  borderStyle: 'solid',\n  transition: 'default',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: 'gray-25',\n    isSelected: {\n      default: 'neutral',\n      isEmphasized: baseColor('accent-900'),\n      forcedColors: 'Highlight',\n      isInvalid: {\n        default: baseColor('negative-900'),\n        forcedColors: 'Mark'\n      },\n      isDisabled: {\n        default: 'gray-400',\n        forcedColors: 'GrayText'\n      }\n    }\n  },\n  borderColor: {\n    default: baseColor('gray-800'),\n    forcedColors: 'ButtonBorder',\n    isInvalid: {\n      default: 'negative',\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'gray-400',\n      forcedColors: 'GrayText'\n    },\n    isSelected: 'transparent'\n  }\n});\n\nexport const iconStyles = style({\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      default: 'gray-25',\n      forcedColors: 'HighlightText'\n    }\n  }\n});\n\nfunction Checkbox({children, ...props}: CheckboxProps, ref: FocusableRef<HTMLLabelElement>) {\n  let boxRef = useRef(null);\n  let domRef = useFocusableRef(ref);\n  let isInForm = !!useContext(FormContext);\n  [props, domRef] = useContextProps(props, domRef, CheckboxContext);\n  props = useFormProps(props);\n  let isInCheckboxGroup = !!useContext(CheckboxGroupStateContext);\n  let ctx = useContext(CheckboxContext) as CheckboxContextValue;\n\n  return (\n    <AriaCheckbox\n      {...props}\n      ref={domRef}\n      style={props.UNSAFE_style}\n      className={renderProps => (props.UNSAFE_className || '') + wrapper({...renderProps, isInForm, size: props.size || 'M'}, props.styles)}>\n      {renderProps => (\n        <>\n          <CenterBaseline>\n            <div\n              ref={boxRef}\n              style={pressScale(boxRef)(renderProps)}\n              className={box({\n                ...renderProps,\n                isSelected: renderProps.isSelected || renderProps.isIndeterminate,\n                size: props.size || 'M',\n                isEmphasized: isInCheckboxGroup ? ctx.isEmphasized : props.isEmphasized\n              })}>\n              {renderProps.isIndeterminate &&\n                <DashIcon size={props.size || 'M'} className={iconStyles} />\n              }\n              {renderProps.isSelected && !renderProps.isIndeterminate &&\n                <CheckmarkIcon size={props.size || 'M'} className={iconStyles} />\n              }\n            </div>\n          </CenterBaseline>\n          {children}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\n/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\nexport {_Checkbox as Checkbox};\n"],"names":[],"version":3,"file":"Checkbox.mjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;AAiCM,MAAM,0DAAkB,CAAA,GAAA,oBAAY,EAAoE;AAE/G,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CN,MAAM;AAUb,MAAM,iCAAW;IACf,GAAG;IACH,GAAG;IACH,GAAG;IACH,IAAI;AACN;AAEA,SAAS,+BAAS,YAAC,QAAQ,EAAE,GAAG,OAAqB,EAAE,GAAmC;IACxF,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IACpB,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,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,oBAAoB,CAAC,CAAC,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gCAAwB;IAC7D,IAAI,MAAM,CAAA,GAAA,wBAAgB,EAAE,2CAAiB,MAAM,IAAI;IAEvD,qBACE,gBAAC,CAAA,GAAA,eAAW;QACT,GAAG,KAAK;QACT,KAAK;QACL,UAAU;QACV,OAAO,MAAM,YAAY;QACzB,WAAW,CAAA,cAAe,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,8BAAQ;gBAAC,GAAG,WAAW;0BAAE;gBAAU,MAAM,MAAM,IAAI,IAAI;YAAG,GAAG,MAAM,MAAM;kBACnI,CAAA,4BACC;;kCACE,gBAAC,CAAA,GAAA,yCAAa;kCACZ,cAAA,iBAAC;4BACC,KAAK;4BACL,OAAO,CAAA,GAAA,yCAAS,EAAE,QAAQ;4BAC1B,WAAW,wCAAI;gCACb,GAAG,WAAW;gCACd,YAAY,YAAY,UAAU,IAAI,YAAY,eAAe;gCACjE,MAAM,MAAM,IAAI,IAAI;gCACpB,cAAc,oBAAoB,KAAK,eAAe,MAAM,YAAY;4BAC1E;;gCACC,YAAY,eAAe,kBAC1B,gBAAC,CAAA,GAAA,wCAAO;oCAAE,MAAM,8BAAQ,CAAC,MAAM,IAAI,IAAI,IAAI;oCAAE,WAAW;;gCAEzD,YAAY,UAAU,IAAI,CAAC,YAAY,eAAe,kBACrD,gBAAC,CAAA,GAAA,wCAAY;oCAAE,MAAM,8BAAQ,CAAC,MAAM,IAAI,IAAI,IAAI;oCAAE,WAAW;;;;;oBAIlE;;;;AAKX;AAEA;;;CAGC,GACD,IAAI,0DAAY,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/Checkbox.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 {Checkbox as AriaCheckbox, CheckboxProps as AriaCheckboxProps, CheckboxGroupStateContext, CheckboxRenderProps, ContextValue, useSlottedContext} from 'react-aria-components';\nimport {baseColor, style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {CenterBaseline} from './CenterBaseline';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport {createContext, forwardRef, ReactNode, useContext, useRef} from 'react';\nimport DashIcon from '../ui-icons/Dash';\nimport {FocusableRef, FocusableRefValue} from '@react-types/shared';\nimport {focusRing, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FormContext, useFormProps} from './Form';\nimport {pressScale} from './pressScale';\nimport {useFocusableRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\ninterface CheckboxStyleProps {\n  /**\n   * The size of the Checkbox.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Checkbox should be displayed with an emphasized style. */\n  isEmphasized?: boolean\n}\n\ninterface RenderProps extends CheckboxRenderProps, CheckboxStyleProps {}\n\nexport interface CheckboxProps extends Omit<AriaCheckboxProps, 'className' | 'style' | 'children' | 'onHover' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange'>, StyleProps, CheckboxStyleProps {\n  /** The label for the element. */\n  children?: ReactNode\n}\n\nexport const CheckboxContext = createContext<ContextValue<CheckboxProps, FocusableRefValue<HTMLLabelElement>>>(null);\n\nconst wrapper = style({\n  display: 'flex',\n  columnGap: 'text-to-control',\n  alignItems: 'baseline',\n  width: 'fit',\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\nexport const box = style<RenderProps>({\n  ...focusRing(),\n  size: 'control-sm',\n  borderRadius: 'control-sm',\n  flexShrink: 0,\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderWidth: 2,\n  boxSizing: 'border-box',\n  borderStyle: 'solid',\n  transition: 'default',\n  forcedColorAdjust: 'none',\n  backgroundColor: {\n    default: 'gray-25',\n    isSelected: {\n      default: 'neutral',\n      isEmphasized: baseColor('accent-900'),\n      forcedColors: 'Highlight',\n      isInvalid: {\n        default: baseColor('negative-900'),\n        forcedColors: 'Mark'\n      },\n      isDisabled: {\n        default: 'gray-400',\n        forcedColors: 'GrayText'\n      }\n    }\n  },\n  borderColor: {\n    default: baseColor('gray-800'),\n    forcedColors: 'ButtonBorder',\n    isInvalid: {\n      default: 'negative',\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'gray-400',\n      forcedColors: 'GrayText'\n    },\n    isSelected: 'transparent'\n  }\n});\n\nexport const iconStyles = style({\n  '--iconPrimary': {\n    type: 'fill',\n    value: {\n      default: 'gray-25',\n      forcedColors: 'HighlightText'\n    }\n  }\n});\n\nconst iconSize = {\n  S: 'XS',\n  M: 'S',\n  L: 'M',\n  XL: 'L'\n} as const;\n\nfunction Checkbox({children, ...props}: CheckboxProps, ref: FocusableRef<HTMLLabelElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxContext);\n  let boxRef = useRef(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let domRef = useFocusableRef(ref, inputRef);\n  let isInForm = !!useContext(FormContext);\n  props = useFormProps(props);\n  let isInCheckboxGroup = !!useContext(CheckboxGroupStateContext);\n  let ctx = useSlottedContext(CheckboxContext, props.slot);\n\n  return (\n    <AriaCheckbox\n      {...props}\n      ref={domRef}\n      inputRef={inputRef}\n      style={props.UNSAFE_style}\n      className={renderProps => (props.UNSAFE_className || '') + wrapper({...renderProps, isInForm, size: props.size || 'M'}, props.styles)}>\n      {renderProps => (\n        <>\n          <CenterBaseline>\n            <div\n              ref={boxRef}\n              style={pressScale(boxRef)(renderProps)}\n              className={box({\n                ...renderProps,\n                isSelected: renderProps.isSelected || renderProps.isIndeterminate,\n                size: props.size || 'M',\n                isEmphasized: isInCheckboxGroup ? ctx?.isEmphasized : props.isEmphasized\n              })}>\n              {renderProps.isIndeterminate &&\n                <DashIcon size={iconSize[props.size || 'M']} className={iconStyles} />\n              }\n              {renderProps.isSelected && !renderProps.isIndeterminate &&\n                <CheckmarkIcon size={iconSize[props.size || 'M']} className={iconStyles} />\n              }\n            </div>\n          </CenterBaseline>\n          {children}\n        </>\n      )}\n    </AriaCheckbox>\n  );\n}\n\n/**\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n */\nlet _Checkbox = forwardRef(Checkbox);\nexport {_Checkbox as Checkbox};\n"],"names":[],"version":3,"file":"Checkbox.mjs.map"}

package/dist/CheckboxGroup.cjs

@@ -2,6 +2,7 @@ require("./CheckboxGroup.css");
 var $af04e099a53d3e85$exports = require("./Checkbox.cjs");
 var $a0b996a550bb0891$exports = require("./Field.cjs");
 var $bfa4962d90c8af48$exports = require("./Form.cjs");
+var $ac757a4c2bd72aee$exports = require("./useSpectrumContextProps.cjs");
 var $7mIZM$reactjsxruntime = require("react/jsx-runtime");
 var $7mIZM$reactariacomponents = require("react-aria-components");
 var $7mIZM$react = require("react");
@@ -12,6 +13,7 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
+$parcel$export(module.exports, "CheckboxGroupContext", () => $883687908275b504$export$baf37c4be89255b8);
 $parcel$export(module.exports, "CheckboxGroup", () => $883687908275b504$export$4aa08d5625cb8ead);
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -30,7 +32,10 @@ $parcel$export(module.exports, "CheckboxGroup", () => $883687908275b504$export$4
 
 
 
+
+const $883687908275b504$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $7mIZM$react.createContext)(null);
 function $883687908275b504$var$CheckboxGroup(props, ref) {
+    [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $883687908275b504$export$baf37c4be89255b8);
     let formContext = (0, $7mIZM$react.useContext)((0, $bfa4962d90c8af48$exports.FormContext));
     props = (0, $bfa4962d90c8af48$exports.useFormProps)(props);
     let { label: label, description: description, errorMessage: errorMessage, children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator = 'icon', size: size = 'M', orientation: orientation = 'vertical', UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, isEmphasized: isEmphasized, ...groupProps } = props;
@@ -41,7 +46,7 @@ function $883687908275b504$var$CheckboxGroup(props, ref) {
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
             let $__a = false;
             let $__b = false;

package/dist/CheckboxGroup.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuCD,SAAS,oCAAc,KAAyB,EAAE,GAA2B;IAC3E,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,qCAAU;IACvC,QAAQ,CAAA,GAAA,sCAAW,EAAE;IACrB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,gBACZ,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,wCAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;YACxB,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBAAM;;kCAC7B,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;;;;;;;;;;;;;;;0BAeR;yCAAC;wBAAW;kCACf,cAAA,gCAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;4BAAI;sCAChD,cAAA,gCAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;gCAAC,OAAO;kDAAC;gCAAY;0CAC3C;;;;kCAIP,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAiB,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/CheckboxGroup.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  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components';\nimport {CheckboxContext} from './Checkbox';\nimport {DOMRef, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children?: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\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: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\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            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\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    </AriaCheckboxGroup>\n  );\n}\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,MAAM,0DAAuB,CAAA,GAAA,0BAAY,EAAiE;AAEjH,SAAS,oCAAc,KAAyB,EAAE,GAA2B;IAC3E,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,YACZ,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,gBACZ,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,wCAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;YACxB,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBAAM;;kCAC7B,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;;;;;;;;;;;;;;;0BAeR;yCAAC;wBAAW;kCACf,cAAA,gCAAC,CAAA,GAAA,qCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;4BAAI;sCAChD,cAAA,gCAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;gCAAC,OAAO;kDAAC;gCAAY;0CAC3C;;;;kCAIP,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAiB,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/CheckboxGroup.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  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  ContextValue\n} from 'react-aria-components';\nimport {CheckboxContext} from './Checkbox';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\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 {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children?: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<ContextValue<CheckboxGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\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: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\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            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\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    </AriaCheckboxGroup>\n  );\n}\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.cjs.map"}

package/dist/CheckboxGroup.css.map

@@ -1 +1 @@
-{"mappings":"AC0EoC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAwBf;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAxBe;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAwBf","sources":["229a9af52db930e6","packages/@react-spectrum/s2/src/CheckboxGroup.tsx"],"sourcesContent":["@import \"99c19d559a913dfe\";\n@import \"3a372fd4efad6d81\";\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  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components';\nimport {CheckboxContext} from './Checkbox';\nimport {DOMRef, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children?: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\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: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\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            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\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    </AriaCheckboxGroup>\n  );\n}\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.css.map"}
+{"mappings":"AC+EoC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAwBf;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAxBe;EAAA;;;;;AAAA;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;;;AAwBf","sources":["229a9af52db930e6","packages/@react-spectrum/s2/src/CheckboxGroup.tsx"],"sourcesContent":["@import \"99c19d559a913dfe\";\n@import \"3a372fd4efad6d81\";\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  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  ContextValue\n} from 'react-aria-components';\nimport {CheckboxContext} from './Checkbox';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\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 {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children?: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<ContextValue<CheckboxGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\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: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\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            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\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    </AriaCheckboxGroup>\n  );\n}\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.css.map"}

package/dist/CheckboxGroup.mjs

@@ -2,9 +2,10 @@ import "./CheckboxGroup.css";
 import {CheckboxContext as $9b405e0f8095dce0$export$b085522c77523c51} from "./Checkbox.mjs";
 import {FieldLabel as $9afd80978c252040$export$1acdcf5a973a8414, HelpText as $9afd80978c252040$export$a67c0bc59081311a} from "./Field.mjs";
 import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
+import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "./useSpectrumContextProps.mjs";
 import {jsx as $2n9bC$jsx, jsxs as $2n9bC$jsxs, Fragment as $2n9bC$Fragment} from "react/jsx-runtime";
 import {CheckboxGroup as $2n9bC$CheckboxGroup} from "react-aria-components";
-import {useContext as $2n9bC$useContext, forwardRef as $2n9bC$forwardRef} from "react";
+import {createContext as $2n9bC$createContext, useContext as $2n9bC$useContext, forwardRef as $2n9bC$forwardRef} from "react";
 import {useDOMRef as $2n9bC$useDOMRef} from "@react-spectrum/utils";
 
 /*
@@ -24,7 +25,10 @@ import {useDOMRef as $2n9bC$useDOMRef} from "@react-spectrum/utils";
 
 
 
+
+const $4f43ac2b11e2df05$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $2n9bC$createContext)(null);
 function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
+    [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $4f43ac2b11e2df05$export$baf37c4be89255b8);
     let formContext = (0, $2n9bC$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
     props = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(props);
     let { label: label, description: description, errorMessage: errorMessage, children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator = 'icon', size: size = 'M', orientation: orientation = 'vertical', UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, isEmphasized: isEmphasized, ...groupProps } = props;
@@ -35,7 +39,7 @@ function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
         style: UNSAFE_style,
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " .";
-            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+            let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
             rules += matches.join('');
             let $__a = false;
             let $__b = false;
@@ -166,5 +170,5 @@ function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
  */ let $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwardRef)($4f43ac2b11e2df05$var$CheckboxGroup);
 
 
-export {$4f43ac2b11e2df05$export$4aa08d5625cb8ead as CheckboxGroup};
+export {$4f43ac2b11e2df05$export$baf37c4be89255b8 as CheckboxGroupContext, $4f43ac2b11e2df05$export$4aa08d5625cb8ead as CheckboxGroup};
 //# sourceMappingURL=CheckboxGroup.mjs.map

package/dist/CheckboxGroup.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAuCD,SAAS,oCAAc,KAAyB,EAAE,GAA2B;IAC3E,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAU;IACvC,QAAQ,CAAA,GAAA,yCAAW,EAAE;IACrB,IAAI,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,gBACZ,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,oBAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;YACxB,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBAAM;;kCAC7B,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;;;;;;;;;;;;;;;0BAeR;yCAAC;wBAAW;kCACf,cAAA,gBAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;4BAAI;sCAChD,cAAA,gBAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;gCAAC,OAAO;kDAAC;gCAAY;0CAC3C;;;;kCAIP,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAiB,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/CheckboxGroup.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  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps\n} from 'react-aria-components';\nimport {CheckboxContext} from './Checkbox';\nimport {DOMRef, HelpTextProps, Orientation, SpectrumLabelableProps} from '@react-types/shared';\nimport {field, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldLabel, HelpText} from './Field';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRef, ReactNode, useContext} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children?: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\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: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\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            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\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    </AriaCheckboxGroup>\n  );\n}\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.mjs.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,MAAM,0DAAuB,CAAA,GAAA,oBAAY,EAAiE;AAEjH,SAAS,oCAAc,KAAyB,EAAE,GAA2B;IAC3E,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,SACF,KAAK,eACL,WAAW,gBACX,YAAY,YACZ,QAAQ,iBACR,gBAAgB,mBAChB,aAAa,6BACb,qBAAqB,cACrB,OAAO,kBACP,cAAc,8BACd,mBAAmB,kBACnB,YAAY,gBACZ,YAAY,EACZ,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,oBAAgB;QACd,GAAG,UAAU;QACd,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAOJ;YACxB,MAAM,MAAM,IAAI;2BAChB;YACA,UAAU,CAAC,CAAC;QACd,GAAG,MAAM,MAAM;kBACd,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC,iBAAM;;kCAC7B,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;;;;;;;;;;;;;;;0BAeR;yCAAC;wBAAW;kCACf,cAAA,gBAAC,CAAA,GAAA,yCAAU,EAAE,QAAQ;4BAAC,OAAO;gCAAC,GAAG,WAAW;sCAAE;4BAAI;sCAChD,cAAA,gBAAC,CAAA,GAAA,yCAAc,EAAE,QAAQ;gCAAC,OAAO;kDAAC;gCAAY;0CAC3C;;;;kCAIP,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;kCACZ;;;;;AAKX;AAEA;;CAEC,GACD,IAAI,0DAAiB,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/CheckboxGroup.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  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  ContextValue\n} from 'react-aria-components';\nimport {CheckboxContext} from './Checkbox';\nimport {createContext, forwardRef, ReactNode, useContext} from 'react';\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 {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'className' | 'style' | 'children'>, StyleProps, SpectrumLabelableProps, HelpTextProps {\n  /**\n   * The size of the Checkboxes in the CheckboxGroup.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The axis the checkboxes should align with.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation,\n  /**\n   * The Checkboxes contained within the CheckboxGroup.\n   */\n  children?: ReactNode,\n  /**\n   * By default, checkboxes are not emphasized (gray).\n   * The emphasized (blue) version provides visual prominence.\n   */\n  isEmphasized?: boolean\n}\n\nexport const CheckboxGroupContext = createContext<ContextValue<CheckboxGroupProps, DOMRefValue<HTMLDivElement>>>(null);\n\nfunction CheckboxGroup(props: CheckboxGroupProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, CheckboxGroupContext);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    label,\n    description,\n    errorMessage,\n    children,\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator = 'icon',\n    size = 'M',\n    orientation = 'vertical',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    isEmphasized,\n    ...groupProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <AriaCheckboxGroup\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: props.size,\n        labelPosition,\n        isInForm: !!formContext\n      }, props.styles)}>\n      {({isDisabled, isInvalid}) => (<>\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            lineHeight: 'ui',\n            rowGap: '--field-gap',\n            // Spectrum uses a fixed spacing value for horizontal,\n            // but the gap changes depending on t-shirt size in vertical.\n            columnGap: 16,\n            flexWrap: 'wrap'\n          })({orientation})}>\n          <FormContext.Provider value={{...formContext, size}}>\n            <CheckboxContext.Provider value={{isEmphasized}}>\n              {children}\n            </CheckboxContext.Provider>\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    </AriaCheckboxGroup>\n  );\n}\n\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nlet _CheckboxGroup = forwardRef(CheckboxGroup);\nexport {_CheckboxGroup as CheckboxGroup};\n"],"names":[],"version":3,"file":"CheckboxGroup.mjs.map"}

package/dist/Checkmark.cjs

@@ -1,8 +1,9 @@
-var $3b9e73c6cb6e75e2$exports = require("./S2_CheckmarkSize100.cjs");
 var $11cffb46d5a277d9$exports = require("./S2_CheckmarkSize200.cjs");
+var $3b9e73c6cb6e75e2$exports = require("./S2_CheckmarkSize100.cjs");
+var $405627385ad1e306$exports = require("./S2_CheckmarkSize75.cjs");
 var $82d6351c2274ce7d$exports = require("./S2_CheckmarkSize300.cjs");
 var $a7789dc7eb1c57c5$exports = require("./S2_CheckmarkSize50.cjs");
-var $405627385ad1e306$exports = require("./S2_CheckmarkSize75.cjs");
+var $8a3187c23d68317f$exports = require("./S2_CheckmarkSize400.cjs");
 var $fQmKa$reactjsxruntime = require("react/jsx-runtime");
 
 
@@ -27,27 +28,33 @@ $parcel$export(module.exports, "default", () => $dba2b18fc5727f9b$export$2e2bcd8
 
 
 
-function $dba2b18fc5727f9b$export$2e2bcd8739ae039({ size: size, ...props }) {
+
+function $dba2b18fc5727f9b$export$2e2bcd8739ae039(props) {
+    let { size: size = 'M', ...otherProps } = props;
     switch(size){
-        case 'S':
-            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $a7789dc7eb1c57c5$exports.default), {
-                ...props
-            });
         case 'M':
-            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $405627385ad1e306$exports.default), {
-                ...props
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $3b9e73c6cb6e75e2$exports.default), {
+                ...otherProps
             });
         case 'L':
-            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $3b9e73c6cb6e75e2$exports.default), {
-                ...props
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $11cffb46d5a277d9$exports.default), {
+                ...otherProps
             });
         case 'XL':
-            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $11cffb46d5a277d9$exports.default), {
-                ...props
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $82d6351c2274ce7d$exports.default), {
+                ...otherProps
             });
         case 'XXL':
-            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $82d6351c2274ce7d$exports.default), {
-                ...props
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $8a3187c23d68317f$exports.default), {
+                ...otherProps
+            });
+        case 'XS':
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $a7789dc7eb1c57c5$exports.default), {
+                ...otherProps
+            });
+        case 'S':
+            return /*#__PURE__*/ (0, $fQmKa$reactjsxruntime.jsx)((0, $405627385ad1e306$exports.default), {
+                ...otherProps
             });
     }
 }

package/dist/Checkmark.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDAAmB,QAAC,IAAI,EAAE,GAAG,OAAwE;IAClH,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAiB;gBAAG,GAAG,KAAK;;QACtC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAiB;gBAAG,GAAG,KAAK;;QACtC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAkB;gBAAG,GAAG,KAAK;;QACvC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAkB;gBAAG,GAAG,KAAK;;QACvC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAkB;gBAAG,GAAG,KAAK;;IACzC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Checkmark.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 S2_CheckmarkSize100 from './S2_CheckmarkSize100.svg';\nimport S2_CheckmarkSize200 from './S2_CheckmarkSize200.svg';\nimport S2_CheckmarkSize300 from './S2_CheckmarkSize300.svg';\nimport S2_CheckmarkSize50 from './S2_CheckmarkSize50.svg';\nimport S2_CheckmarkSize75 from './S2_CheckmarkSize75.svg';\nimport {SVGProps} from 'react';\n\nexport default function Checkmark({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL' | 'XXL'} & SVGProps<SVGSVGElement>) {\n  switch (size) {\n    case 'S':\n      return <S2_CheckmarkSize50 {...props} />;\n    case 'M':\n      return <S2_CheckmarkSize75 {...props} />;\n    case 'L':\n      return <S2_CheckmarkSize100 {...props} />;\n    case 'XL':\n      return <S2_CheckmarkSize200 {...props} />;\n    case 'XXL':\n      return <S2_CheckmarkSize300 {...props} />;\n  }\n}\n"],"names":[],"version":3,"file":"Checkmark.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAUc,kDAAmB,KAA+E;IAC/G,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;;QACpC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;;QACpC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;;QACrC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAY;gBAAG,GAAG,UAAU;;QACtC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAW;gBAAG,GAAG,UAAU;;QACrC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;;IACtC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Checkmark.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 Checkmark_L from './S2_CheckmarkSize200.svg';\nimport Checkmark_M from './S2_CheckmarkSize100.svg';\nimport Checkmark_S from './S2_CheckmarkSize75.svg';\nimport Checkmark_XL from './S2_CheckmarkSize300.svg';\nimport Checkmark_XS from './S2_CheckmarkSize50.svg';\nimport Checkmark_XXL from './S2_CheckmarkSize400.svg';\nimport {SVGProps} from 'react';\n\nexport default function Checkmark(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XS' | 'S'}) {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Checkmark_M {...otherProps} />;\n    case 'L':\n      return <Checkmark_L {...otherProps} />;\n    case 'XL':\n      return <Checkmark_XL {...otherProps} />;\n    case 'XXL':\n      return <Checkmark_XXL {...otherProps} />;\n    case 'XS':\n      return <Checkmark_XS {...otherProps} />;\n    case 'S':\n      return <Checkmark_S {...otherProps} />;\n  }\n}\n"],"names":[],"version":3,"file":"Checkmark.cjs.map"}

package/dist/Checkmark.mjs

@@ -1,8 +1,9 @@
-import $350b1bc6d608703f$export$2e2bcd8739ae039 from "./S2_CheckmarkSize100.mjs";
 import $2226697abda770d9$export$2e2bcd8739ae039 from "./S2_CheckmarkSize200.mjs";
+import $350b1bc6d608703f$export$2e2bcd8739ae039 from "./S2_CheckmarkSize100.mjs";
+import $31137b4739adcf2e$export$2e2bcd8739ae039 from "./S2_CheckmarkSize75.mjs";
 import $3fce75c1c33635c3$export$2e2bcd8739ae039 from "./S2_CheckmarkSize300.mjs";
 import $d40ccf970611a77a$export$2e2bcd8739ae039 from "./S2_CheckmarkSize50.mjs";
-import $31137b4739adcf2e$export$2e2bcd8739ae039 from "./S2_CheckmarkSize75.mjs";
+import $d9785d3b2bcf9fb0$export$2e2bcd8739ae039 from "./S2_CheckmarkSize400.mjs";
 import {jsx as $9G1g0$jsx} from "react/jsx-runtime";
 
 /*
@@ -21,27 +22,33 @@ import {jsx as $9G1g0$jsx} from "react/jsx-runtime";
 
 
 
-function $81cf3d4588736e7d$export$2e2bcd8739ae039({ size: size, ...props }) {
+
+function $81cf3d4588736e7d$export$2e2bcd8739ae039(props) {
+    let { size: size = 'M', ...otherProps } = props;
     switch(size){
-        case 'S':
-            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $d40ccf970611a77a$export$2e2bcd8739ae039), {
-                ...props
-            });
         case 'M':
-            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $31137b4739adcf2e$export$2e2bcd8739ae039), {
-                ...props
+            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $350b1bc6d608703f$export$2e2bcd8739ae039), {
+                ...otherProps
             });
         case 'L':
-            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $350b1bc6d608703f$export$2e2bcd8739ae039), {
-                ...props
+            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $2226697abda770d9$export$2e2bcd8739ae039), {
+                ...otherProps
             });
         case 'XL':
-            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $2226697abda770d9$export$2e2bcd8739ae039), {
-                ...props
+            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $3fce75c1c33635c3$export$2e2bcd8739ae039), {
+                ...otherProps
             });
         case 'XXL':
-            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $3fce75c1c33635c3$export$2e2bcd8739ae039), {
-                ...props
+            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $d9785d3b2bcf9fb0$export$2e2bcd8739ae039), {
+                ...otherProps
+            });
+        case 'XS':
+            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $d40ccf970611a77a$export$2e2bcd8739ae039), {
+                ...otherProps
+            });
+        case 'S':
+            return /*#__PURE__*/ (0, $9G1g0$jsx)((0, $31137b4739adcf2e$export$2e2bcd8739ae039), {
+                ...otherProps
             });
     }
 }

package/dist/Checkmark.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDAAmB,QAAC,IAAI,EAAE,GAAG,OAAwE;IAClH,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAiB;gBAAG,GAAG,KAAK;;QACtC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAiB;gBAAG,GAAG,KAAK;;QACtC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAkB;gBAAG,GAAG,KAAK;;QACvC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAkB;gBAAG,GAAG,KAAK;;QACvC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAkB;gBAAG,GAAG,KAAK;;IACzC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Checkmark.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 S2_CheckmarkSize100 from './S2_CheckmarkSize100.svg';\nimport S2_CheckmarkSize200 from './S2_CheckmarkSize200.svg';\nimport S2_CheckmarkSize300 from './S2_CheckmarkSize300.svg';\nimport S2_CheckmarkSize50 from './S2_CheckmarkSize50.svg';\nimport S2_CheckmarkSize75 from './S2_CheckmarkSize75.svg';\nimport {SVGProps} from 'react';\n\nexport default function Checkmark({size, ...props}: {size: 'S' | 'M' | 'L' | 'XL' | 'XXL'} & SVGProps<SVGSVGElement>) {\n  switch (size) {\n    case 'S':\n      return <S2_CheckmarkSize50 {...props} />;\n    case 'M':\n      return <S2_CheckmarkSize75 {...props} />;\n    case 'L':\n      return <S2_CheckmarkSize100 {...props} />;\n    case 'XL':\n      return <S2_CheckmarkSize200 {...props} />;\n    case 'XXL':\n      return <S2_CheckmarkSize300 {...props} />;\n  }\n}\n"],"names":[],"version":3,"file":"Checkmark.mjs.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAUc,kDAAmB,KAA+E;IAC/G,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAU;gBAAG,GAAG,UAAU;;QACpC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAU;gBAAG,GAAG,UAAU;;QACpC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAW;gBAAG,GAAG,UAAU;;QACrC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAY;gBAAG,GAAG,UAAU;;QACtC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAW;gBAAG,GAAG,UAAU;;QACrC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAU;gBAAG,GAAG,UAAU;;IACtC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Checkmark.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 Checkmark_L from './S2_CheckmarkSize200.svg';\nimport Checkmark_M from './S2_CheckmarkSize100.svg';\nimport Checkmark_S from './S2_CheckmarkSize75.svg';\nimport Checkmark_XL from './S2_CheckmarkSize300.svg';\nimport Checkmark_XS from './S2_CheckmarkSize50.svg';\nimport Checkmark_XXL from './S2_CheckmarkSize400.svg';\nimport {SVGProps} from 'react';\n\nexport default function Checkmark(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XS' | 'S'}) {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Checkmark_M {...otherProps} />;\n    case 'L':\n      return <Checkmark_L {...otherProps} />;\n    case 'XL':\n      return <Checkmark_XL {...otherProps} />;\n    case 'XXL':\n      return <Checkmark_XXL {...otherProps} />;\n    case 'XS':\n      return <Checkmark_XS {...otherProps} />;\n    case 'S':\n      return <Checkmark_S {...otherProps} />;\n  }\n}\n"],"names":[],"version":3,"file":"Checkmark.mjs.map"}

package/dist/Chevron.cjs

@@ -1,8 +1,9 @@
-var $19581fa9d976e2fa$exports = require("./S2_ChevronSize100.cjs");
 var $1895c28190a0d28f$exports = require("./S2_ChevronSize200.cjs");
+var $19581fa9d976e2fa$exports = require("./S2_ChevronSize100.cjs");
+var $42363d0d1791d305$exports = require("./S2_ChevronSize75.cjs");
 var $1fd70c1eb5a91c40$exports = require("./S2_ChevronSize300.cjs");
 var $52c835d539d7937f$exports = require("./S2_ChevronSize50.cjs");
-var $42363d0d1791d305$exports = require("./S2_ChevronSize75.cjs");
+var $946db7c00f8c14ae$exports = require("./S2_ChevronSize400.cjs");
 var $3pFeU$reactjsxruntime = require("react/jsx-runtime");
 
 
@@ -27,27 +28,33 @@ $parcel$export(module.exports, "default", () => $1df9f1c9262ce5df$export$2e2bcd8
 
 
 
-function $1df9f1c9262ce5df$export$2e2bcd8739ae039({ size: size, ...props }) {
+
+function $1df9f1c9262ce5df$export$2e2bcd8739ae039(props) {
+    let { size: size = 'M', ...otherProps } = props;
     switch(size){
-        case 'XS':
-            return /*#__PURE__*/ (0, $3pFeU$reactjsxruntime.jsx)((0, $52c835d539d7937f$exports.default), {
-                ...props
-            });
-        case 'S':
-            return /*#__PURE__*/ (0, $3pFeU$reactjsxruntime.jsx)((0, $42363d0d1791d305$exports.default), {
-                ...props
-            });
         case 'M':
             return /*#__PURE__*/ (0, $3pFeU$reactjsxruntime.jsx)((0, $19581fa9d976e2fa$exports.default), {
-                ...props
+                ...otherProps
             });
         case 'L':
             return /*#__PURE__*/ (0, $3pFeU$reactjsxruntime.jsx)((0, $1895c28190a0d28f$exports.default), {
-                ...props
+                ...otherProps
             });
         case 'XL':
             return /*#__PURE__*/ (0, $3pFeU$reactjsxruntime.jsx)((0, $1fd70c1eb5a91c40$exports.default), {
-                ...props
+                ...otherProps
+            });
+        case 'XXL':
+            return /*#__PURE__*/ (0, $3pFeU$reactjsxruntime.jsx)((0, $946db7c00f8c14ae$exports.default), {
+                ...otherProps
+            });
+        case 'XS':
+            return /*#__PURE__*/ (0, $3pFeU$reactjsxruntime.jsx)((0, $52c835d539d7937f$exports.default), {
+                ...otherProps
+            });
+        case 'S':
+            return /*#__PURE__*/ (0, $3pFeU$reactjsxruntime.jsx)((0, $42363d0d1791d305$exports.default), {
+                ...otherProps
             });
     }
 }

package/dist/Chevron.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDAAiB,QAAC,IAAI,EAAE,GAAG,OAAuE;IAC/G,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAe;gBAAG,GAAG,KAAK;;QACpC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAe;gBAAG,GAAG,KAAK;;QACpC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAgB;gBAAG,GAAG,KAAK;;QACrC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAgB;gBAAG,GAAG,KAAK;;QACrC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAgB;gBAAG,GAAG,KAAK;;IACvC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Chevron.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 S2_ChevronSize100 from './S2_ChevronSize100.svg';\nimport S2_ChevronSize200 from './S2_ChevronSize200.svg';\nimport S2_ChevronSize300 from './S2_ChevronSize300.svg';\nimport S2_ChevronSize50 from './S2_ChevronSize50.svg';\nimport S2_ChevronSize75 from './S2_ChevronSize75.svg';\nimport {SVGProps} from 'react';\n\nexport default function Chevron({size, ...props}: {size: 'XS' | 'S' | 'M' | 'L' | 'XL'} & SVGProps<SVGSVGElement>) {\n  switch (size) {\n    case 'XS':\n      return <S2_ChevronSize50 {...props} />;\n    case 'S':\n      return <S2_ChevronSize75 {...props} />;\n    case 'M':\n      return <S2_ChevronSize100 {...props} />;\n    case 'L':\n      return <S2_ChevronSize200 {...props} />;\n    case 'XL':\n      return <S2_ChevronSize300 {...props} />;\n  }\n}\n"],"names":[],"version":3,"file":"Chevron.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAUc,kDAAiB,KAA+E;IAC7G,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAQ;gBAAG,GAAG,UAAU;;QAClC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAQ;gBAAG,GAAG,UAAU;;QAClC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAS;gBAAG,GAAG,UAAU;;QACnC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAU;gBAAG,GAAG,UAAU;;QACpC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAS;gBAAG,GAAG,UAAU;;QACnC,KAAK;YACH,qBAAO,gCAAC,CAAA,GAAA,iCAAQ;gBAAG,GAAG,UAAU;;IACpC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Chevron.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 Chevron_L from './S2_ChevronSize200.svg';\nimport Chevron_M from './S2_ChevronSize100.svg';\nimport Chevron_S from './S2_ChevronSize75.svg';\nimport Chevron_XL from './S2_ChevronSize300.svg';\nimport Chevron_XS from './S2_ChevronSize50.svg';\nimport Chevron_XXL from './S2_ChevronSize400.svg';\nimport {SVGProps} from 'react';\n\nexport default function Chevron(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XS' | 'S'}) {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Chevron_M {...otherProps} />;\n    case 'L':\n      return <Chevron_L {...otherProps} />;\n    case 'XL':\n      return <Chevron_XL {...otherProps} />;\n    case 'XXL':\n      return <Chevron_XXL {...otherProps} />;\n    case 'XS':\n      return <Chevron_XS {...otherProps} />;\n    case 'S':\n      return <Chevron_S {...otherProps} />;\n  }\n}\n"],"names":[],"version":3,"file":"Chevron.cjs.map"}

package/dist/Chevron.mjs

@@ -1,8 +1,9 @@
-import $9478429bc3f7b6ed$export$2e2bcd8739ae039 from "./S2_ChevronSize100.mjs";
 import $229b932983a6c939$export$2e2bcd8739ae039 from "./S2_ChevronSize200.mjs";
+import $9478429bc3f7b6ed$export$2e2bcd8739ae039 from "./S2_ChevronSize100.mjs";
+import $4db503230000328c$export$2e2bcd8739ae039 from "./S2_ChevronSize75.mjs";
 import $a590e5c7c9dae776$export$2e2bcd8739ae039 from "./S2_ChevronSize300.mjs";
 import $9ffec407d8936863$export$2e2bcd8739ae039 from "./S2_ChevronSize50.mjs";
-import $4db503230000328c$export$2e2bcd8739ae039 from "./S2_ChevronSize75.mjs";
+import $0c7cb9e52fc14b01$export$2e2bcd8739ae039 from "./S2_ChevronSize400.mjs";
 import {jsx as $flSpw$jsx} from "react/jsx-runtime";
 
 /*
@@ -21,27 +22,33 @@ import {jsx as $flSpw$jsx} from "react/jsx-runtime";
 
 
 
-function $4b69f02ec06b9226$export$2e2bcd8739ae039({ size: size, ...props }) {
+
+function $4b69f02ec06b9226$export$2e2bcd8739ae039(props) {
+    let { size: size = 'M', ...otherProps } = props;
     switch(size){
-        case 'XS':
-            return /*#__PURE__*/ (0, $flSpw$jsx)((0, $9ffec407d8936863$export$2e2bcd8739ae039), {
-                ...props
-            });
-        case 'S':
-            return /*#__PURE__*/ (0, $flSpw$jsx)((0, $4db503230000328c$export$2e2bcd8739ae039), {
-                ...props
-            });
         case 'M':
             return /*#__PURE__*/ (0, $flSpw$jsx)((0, $9478429bc3f7b6ed$export$2e2bcd8739ae039), {
-                ...props
+                ...otherProps
             });
         case 'L':
             return /*#__PURE__*/ (0, $flSpw$jsx)((0, $229b932983a6c939$export$2e2bcd8739ae039), {
-                ...props
+                ...otherProps
             });
         case 'XL':
             return /*#__PURE__*/ (0, $flSpw$jsx)((0, $a590e5c7c9dae776$export$2e2bcd8739ae039), {
-                ...props
+                ...otherProps
+            });
+        case 'XXL':
+            return /*#__PURE__*/ (0, $flSpw$jsx)((0, $0c7cb9e52fc14b01$export$2e2bcd8739ae039), {
+                ...otherProps
+            });
+        case 'XS':
+            return /*#__PURE__*/ (0, $flSpw$jsx)((0, $9ffec407d8936863$export$2e2bcd8739ae039), {
+                ...otherProps
+            });
+        case 'S':
+            return /*#__PURE__*/ (0, $flSpw$jsx)((0, $4db503230000328c$export$2e2bcd8739ae039), {
+                ...otherProps
             });
     }
 }

package/dist/Chevron.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AASc,kDAAiB,QAAC,IAAI,EAAE,GAAG,OAAuE;IAC/G,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAe;gBAAG,GAAG,KAAK;;QACpC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAe;gBAAG,GAAG,KAAK;;QACpC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAgB;gBAAG,GAAG,KAAK;;QACrC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAgB;gBAAG,GAAG,KAAK;;QACrC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAgB;gBAAG,GAAG,KAAK;;IACvC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Chevron.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 S2_ChevronSize100 from './S2_ChevronSize100.svg';\nimport S2_ChevronSize200 from './S2_ChevronSize200.svg';\nimport S2_ChevronSize300 from './S2_ChevronSize300.svg';\nimport S2_ChevronSize50 from './S2_ChevronSize50.svg';\nimport S2_ChevronSize75 from './S2_ChevronSize75.svg';\nimport {SVGProps} from 'react';\n\nexport default function Chevron({size, ...props}: {size: 'XS' | 'S' | 'M' | 'L' | 'XL'} & SVGProps<SVGSVGElement>) {\n  switch (size) {\n    case 'XS':\n      return <S2_ChevronSize50 {...props} />;\n    case 'S':\n      return <S2_ChevronSize75 {...props} />;\n    case 'M':\n      return <S2_ChevronSize100 {...props} />;\n    case 'L':\n      return <S2_ChevronSize200 {...props} />;\n    case 'XL':\n      return <S2_ChevronSize300 {...props} />;\n  }\n}\n"],"names":[],"version":3,"file":"Chevron.mjs.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAUc,kDAAiB,KAA+E;IAC7G,IAAI,QAAC,OAAO,KAAK,GAAG,YAAW,GAAG;IAClC,OAAQ;QACN,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAQ;gBAAG,GAAG,UAAU;;QAClC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAQ;gBAAG,GAAG,UAAU;;QAClC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAS;gBAAG,GAAG,UAAU;;QACnC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAU;gBAAG,GAAG,UAAU;;QACpC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAS;gBAAG,GAAG,UAAU;;QACnC,KAAK;YACH,qBAAO,gBAAC,CAAA,GAAA,wCAAQ;gBAAG,GAAG,UAAU;;IACpC;AACF","sources":["packages/@react-spectrum/s2/ui-icons/Chevron.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 Chevron_L from './S2_ChevronSize200.svg';\nimport Chevron_M from './S2_ChevronSize100.svg';\nimport Chevron_S from './S2_ChevronSize75.svg';\nimport Chevron_XL from './S2_ChevronSize300.svg';\nimport Chevron_XS from './S2_ChevronSize50.svg';\nimport Chevron_XXL from './S2_ChevronSize400.svg';\nimport {SVGProps} from 'react';\n\nexport default function Chevron(props: SVGProps<SVGSVGElement> & {size?: 'M' | 'L' | 'XL' | 'XXL' | 'XS' | 'S'}) {\n  let {size = 'M', ...otherProps} = props;\n  switch (size) {\n    case 'M':\n      return <Chevron_M {...otherProps} />;\n    case 'L':\n      return <Chevron_L {...otherProps} />;\n    case 'XL':\n      return <Chevron_XL {...otherProps} />;\n    case 'XXL':\n      return <Chevron_XXL {...otherProps} />;\n    case 'XS':\n      return <Chevron_XS {...otherProps} />;\n    case 'S':\n      return <Chevron_S {...otherProps} />;\n  }\n}\n"],"names":[],"version":3,"file":"Chevron.mjs.map"}

package/dist/CloseButton.cjs

@@ -37,7 +37,7 @@ const $2f907cb84c6e9e75$var$hoverBackground = {
 };
 const $2f907cb84c6e9e75$var$styles = function anonymous(props, overrides) {
     let rules = " .";
-    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|l|q|r|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W)[^\s]+/g) || [];
+    let matches = (overrides || '').match(/(?:^|\s)(?:y|z|A|B|_9|_8|h|_5|_4|__A|__c|__d|__a|__b|U|__Q|X|Z|V|W|l|q|r)[^\s]+/g) || [];
     rules += matches.join('');
     let $l = false;
     for (let p of matches)if (/^\s*l/.test(p)) $l = true;