@react-spectrum/s2 0.2.1-nightly.4979

package/dist/ColorWheel.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AAqBD,SAAS,iCAAW,KAAsB,EAAE,GAA2B;IACrE,IAAI,oBAAC,mBAAmB,kBAAI,YAAY,UAAE,SAAS,IAAG,GAAG;IACzD,IAAI,eAAe,CAAA,GAAA,gBAAQ,EAAE;IAC7B,kCAAkC;IAClC,IAAI,QAAC,OAAO,KAAI,GAAG;IACnB,IAAI,cAAc,KAAK,GAAG,CAAC,MAAM,OAAO;IACxC,IAAI,YAAY;IAChB,IAAI,cAAc,cAAc;IAChC,qBACE,gBAAC,CAAA,GAAA,iBAAa;QACX,GAAG,KAAK;QACT,aAAa;QACb,aAAa;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;kBAC7B,CAAC,cAAC,UAAU,SAAE,KAAK,EAAC,iBAAM;;kCACzB,gBAAC,CAAA,GAAA,sBAAc;wBACb,OAAO,CAAC,gBAAC,YAAY,cAAE,UAAU,EAAC,GAAM,CAAA;gCACtC,YAAY,aAAa,YAAY,aAAa,UAAU;4BAC9D,CAAA;wBACA;;;;;;;;;;;;;;;;kCAiBF,gBAAC;wBACC,WAAW;;;;;;;;;;;;;;;;;;0BAeR;wCAAC;wBAAU;;kCAChB,gBAAC,CAAA,GAAA,yCAAU;wBACT,cAAc;wBACd,aAAa;4BACX,IAAI,KAAC,CAAC,KAAE,CAAC,EAAC,GAAG,MAAM,gBAAgB,CAAC,cAAc,YAAY;4BAC9D,OAAO;gCACL,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;gCACtC,GAAG,AAAC,CAAA,cAAc,CAAA,IAAM,CAAA,cAAc,CAAA;4BACxC;wBACF;;;;;AAIV;AAEA;;CAEC,GACD,IAAI,0DAAc,CAAA,GAAA,iBAAS,EAAE","sources":["packages/@react-spectrum/s2/src/ColorWheel.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  ColorWheel as AriaColorWheel,\n  ColorWheelProps as AriaColorWheelProps,\n  ColorWheelTrack\n} from 'react-aria-components';\nimport {ColorHandle} from './ColorHandle';\nimport {DOMRef} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from '@react-spectrum/utils';\n\nexport interface ColorWheelProps extends Omit<AriaColorWheelProps, 'children' | 'className' | 'style' | 'outerRadius' | 'innerRadius'>, StyleProps {\n  /**\n   * @default 192\n   */\n  size?: number\n}\n\nfunction ColorWheel(props: ColorWheelProps, ref: DOMRef<HTMLDivElement>) {\n  let {UNSAFE_className = '', UNSAFE_style, styles = ''} = props;\n  let containerRef = useDOMRef(ref);\n  // TODO: how to do mobile scaling?\n  let {size = 192} = props;\n  let outerRadius = Math.max(size, 175) / 2;\n  let thickness = 24;\n  let innerRadius = outerRadius - 24;\n  return (\n    <AriaColorWheel \n      {...props}\n      outerRadius={outerRadius}\n      innerRadius={innerRadius}\n      ref={containerRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + styles}>\n      {({isDisabled, state}) => (<>\n        <ColorWheelTrack\n          style={({defaultStyle, isDisabled}) => ({\n            background: isDisabled ? undefined : defaultStyle.background\n          })}\n          className={style({\n            // Outer border\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineOffset: -1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            },\n            backgroundColor: {\n              isDisabled: 'disabled'\n            }\n          })} />\n        <div\n          className={style({\n            // Inner border\n            position: 'absolute',\n            inset: 24,\n            pointerEvents: 'none',\n            borderRadius: 'full',\n            outlineColor: {\n              default: 'gray-1000/10',\n              forcedColors: 'ButtonBorder'\n            },\n            outlineWidth: 1,\n            outlineStyle: {\n              default: 'solid',\n              isDisabled: 'none'\n            }\n          })({isDisabled})} />\n        <ColorHandle\n          containerRef={containerRef}\n          getPosition={() => {\n            let {x, y} = state.getThumbPosition(outerRadius - thickness / 2);\n            return {\n              x: (outerRadius + x) / (outerRadius * 2),\n              y: (outerRadius + y) / (outerRadius * 2)\n            };\n          }} />\n      </>)}\n    </AriaColorWheel>\n  );\n}\n\n/**\n * A ColorWheel allows users to adjust the hue of an HSL or HSB color value on a circular track.\n */\nlet _ColorWheel = forwardRef(ColorWheel);\nexport {_ColorWheel as ColorWheel};\n"],"names":[],"version":3,"file":"ColorWheel.mjs.map"}

package/dist/ComboBox.cjs

@@ -0,0 +1,489 @@
+require("./ComboBox.css");
+var $e991cbcdf82ced71$exports = require("./CenterBaseline.cjs");
+var $e741ea6b88ce4866$exports = require("./Menu.cjs");
+var $dba2b18fc5727f9b$exports = require("./Checkmark.cjs");
+var $1df9f1c9262ce5df$exports = require("./Chevron.cjs");
+var $a0b996a550bb0891$exports = require("./Field.cjs");
+var $bfa4962d90c8af48$exports = require("./Form.cjs");
+var $6367bc87eb7d24ad$exports = require("./Content.cjs");
+var $bde97c91243ed164$exports = require("../icons/Icon.cjs");
+var $b9c30139cd63c62a$exports = require("./Picker.cjs");
+var $493371ef39bf7a55$exports = require("./Popover.cjs");
+var $2061c83559b50a66$exports = require("./pressScale.cjs");
+var $1KUtr$reactjsxruntime = require("react/jsx-runtime");
+var $1KUtr$reactariacomponents = require("react-aria-components");
+var $1KUtr$react = require("react");
+var $1KUtr$reactspectrumutils = require("@react-spectrum/utils");
+var $1KUtr$reactariautils = require("@react-aria/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "ComboBox", () => $a2d5b35c01bebcd6$export$72b9695b8216309a);
+$parcel$export(module.exports, "ComboBoxItem", () => $a2d5b35c01bebcd6$export$b674b8ff01584ab1);
+$parcel$export(module.exports, "ComboBoxSection", () => $a2d5b35c01bebcd6$export$5510125537491b61);
+/*
+ * Copyright 2024 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const $a2d5b35c01bebcd6$var$inputButton = function anonymous(props) {
+    let rules = " .";
+    rules += ' _Zd';
+    rules += ' _La';
+    rules += ' _jb';
+    rules += ' wf';
+    rules += ' _vi';
+    rules += ' _wi';
+    rules += ' _xi';
+    rules += ' _yi';
+    rules += ' _1c';
+    rules += ' _2d';
+    if (props.size === "XL") {
+        rules += ' lbp';
+        rules += ' lo';
+    } else if (props.size === "L") {
+        rules += ' lbl';
+        rules += ' lk';
+    } else if (props.size === "M") {
+        rules += ' lbj';
+        rules += ' li';
+    } else if (props.size === "S") {
+        rules += ' lbi';
+        rules += ' lh';
+    }
+    if (props.size === "XL") {
+        rules += ' kbp';
+        rules += ' ko';
+    } else if (props.size === "L") {
+        rules += ' kbl';
+        rules += ' kk';
+    } else if (props.size === "M") {
+        rules += ' kbj';
+        rules += ' ki';
+    } else if (props.size === "S") {
+        rules += ' kbi';
+        rules += ' kh';
+    }
+    rules += ' yE';
+    rules += ' _bb';
+    rules += ' _8-3t1x';
+    rules += ' _Oag';
+    rules += ' _Oa';
+    rules += ' _Qa-375x7f';
+    rules += ' _Q-375x7f';
+    rules += ' _Raa';
+    rules += ' _Ra';
+    if (props.isDisabled) rules += ' ba_____B';
+    else if (props.isOpen) rules += ' ba_____z';
+    else if (props.isHovered) rules += ' ba_____z';
+    else rules += ' ba_____x';
+    if (props.isDisabled) rules += ' bg';
+    else if (props.isOpen) rules += ' bh';
+    else {
+        if (props.isPressed) rules += ' bh';
+        else if (props.isFocusVisible) rules += ' bh';
+        else if (props.isHovered) rules += ' bh';
+        else rules += ' bg';
+    }
+    rules += ' aa_____w';
+    if (props.isDisabled) rules += ' aj';
+    else {
+        if (props.isPressed) rules += ' ao';
+        else if (props.isFocusVisible) rules += ' ao';
+        else if (props.isHovered) rules += ' ao';
+        else rules += ' an';
+    }
+    return rules;
+};
+const $a2d5b35c01bebcd6$var$iconStyles = " . _8-3t1x R-3hn0u -rwx0fg_e-b";
+let $a2d5b35c01bebcd6$var$InternalComboboxContext = /*#__PURE__*/ (0, $1KUtr$react.createContext)({
+    size: 'M'
+});
+function $a2d5b35c01bebcd6$var$ComboBox(props1, ref) {
+    let domRef = (0, $1KUtr$reactspectrumutils.useFocusableRef)(ref);
+    let inputRef = (0, $1KUtr$react.useRef)(null);
+    let buttonRef = (0, $1KUtr$react.useRef)(null);
+    let formContext = (0, $1KUtr$react.useContext)((0, $bfa4962d90c8af48$exports.FormContext));
+    props1 = (0, $bfa4962d90c8af48$exports.useFormProps)(props1);
+    let { direction: direction = 'bottom', align: align = 'start', shouldFlip: shouldFlip = true, menuWidth: menuWidth, label: label, description: descriptionMessage, errorMessage: errorMessage, children: children, items: items, size: size = 'M', labelPosition: labelPosition = 'top', labelAlign: labelAlign = 'start', necessityIndicator: necessityIndicator, UNSAFE_className: UNSAFE_className = '', UNSAFE_style: UNSAFE_style, ...pickerProps } = props1;
+    // Expose imperative interface for ref
+    (0, $1KUtr$react.useImperativeHandle)(ref, ()=>({
+            ...(0, $1KUtr$reactspectrumutils.createFocusableRef)(domRef, inputRef),
+            select () {
+                if (inputRef.current) inputRef.current.select();
+            },
+            getInputElement () {
+                return inputRef.current;
+            }
+        }));
+    // Better way to encode this into a style? need to account for flipping
+    let menuOffset;
+    if (size === 'S') menuOffset = 6;
+    else if (size === 'M') menuOffset = 6;
+    else if (size === 'L') menuOffset = 7;
+    else menuOffset = 8;
+    let triggerRef = (0, $1KUtr$react.useRef)(null);
+    // Make menu width match input + button
+    let [triggerWidth, setTriggerWidth] = (0, $1KUtr$react.useState)(null);
+    let onResize = (0, $1KUtr$react.useCallback)(()=>{
+        if (triggerRef.current) {
+            let inputRect = triggerRef.current.getBoundingClientRect();
+            let minX = inputRect.left;
+            let maxX = inputRect.right;
+            setTriggerWidth(maxX - minX + 'px');
+        }
+    }, [
+        triggerRef,
+        setTriggerWidth
+    ]);
+    (0, $1KUtr$reactariautils.useResizeObserver)({
+        ref: triggerRef,
+        onResize: onResize
+    });
+    return /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.ComboBox), {
+        ...pickerProps,
+        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) || [];
+            rules += matches.join('');
+            let $__a = false;
+            let $__b = false;
+            for (let p of matches){
+                if (/^\s*__a/.test(p)) $__a = true;
+                if (/^\s*__b/.test(p)) $__b = true;
+            }
+            rules += ' _Zf';
+            if (!$__a) {
+                if (props.isInForm) rules += ' __a-3t1y';
+            }
+            if (!$__b) {
+                if (props.isInForm) {
+                    if (props.labelPosition === "side") rules += ' __b-7u9dhl';
+                }
+            }
+            if (props.isInForm) rules += ' __h-1cwd7ud';
+            else {
+                if (props.labelPosition === "side") rules += ' __h-jyg4vb';
+                else if (props.labelPosition === "top") rules += ' __h-375yi6';
+            }
+            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.size === "XL") {
+                rules += ' _dbj';
+                rules += ' _di';
+            } else if (props.size === "L") {
+                rules += ' _dbh';
+                rules += ' _dg';
+            } else if (props.size === "S") {
+                rules += ' _dbd';
+                rules += ' _dc';
+            } else if (props.size === "XS") {
+                rules += ' _dbb';
+                rules += ' _da';
+            } else {
+                rules += ' _dbf';
+                rules += ' _de';
+            }
+            rules += ' _1d';
+            rules += ' _f-1x99dlob';
+            rules += ' _fa';
+            if (props.size === "XL") {
+                rules += ' -aqrvqh_k-bw';
+                rules += ' -aqrvqh_k-v';
+            } else if (props.size === "L") {
+                rules += ' -aqrvqh_k-bs';
+                rules += ' -aqrvqh_k-p';
+            } else if (props.size === "S") {
+                rules += ' -aqrvqh_k-bl';
+                rules += ' -aqrvqh_k-k';
+            } else if (props.size === "XS") {
+                rules += ' -aqrvqh_k-bj';
+                rules += ' -aqrvqh_k-i';
+            } else {
+                rules += ' -aqrvqh_k-bp';
+                rules += ' -aqrvqh_k-o';
+            }
+            rules += ' -_1inj1bc_i--prjw07';
+            rules += ' jd';
+            rules += ' __R-yksgrp';
+            return rules;
+        }({
+            isInForm: !!formContext,
+            labelPosition: labelPosition,
+            size: size
+        }, props1.styles),
+        children: ({ isDisabled: isDisabled, isOpen: isOpen, isRequired: isRequired, isInvalid: isInvalid })=>/*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactjsxruntime.Fragment), {
+                children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsxs)($a2d5b35c01bebcd6$var$InternalComboboxContext.Provider, {
+                    value: {
+                        size: size
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.FieldLabel), {
+                            isDisabled: isDisabled,
+                            isRequired: isRequired,
+                            size: size,
+                            labelPosition: labelPosition,
+                            labelAlign: labelAlign,
+                            necessityIndicator: necessityIndicator,
+                            contextualHelp: props1.contextualHelp,
+                            children: label
+                        }),
+                        /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsxs)((0, $a0b996a550bb0891$exports.FieldGroup), {
+                            ref: triggerRef,
+                            role: "presentation",
+                            isDisabled: isDisabled,
+                            isInvalid: isInvalid,
+                            size: size,
+                            styles: function anonymous(props) {
+                                let rules = " .";
+                                rules += ' __a-4cfph1';
+                                rules += ' __b-4cfph1';
+                                rules += ' __c-4cfph1';
+                                rules += ' __d-4cfph1';
+                                if (props.size === "XL") {
+                                    rules += ' qbw';
+                                    rules += ' qv';
+                                } else if (props.size === "L") {
+                                    rules += ' qbs';
+                                    rules += ' qp';
+                                } else if (props.size === "S") {
+                                    rules += ' qbl';
+                                    rules += ' qk';
+                                } else if (props.size === "XS") {
+                                    rules += ' qbj';
+                                    rules += ' qi';
+                                } else {
+                                    rules += ' qbp';
+                                    rules += ' qo';
+                                }
+                                rules += ' __m-1s8glxue';
+                                if (props.size === "XL") {
+                                    rules += ' -usygro_l-bT';
+                                    rules += ' -usygro_l-O';
+                                } else if (props.size === "L") {
+                                    rules += ' -usygro_l-bS';
+                                    rules += ' -usygro_l-R';
+                                } else if (props.size === "S") {
+                                    rules += ' -usygro_l-bO';
+                                    rules += ' -usygro_l-N';
+                                } else {
+                                    rules += ' -usygro_l-bQ';
+                                    rules += ' -usygro_l-P';
+                                }
+                                rules += ' m-rwozxi';
+                                rules += ' C-375tnm';
+                                rules += ' D-375tnn';
+                                rules += ' -_375tnm_C-H';
+                                rules += ' -_375tnn_D--45az6c';
+                                return rules;
+                            }({
+                                size: size
+                            }),
+                            children: [
+                                /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.InputContext).Consumer, {
+                                    children: (ctx)=>/*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.InputContext).Provider, {
+                                            value: {
+                                                ...ctx,
+                                                ref: (0, $1KUtr$reactariautils.mergeRefs)(ctx?.ref, inputRef)
+                                            },
+                                            children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.Input), {})
+                                        })
+                                }),
+                                isInvalid && /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.FieldErrorIcon), {
+                                    isDisabled: isDisabled
+                                }),
+                                /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.Button), {
+                                    ref: buttonRef,
+                                    style: (renderProps)=>(0, $2061c83559b50a66$exports.pressScale)(buttonRef)(renderProps),
+                                    className: (renderProps)=>$a2d5b35c01bebcd6$var$inputButton({
+                                            ...renderProps,
+                                            size: size,
+                                            isOpen: isOpen
+                                        }),
+                                    children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1df9f1c9262ce5df$exports.default), {
+                                        size: size,
+                                        className: $a2d5b35c01bebcd6$var$iconStyles
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $a0b996a550bb0891$exports.HelpText), {
+                            size: size,
+                            isDisabled: isDisabled,
+                            isInvalid: isInvalid,
+                            description: descriptionMessage,
+                            children: errorMessage
+                        }),
+                        /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $493371ef39bf7a55$exports.Popover), {
+                            hideArrow: true,
+                            triggerRef: triggerRef,
+                            offset: menuOffset,
+                            placement: `${direction} ${align}`,
+                            shouldFlip: shouldFlip,
+                            UNSAFE_style: {
+                                width: menuWidth ? `${menuWidth}px` : undefined,
+                                // manually subtract border as we can't set Popover to border-box, it causes the contents to spill out
+                                '--trigger-width': `calc(${triggerWidth} - 2px)`
+                            },
+                            styles: " . q-1utmx2y l-1utmx2y",
+                            children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.Provider), {
+                                values: [
+                                    [
+                                        (0, $6367bc87eb7d24ad$exports.HeaderContext),
+                                        {
+                                            className: (0, $e741ea6b88ce4866$exports.sectionHeader)({
+                                                size: size
+                                            })
+                                        }
+                                    ],
+                                    [
+                                        (0, $6367bc87eb7d24ad$exports.HeadingContext),
+                                        {
+                                            className: (0, $e741ea6b88ce4866$exports.sectionHeading)
+                                        }
+                                    ],
+                                    [
+                                        (0, $6367bc87eb7d24ad$exports.TextContext),
+                                        {
+                                            slots: {
+                                                'description': {
+                                                    className: (0, $e741ea6b88ce4866$exports.description)({
+                                                        size: size
+                                                    })
+                                                }
+                                            }
+                                        }
+                                    ]
+                                ],
+                                children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.ListBox), {
+                                    items: items,
+                                    className: (0, $b9c30139cd63c62a$exports.menu)({
+                                        size: size
+                                    }),
+                                    children: children
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+    });
+}
+/**
+ * ComboBox allow users to choose a single option from a collapsible list of options when space is limited.
+ */ let $a2d5b35c01bebcd6$export$72b9695b8216309a = /*#__PURE__*/ (0, $1KUtr$react.forwardRef)($a2d5b35c01bebcd6$var$ComboBox);
+function $a2d5b35c01bebcd6$export$b674b8ff01584ab1(props) {
+    let ref = (0, $1KUtr$react.useRef)(null);
+    let isLink = props.href != null;
+    let { size: size } = (0, $1KUtr$react.useContext)($a2d5b35c01bebcd6$var$InternalComboboxContext);
+    return /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.ListBoxItem), {
+        ...props,
+        ref: ref,
+        textValue: props.textValue || (typeof props.children === 'string' ? props.children : undefined),
+        style: (0, $2061c83559b50a66$exports.pressScale)(ref, props.UNSAFE_style),
+        className: (renderProps)=>(props.UNSAFE_className || '') + (0, $e741ea6b88ce4866$exports.menuitem)({
+                ...renderProps,
+                size: size,
+                isLink: isLink
+            }, props.styles),
+        children: (renderProps)=>{
+            let { children: children } = props;
+            return /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactjsxruntime.Fragment), {
+                children: /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsxs)((0, $1KUtr$reactariacomponents.Provider), {
+                    values: [
+                        [
+                            (0, $bde97c91243ed164$exports.IconContext),
+                            {
+                                slots: {
+                                    icon: {
+                                        render: (0, $e991cbcdf82ced71$exports.centerBaseline)({
+                                            slot: 'icon',
+                                            className: (0, $e741ea6b88ce4866$exports.iconCenterWrapper)
+                                        }),
+                                        styles: (0, $e741ea6b88ce4866$exports.icon)
+                                    }
+                                }
+                            }
+                        ],
+                        [
+                            (0, $6367bc87eb7d24ad$exports.TextContext),
+                            {
+                                slots: {
+                                    label: {
+                                        className: (0, $e741ea6b88ce4866$exports.label)
+                                    },
+                                    description: {
+                                        className: (0, $e741ea6b88ce4866$exports.description)({
+                                            ...renderProps,
+                                            size: size
+                                        })
+                                    }
+                                }
+                            }
+                        ]
+                    ],
+                    children: [
+                        !isLink && /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $dba2b18fc5727f9b$exports.default), {
+                            size: {
+                                S: 'S',
+                                M: 'L',
+                                L: 'XL',
+                                XL: 'XXL'
+                            }[size],
+                            className: (0, $e741ea6b88ce4866$exports.checkmark)({
+                                ...renderProps,
+                                size: size
+                            })
+                        }),
+                        typeof children === 'string' ? /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $6367bc87eb7d24ad$exports.Text), {
+                            slot: "label",
+                            children: children
+                        }) : children
+                    ]
+                })
+            });
+        }
+    });
+}
+function $a2d5b35c01bebcd6$export$5510125537491b61(props) {
+    return /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsxs)((0, $1KUtr$reactjsxruntime.Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $1KUtr$reactariacomponents.Section), {
+                ...props,
+                className: (0, $e741ea6b88ce4866$exports.section),
+                children: props.children
+            }),
+            /*#__PURE__*/ (0, $1KUtr$reactjsxruntime.jsx)((0, $e741ea6b88ce4866$exports.Divider), {})
+        ]
+    });
+}
+
+
+//# sourceMappingURL=ComboBox.cjs.map

