@react-spectrum/s2 0.5.0 → 0.6.0

package/dist/CheckboxGroup.cjs

@@ -34,7 +34,7 @@ $parcel$export(module.exports, "CheckboxGroup", () => $883687908275b504$export$4
 
 
 const $883687908275b504$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $7mIZM$react.createContext)(null);
-function $883687908275b504$var$CheckboxGroup(props, ref) {
+const $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react.forwardRef)(function 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);
@@ -46,51 +46,51 @@ 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|_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';
@@ -98,7 +98,7 @@ function $883687908275b504$var$CheckboxGroup(props, ref) {
             else rules += ' -aqrvqh_k-f';
             rules += ' -_1inj1bc_i--vfy389';
             rules += ' je';
-            rules += ' __R-yksgrp';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             size: props.size,
@@ -120,18 +120,18 @@ function $883687908275b504$var$CheckboxGroup(props, ref) {
                     /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " .";
-                            rules += ' __a-4cfph1';
-                            rules += ' __b-4cfph1';
-                            rules += ' __c-4cfph1';
-                            rules += ' __d-4cfph1';
-                            rules += ' _Zd';
-                            if (props.orientation === "horizontal") rules += ' _6a';
-                            else if (props.orientation === "vertical") rules += ' _6b';
-                            rules += ' _f-1x99dlob';
-                            rules += ' _fa';
+                            rules += ' __b-g2ozi1';
+                            rules += ' __c-g2ozi1';
+                            rules += ' __d-g2ozi1';
+                            rules += ' __e-g2ozi1';
+                            rules += ' _0d';
+                            if (props.orientation === "horizontal") rules += ' _7a';
+                            else if (props.orientation === "vertical") rules += ' _7b';
+                            rules += ' _g-1x99dlob';
+                            rules += ' _ga';
                             rules += ' i-1inj1bc';
                             rules += ' jf';
-                            rules += ' _7a';
+                            rules += ' _8a';
                             return rules;
                         }({
                             orientation: orientation
@@ -139,7 +139,8 @@ function $883687908275b504$var$CheckboxGroup(props, ref) {
                         children: /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)((0, $bfa4962d90c8af48$exports.FormContext).Provider, {
                             value: {
                                 ...formContext,
-                                size: size
+                                size: size,
+                                isRequired: undefined
                             },
                             children: /*#__PURE__*/ (0, $7mIZM$reactjsxruntime.jsx)((0, $af04e099a53d3e85$exports.CheckboxContext).Provider, {
                                 value: {
@@ -160,10 +161,7 @@ function $883687908275b504$var$CheckboxGroup(props, ref) {
                 ]
             })
     });
-}
-/**
- * A CheckboxGroup allows users to select one or more items from a list of choices.
- */ let $883687908275b504$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $7mIZM$react.forwardRef)($883687908275b504$var$CheckboxGroup);
+});
 
 
 //# sourceMappingURL=CheckboxGroup.cjs.map

package/dist/CheckboxGroup.cjs.map