package/dist/ComboBox.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/ComboBox.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  ComboBox as AriaComboBox,\n  ComboBoxProps as AriaComboBoxProps,\n  PopoverProps as AriaPopoverProps,\n  Section as AriaSection,\n  Button,\n  InputContext,\n  ListBox,\n  ListBoxItem,\n  ListBoxItemProps,\n  ListBoxProps,\n  Provider,\n  SectionProps\n} from 'react-aria-components';\nimport {baseColor, style} from '../style/spectrum-theme' with {type: 'macro'};\nimport {centerBaseline} from './CenterBaseline';\nimport {\n  checkmark,\n  description,\n  Divider,\n  icon,\n  iconCenterWrapper,\n  label,\n  menuitem,\n  section,\n  sectionHeader,\n  sectionHeading\n} from './Menu';\nimport CheckmarkIcon from '../ui-icons/Checkmark';\nimport ChevronIcon from '../ui-icons/Chevron';\nimport {createContext, CSSProperties, forwardRef, ReactNode, useCallback, useContext, useImperativeHandle, useRef, useState} from 'react';\nimport {createFocusableRef, useFocusableRef} from '@react-spectrum/utils';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldErrorIcon, FieldGroup, FieldLabel, HelpText, Input} from './Field';\nimport {FocusableRef, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {FormContext, useFormProps} from './Form';\nimport {forwardRefType} from './types';\nimport {HeaderContext, HeadingContext, Text, TextContext} from './Content';\nimport {IconContext} from './Icon';\nimport {menu} from './Picker';\nimport {mergeRefs, useResizeObserver} from '@react-aria/utils';\nimport {Placement} from 'react-aria';\nimport {Popover} from './Popover';\nimport {pressScale} from './pressScale';\n\n\nexport interface ComboboxStyleProps {\n  /**\n   * The size of the Combobox.\n   *\n   * @default \"M\"\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\nexport interface ComboBoxProps<T extends object> extends\n  Omit<AriaComboBoxProps<T>, 'children' | 'style' | 'className' | 'defaultFilter' | 'allowsEmptyCollection'>,\n  ComboboxStyleProps,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps,\n  Pick<ListBoxProps<T>, 'items'>,\n  Pick<AriaPopoverProps, 'shouldFlip'> {\n    /** The contents of the collection. */\n    children: ReactNode | ((item: T) => ReactNode),\n    /**\n     * Direction the menu will render relative to the Picker.\n     *\n     * @default \"bottom\"\n     */\n    direction?: 'bottom' | 'top',\n    /**\n     * Alignment of the menu relative to the input target.\n     *\n     * @default \"start\"\n     */\n    align?: 'start' | 'end',\n    /** Width of the menu. By default, matches width of the trigger. Note that the minimum width of the dropdown is always equal to the trigger's width. */\n    menuWidth?: number\n}\n\nconst inputButton = style({\n  display: 'flex',\n  outlineStyle: 'none',\n  textAlign: 'center',\n  borderStyle: 'none',\n  borderRadius: 'control-sm',\n  alignItems: 'center',\n  justifyContent: 'center',\n  size: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32\n    }\n  },\n  marginStart: 'text-to-control',\n  aspectRatio: 'square',\n  flexShrink: 0,\n  transition: {\n    default: 'default',\n    forcedColors: 'none'\n  },\n  backgroundColor: {\n    default: baseColor('gray-100'),\n    isOpen: 'gray-200',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isHovered: 'Highlight',\n      isOpen: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  color: {\n    default: 'neutral',\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonFace'\n    }\n  }\n});\n\nconst iconStyles = style({\n  flexShrink: 0,\n  rotate: 90,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\n\nlet InternalComboboxContext = createContext<{size: 'S' | 'M' | 'L' | 'XL'}>({size: 'M'});\n\nfunction ComboBox<T extends object>(props: ComboBoxProps<T>, ref: FocusableRef<HTMLDivElement>) {\n  let domRef = useFocusableRef(ref);\n  let inputRef = useRef<HTMLInputElement>(null);\n  let buttonRef = useRef<HTMLButtonElement>(null);\n  let formContext = useContext(FormContext);\n  props = useFormProps(props);\n  let {\n    direction = 'bottom',\n    align = 'start',\n    shouldFlip = true,\n    menuWidth,\n    label,\n    description: descriptionMessage,\n    errorMessage,\n    children,\n    items,\n    size = 'M',\n    labelPosition = 'top',\n    labelAlign = 'start',\n    necessityIndicator,\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...pickerProps\n  } = props;\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  // Better way to encode this into a style? need to account for flipping\n  let menuOffset: number;\n  if (size === 'S') {\n    menuOffset = 6;\n  } else if (size === 'M') {\n    menuOffset = 6;\n  } else if (size === 'L') {\n    menuOffset = 7;\n  } else {\n    menuOffset = 8;\n  }\n\n  let triggerRef = useRef<HTMLDivElement>(null);\n   // Make menu width match input + button\n  let [triggerWidth, setTriggerWidth] = useState<string | null>(null);\n  let onResize = useCallback(() => {\n    if (triggerRef.current) {\n      let inputRect = triggerRef.current.getBoundingClientRect();\n      let minX = inputRect.left;\n      let maxX = inputRect.right;\n      setTriggerWidth((maxX - minX) + 'px');\n    }\n  }, [triggerRef, setTriggerWidth]);\n\n  useResizeObserver({\n    ref: triggerRef,\n    onResize: onResize\n  });\n\n  return (\n    <AriaComboBox\n      {...pickerProps}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, props.styles)}>\n      {({isDisabled, isOpen, isRequired, isInvalid}) => (\n        <>\n          <InternalComboboxContext.Provider value={{size}}>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={props.contextualHelp}>\n              {label}\n            </FieldLabel>\n            <FieldGroup\n              ref={triggerRef}\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                paddingStart: 'edge-to-text',\n                // better way to do this one? it's not actually half, they are\n                // [9, 4], [12, 6], [15, 8], [18, 8]\n                // also noticed that our measurement is including the border, making the padding too much\n                paddingEnd: '[calc(self(height, self(minHeight)) * 3 / 16)]'\n              })({size})}>\n              <InputContext.Consumer>\n                {ctx => (\n                  <InputContext.Provider value={{...ctx, ref: mergeRefs((ctx as any)?.ref, inputRef)}}>\n                    <Input />\n                  </InputContext.Provider>\n                )}\n              </InputContext.Consumer>\n              {isInvalid && <FieldErrorIcon isDisabled={isDisabled} />}\n              <Button\n                ref={buttonRef}\n                style={renderProps => pressScale(buttonRef)(renderProps)}\n                className={renderProps => inputButton({\n                  ...renderProps,\n                  size,\n                  isOpen\n                })}>\n                <ChevronIcon\n                  size={size}\n                  className={iconStyles} />\n              </Button>\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n            <Popover\n              hideArrow\n              triggerRef={triggerRef}\n              offset={menuOffset}\n              placement={`${direction} ${align}` as Placement}\n              shouldFlip={shouldFlip}\n              UNSAFE_style={{\n                width: menuWidth ? `${menuWidth}px` : undefined,\n                // manually subtract border as we can't set Popover to border-box, it causes the contents to spill out\n                '--trigger-width': `calc(${triggerWidth} - 2px)`\n              } as CSSProperties}\n              styles={style({\n                minWidth: '[var(--trigger-width)]',\n                width: '[var(--trigger-width)]'\n              })}>\n              <Provider\n                values={[\n                  [HeaderContext, {className: sectionHeader({size})}],\n                  [HeadingContext, {className: sectionHeading}],\n                  [TextContext, {\n                    slots: {\n                      'description': {className: description({size})}\n                    }\n                  }]\n                ]}>\n                <ListBox\n                  items={items}\n                  className={menu({size})}>\n                  {children}\n                </ListBox>\n              </Provider>\n            </Popover>\n          </InternalComboboxContext.Provider>\n        </>\n      )}\n    </AriaComboBox>\n  );\n}\n\n/**\n * ComboBox allow users to choose a single option from a collapsible list of options when space is limited.\n */\nlet _ComboBox = /*#__PURE__*/ (forwardRef as forwardRefType)(ComboBox);\nexport {_ComboBox as ComboBox};\n\n\nexport interface ComboBoxItemProps extends Omit<ListBoxItemProps, 'children' | 'style' | 'className'>, StyleProps {\n  children: ReactNode\n}\n\nexport function ComboBoxItem(props: ComboBoxItemProps) {\n  let ref = useRef(null);\n  let isLink = props.href != null;\n  let {size} = useContext(InternalComboboxContext);\n  return (\n    <ListBoxItem\n      {...props}\n      ref={ref}\n      textValue={props.textValue || (typeof props.children === 'string' ? props.children as string : undefined)}\n      style={pressScale(ref, props.UNSAFE_style)}\n      className={renderProps => (props.UNSAFE_className || '') + menuitem({...renderProps, size, isLink}, props.styles)}>\n      {(renderProps) => {\n        let {children} = props;\n        return (\n          <>\n            <Provider\n              values={[\n                [IconContext, {\n                  slots: {\n                    icon: {render: centerBaseline({slot: 'icon', className: iconCenterWrapper}), styles: icon}\n                  }\n                }],\n                [TextContext, {\n                  slots: {\n                    label: {className: label},\n                    description: {className: description({...renderProps, size})}\n                  }\n                }]\n              ]}>\n              {!isLink && <CheckmarkIcon size={({S: 'S', M: 'L', L: 'XL', XL: 'XXL'} as const)[size]} className={checkmark({...renderProps, size})} />}\n              {typeof children === 'string' ? <Text slot=\"label\">{children}</Text> : children}\n            </Provider>\n          </>\n        );\n      }}\n    </ListBoxItem>\n  );\n}\n\nexport interface ComboBoxSectionProps<T extends object> extends SectionProps<T> {}\nexport function ComboBoxSection<T extends object>(props: ComboBoxSectionProps<T>) {\n  return (\n    <>\n      <AriaSection\n        {...props}\n        className={section}>\n        {props.children}\n      </AriaSection>\n      <Divider />\n    </>\n  );\n}\n"],"names":[],"version":3,"file":"ComboBox.cjs.map"}