@@ -1 +1 @@
-{"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' 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"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,MAAM,0DAAuB,CAAA,GAAA,0BAAY,EAAiE;AAK1G,MAAM,0DAAgB,CAAA,GAAA,uBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA2B;IACnH,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;gCAAM,YAAY;4BAAS;sCACvE,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","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' 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\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function 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, isRequired: undefined}}>\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"],"names":[],"version":3,"file":"CheckboxGroup.cjs.map"}

package/dist/CheckboxGroup.css

@@ -1,68 +1,68 @@
 @layer _.a {
-  ._Zf {
+  ._0f {
     display: grid;
   }
 
-  .__a-3t1y {
+  .__b-3t1y {
     grid-column-start: 1;
   }
 
-  .__b-7u9dhl {
+  .__c-yqnebx {
     grid-column-end: span 2;
   }
 
-  .__h-375yi6 {
+  .__i-2wzs0i {
     grid-template-columns: 1fr;
   }
 
-  .__h-jyg4vb {
+  .__i-ar5vcf {
     grid-template-columns: auto 1fr;
   }
 
-  .__h-1cwd7ud {
+  .__i-1a97rzt {
     grid-template-columns: subgrid;
   }
 
-  .__i-fdenls {
+  .__j-1a6w430 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .__i-jyg4vb {
+  .__j-ar5vcf {
     grid-template-rows: auto 1fr;
   }
 
-  .__j-xlaqir {
+  .__k-1srn173 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .__j-5eez8j {
+  .__k-18h2yqz {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  ._de {
+  ._ee {
     font-size: .875rem;
   }
 
-  ._da {
+  ._ea {
     font-size: .6875rem;
   }
 
-  ._dc {
+  ._ec {
     font-size: .75rem;
   }
 
-  ._dg {
+  ._eg {
     font-size: 1rem;
   }
 
-  ._di {
+  ._ei {
     font-size: 1.125rem;
   }
 
-  ._1d {
+  ._2d {
     align-items: baseline;
   }
 
@@ -94,39 +94,39 @@
     column-gap: .75rem;
   }
 
-  .__R-yksgrp {
+  .__S-yksgrp {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .__a-4cfph1 {
+  .__b-g2ozi1 {
     grid-column-start: input;
   }
 
-  .__b-4cfph1 {
+  .__c-g2ozi1 {
     grid-column-end: input;
   }
 
-  .__c-4cfph1 {
+  .__d-g2ozi1 {
     grid-row-start: input;
   }
 
-  .__d-4cfph1 {
+  .__e-g2ozi1 {
     grid-row-end: input;
   }
 
-  ._Zd {
+  ._0d {
     display: flex;
   }
 
-  ._6b {
+  ._7b {
     flex-direction: column;
   }
 
-  ._6a {
+  ._7a {
     flex-direction: row;
   }
 
-  ._fa {
+  ._ga {
     line-height: 1.3;
   }
 
@@ -138,13 +138,13 @@
     column-gap: 1rem;
   }
 
-  ._7a {
+  ._8a {
     flex-wrap: wrap;
   }
 }
 
 @layer _.b {
-  ._f-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
+  ._g-1x99dlob:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
     line-height: 1.5;
   }
 }
@@ -153,23 +153,23 @@
 
 @layer _.b.b {
   @media not ((hover: hover) and (pointer: fine)) {
-    ._dbf {
+    ._ebf {
       font-size: 1.0625rem;
     }
 
-    ._dbb {
+    ._ebb {
       font-size: .8125rem;
     }
 
-    ._dbd {
+    ._ebd {
       font-size: .9375rem;
     }
 
-    ._dbh {
+    ._ebh {
       font-size: 1.1875rem;
     }
 
-    ._dbj {
+    ._ebj {
       font-size: 1.375rem;
     }
   }

package/dist/CheckboxGroup.css.map

@@ -1 +1 @@
-{"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;;;;;;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' 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"}
+{"mappings":"ACkFoC;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;;;;;;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' 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\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function 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, isRequired: undefined}}>\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"],"names":[],"version":3,"file":"CheckboxGroup.css.map"}

package/dist/CheckboxGroup.mjs

@@ -5,7 +5,7 @@ import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps a
 import {useSpectrumContextProps as $5ce63c423902f47d$export$764f6146fadd77f7} from "../icons/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 {createContext as $2n9bC$createContext, useContext as $2n9bC$useContext, forwardRef as $2n9bC$forwardRef} from "react";
+import {createContext as $2n9bC$createContext, forwardRef as $2n9bC$forwardRef, useContext as $2n9bC$useContext} from "react";
 import {useDOMRef as $2n9bC$useDOMRef} from "@react-spectrum/utils";
 
 /*
@@ -27,7 +27,7 @@ import {useDOMRef as $2n9bC$useDOMRef} from "@react-spectrum/utils";
 
 
 const $4f43ac2b11e2df05$export$baf37c4be89255b8 = /*#__PURE__*/ (0, $2n9bC$createContext)(null);
-function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
+const $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwardRef)(function 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);
@@ -39,51 +39,51 @@ 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|_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';
@@ -91,7 +91,7 @@ function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
             else rules += ' -aqrvqh_k-f';
             rules += ' -_1inj1bc_i--vfy389';
             rules += ' je';
-            rules += ' __R-yksgrp';
+            rules += ' __S-yksgrp';
             return rules;
         }({
             size: props.size,
@@ -113,18 +113,18 @@ function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
                     /*#__PURE__*/ (0, $2n9bC$jsx)("div", {
                         className: function anonymous(props) {
                             let rules = " .";
-                            rules += ' __a-4cfph1';
-                            rules += ' __b-4cfph1';
-                            rules += ' __c-4cfph1';
-                            rules += ' __d-4cfph1';
-                            rules += ' _Zd';
-                            if (props.orientation === "horizontal") rules += ' _6a';
-                            else if (props.orientation === "vertical") rules += ' _6b';
-                            rules += ' _f-1x99dlob';
-                            rules += ' _fa';
+                            rules += ' __b-g2ozi1';
+                            rules += ' __c-g2ozi1';
+                            rules += ' __d-g2ozi1';
+                            rules += ' __e-g2ozi1';
+                            rules += ' _0d';
+                            if (props.orientation === "horizontal") rules += ' _7a';
+                            else if (props.orientation === "vertical") rules += ' _7b';
+                            rules += ' _g-1x99dlob';
+                            rules += ' _ga';
                             rules += ' i-1inj1bc';
                             rules += ' jf';
-                            rules += ' _7a';
+                            rules += ' _8a';
                             return rules;
                         }({
                             orientation: orientation
@@ -132,7 +132,8 @@ function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
                         children: /*#__PURE__*/ (0, $2n9bC$jsx)((0, $9b916426527cebe7$export$c24727297075ec6a).Provider, {
                             value: {
                                 ...formContext,
-                                size: size
+                                size: size,
+                                isRequired: undefined
                             },
                             children: /*#__PURE__*/ (0, $2n9bC$jsx)((0, $9b405e0f8095dce0$export$b085522c77523c51).Provider, {
                                 value: {
@@ -153,10 +154,7 @@ function $4f43ac2b11e2df05$var$CheckboxGroup(props, ref) {
                 ]
             })
     });
-}
-/**
- * A CheckboxGroup allows users to select one or more items from a list of choices.
- */ let $4f43ac2b11e2df05$export$4aa08d5625cb8ead = /*#__PURE__*/ (0, $2n9bC$forwardRef)($4f43ac2b11e2df05$var$CheckboxGroup);
+});
 
 
 export {$4f43ac2b11e2df05$export$baf37c4be89255b8 as CheckboxGroupContext, $4f43ac2b11e2df05$export$4aa08d5625cb8ead as CheckboxGroup};

package/dist/CheckboxGroup.mjs.map

@@ -1 +1 @@
-{"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' 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"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAyCM,MAAM,0DAAuB,CAAA,GAAA,oBAAY,EAAiE;AAK1G,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA2B;IACnH,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;gCAAM,YAAY;4BAAS;sCACvE,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","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' 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\n/**\n * A CheckboxGroup allows users to select one or more items from a list of choices.\n */\nexport const CheckboxGroup = forwardRef(function 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, isRequired: undefined}}>\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"],"names":[],"version":3,"file":"CheckboxGroup.mjs.map"}

package/dist/ClearButton.cjs

@@ -26,25 +26,25 @@ $parcel$export(module.exports, "ClearButton", () => $4fb579ecc195bd2b$export$13e
 
 
 
-function $4fb579ecc195bd2b$var$ClearButton(props, ref) {
+const $4fb579ecc195bd2b$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $ae1Ho$react.forwardRef)(function ClearButton(props, ref) {
     let domRef = (0, $ae1Ho$reactspectrumutils.useFocusableRef)(ref);
     return /*#__PURE__*/ (0, $ae1Ho$reactjsxruntime.jsx)((0, $ae1Ho$reactariacomponents.Button), {
         ...props,
         ref: domRef,
         className: (renderProps)=>(function anonymous(props) {
                 let rules = " .";
-                rules += ' _Zd';
-                rules += ' _1c';
-                rules += ' _2d';
+                rules += ' _0d';
+                rules += ' _2c';
+                rules += ' _3d';
                 rules += ' kb';
                 if (props.size === "XL") rules += ' lj';
                 else if (props.size === "L") rules += ' li';
                 else if (props.size === "S") rules += ' lh';
                 else if (props.size === "XS") rules += ' lg';
                 else rules += ' lf';
-                rules += ' _8-3t1x';
+                rules += ' _9-3t1x';
                 rules += ' wf';
-                rules += ' _La';
+                rules += ' _Ma';
                 rules += ' ba';
                 rules += ' Ea';
                 rules += ' Fa';
@@ -61,8 +61,7 @@ function $4fb579ecc195bd2b$var$ClearButton(props, ref) {
             size: props.size || 'M'
         })
     });
-}
-let $4fb579ecc195bd2b$export$13ec83e50bf04290 = /*#__PURE__*/ (0, $ae1Ho$react.forwardRef)($4fb579ecc195bd2b$var$ClearButton);
+});
 
 
 //# sourceMappingURL=ClearButton.cjs.map

package/dist/ClearButton.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAyBD,SAAS,kCAAY,KAAuB,EAAE,GAAoC;IAChF,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAE7B,qBACE,gCAAC,CAAA,GAAA,iCAAK;QACH,GAAG,KAAK;QACT,KAAK;QACL,WAAW,CAAA,cAAe;;;;;;;;;;;;;;;;;;;;;;eAgBvB;gBAAC,GAAG,WAAW;gBAAE,MAAM,MAAM,IAAI,IAAI;YAAG;kBAC3C,cAAA,gCAAC,CAAA,GAAA,iCAAQ;YAAE,MAAM,MAAM,IAAI,IAAI;;;AAGrC;AAEA,IAAI,0DAAe,CAAA,GAAA,uBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/ClearButton.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  Button,\n  ButtonProps,\n  ButtonRenderProps\n} from 'react-aria-components';\nimport CrossIcon from '../ui-icons/Cross';\nimport {FocusableRef} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {style} from '../style' with {type: 'macro'};\nimport {useFocusableRef} from '@react-spectrum/utils';\n\ninterface ClearButtonStyleProps {\n  /**\n   * The size of the ClearButton.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\ninterface ClearButtonRenderProps extends ButtonRenderProps, ClearButtonStyleProps {}\ninterface ClearButtonProps extends ButtonProps, ClearButtonStyleProps {}\n\nfunction ClearButton(props: ClearButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  let domRef = useFocusableRef(ref);\n\n  return (\n    <Button\n      {...props}\n      ref={domRef}\n      className={renderProps => style<ClearButtonRenderProps>({\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: 'full',\n        width: 'control',\n        flexShrink: 0,\n        borderStyle: 'none',\n        outlineStyle: 'none',\n        backgroundColor: 'transparent',\n        padding: 0,\n        color: '[inherit]',\n        '--iconPrimary': {\n          type: 'fill',\n          value: 'currentColor'\n        }\n      })({...renderProps, size: props.size || 'M'})}>\n      <CrossIcon size={props.size || 'M'} />\n    </Button>\n  );\n}\n\nlet _ClearButton = forwardRef(ClearButton);\nexport {_ClearButton as ClearButton};\n"],"names":[],"version":3,"file":"ClearButton.cjs.map"}
+{"mappings":";;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAyBM,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAAuB,EAAE,GAAoC;IACtH,IAAI,SAAS,CAAA,GAAA,yCAAc,EAAE;IAE7B,qBACE,gCAAC,CAAA,GAAA,iCAAK;QACH,GAAG,KAAK;QACT,KAAK;QACL,WAAW,CAAA,cAAe;;;;;;;;;;;;;;;;;;;;;;eAgBvB;gBAAC,GAAG,WAAW;gBAAE,MAAM,MAAM,IAAI,IAAI;YAAG;kBAC3C,cAAA,gCAAC,CAAA,GAAA,iCAAQ;YAAE,MAAM,MAAM,IAAI,IAAI;;;AAGrC","sources":["packages/@react-spectrum/s2/src/ClearButton.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  Button,\n  ButtonProps,\n  ButtonRenderProps\n} from 'react-aria-components';\nimport CrossIcon from '../ui-icons/Cross';\nimport {FocusableRef} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {style} from '../style' with {type: 'macro'};\nimport {useFocusableRef} from '@react-spectrum/utils';\n\ninterface ClearButtonStyleProps {\n  /**\n   * The size of the ClearButton.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\ninterface ClearButtonRenderProps extends ButtonRenderProps, ClearButtonStyleProps {}\ninterface ClearButtonProps extends ButtonProps, ClearButtonStyleProps {}\n\nexport const ClearButton = forwardRef(function ClearButton(props: ClearButtonProps, ref: FocusableRef<HTMLButtonElement>) {\n  let domRef = useFocusableRef(ref);\n\n  return (\n    <Button\n      {...props}\n      ref={domRef}\n      className={renderProps => style<ClearButtonRenderProps>({\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: 'full',\n        width: 'control',\n        flexShrink: 0,\n        borderStyle: 'none',\n        outlineStyle: 'none',\n        backgroundColor: 'transparent',\n        padding: 0,\n        color: '[inherit]',\n        '--iconPrimary': {\n          type: 'fill',\n          value: 'currentColor'\n        }\n      })({...renderProps, size: props.size || 'M'})}>\n      <CrossIcon size={props.size || 'M'} />\n    </Button>\n  );\n});\n"],"names":[],"version":3,"file":"ClearButton.cjs.map"}