@react-spectrum/s2 0.2.1-nightly.4979

package/dist/ComboBox.mjs

@@ -0,0 +1,482 @@
+import "./ComboBox.css";
+import {centerBaseline as $1f4b04be3f24aae3$export$9d7e2342a7e53afa} from "./CenterBaseline.mjs";
+import {checkmark as $13afb0ea5f0ed767$export$292abbf31ed842a, description as $13afb0ea5f0ed767$export$6d59db4903f20f7d, Divider as $13afb0ea5f0ed767$export$2e0a83ec2e27ecbb, icon as $13afb0ea5f0ed767$export$1ca1ec8b29a4ce27, iconCenterWrapper as $13afb0ea5f0ed767$export$31d1842a0fd736e6, label as $13afb0ea5f0ed767$export$1237798dc640739a, menuitem as $13afb0ea5f0ed767$export$f68e44d881264486, section as $13afb0ea5f0ed767$export$fe2e36411d703b3d, sectionHeader as $13afb0ea5f0ed767$export$562e61a0817eb32e, sectionHeading as $13afb0ea5f0ed767$export$300ac6f106ef584d} from "./Menu.mjs";
+import $81cf3d4588736e7d$export$2e2bcd8739ae039 from "./Checkmark.mjs";
+import $4b69f02ec06b9226$export$2e2bcd8739ae039 from "./Chevron.mjs";
+import {FieldErrorIcon as $9afd80978c252040$export$bda0d075e0e342c9, FieldGroup as $9afd80978c252040$export$f0fe469072bc6950, FieldLabel as $9afd80978c252040$export$1acdcf5a973a8414, HelpText as $9afd80978c252040$export$a67c0bc59081311a, Input as $9afd80978c252040$export$f5b8910cec6cf069} from "./Field.mjs";
+import {FormContext as $9b916426527cebe7$export$c24727297075ec6a, useFormProps as $9b916426527cebe7$export$a6b5be5c6b451665} from "./Form.mjs";
+import {HeaderContext as $8e847109a6ab556d$export$e0e4026c12a8bdbb, HeadingContext as $8e847109a6ab556d$export$d688439359537581, Text as $8e847109a6ab556d$export$5f1af8db9871e1d6, TextContext as $8e847109a6ab556d$export$9afb8bc826b033ea} from "./Content.mjs";
+import {IconContext as $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed} from "../icons/Icon.mjs";
+import {menu as $b41c15d27fbaff7d$export$b1e5508a851be14d} from "./Picker.mjs";
+import {Popover as $88b746eba92c8d0d$export$5b6b19405a83ff9d} from "./Popover.mjs";
+import {pressScale as $10ea7662e51a285b$export$56e8cba416805d8d} from "./pressScale.mjs";
+import {jsx as $5rXoR$jsx, Fragment as $5rXoR$Fragment, jsxs as $5rXoR$jsxs} from "react/jsx-runtime";
+import {ComboBox as $5rXoR$ComboBox, InputContext as $5rXoR$InputContext, Button as $5rXoR$Button, Provider as $5rXoR$Provider, ListBox as $5rXoR$ListBox, ListBoxItem as $5rXoR$ListBoxItem, Section as $5rXoR$Section} from "react-aria-components";
+import {createContext as $5rXoR$createContext, useRef as $5rXoR$useRef, useContext as $5rXoR$useContext, useImperativeHandle as $5rXoR$useImperativeHandle, useState as $5rXoR$useState, useCallback as $5rXoR$useCallback, forwardRef as $5rXoR$forwardRef} from "react";
+import {useFocusableRef as $5rXoR$useFocusableRef, createFocusableRef as $5rXoR$createFocusableRef} from "@react-spectrum/utils";
+import {useResizeObserver as $5rXoR$useResizeObserver, mergeRefs as $5rXoR$mergeRefs} from "@react-aria/utils";
+
+/*
+ * 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 $a2f262fac286a920$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 $a2f262fac286a920$var$iconStyles = " . _8-3t1x R-3hn0u -rwx0fg_e-b";
+let $a2f262fac286a920$var$InternalComboboxContext = /*#__PURE__*/ (0, $5rXoR$createContext)({
+    size: 'M'
+});
+function $a2f262fac286a920$var$ComboBox(props1, ref) {
+    let domRef = (0, $5rXoR$useFocusableRef)(ref);
+    let inputRef = (0, $5rXoR$useRef)(null);
+    let buttonRef = (0, $5rXoR$useRef)(null);
+    let formContext = (0, $5rXoR$useContext)((0, $9b916426527cebe7$export$c24727297075ec6a));
+    props1 = (0, $9b916426527cebe7$export$a6b5be5c6b451665)(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, $5rXoR$useImperativeHandle)(ref, ()=>({
+            ...(0, $5rXoR$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, $5rXoR$useRef)(null);
+    // Make menu width match input + button
+    let [triggerWidth, setTriggerWidth] = (0, $5rXoR$useState)(null);
+    let onResize = (0, $5rXoR$useCallback)(()=>{
+        if (triggerRef.current) {
+            let inputRect = triggerRef.current.getBoundingClientRect();
+            let minX = inputRect.left;
+            let maxX = inputRect.right;
+            setTriggerWidth(maxX - minX + 'px');
+        }
+    }, [
+        triggerRef,
+        setTriggerWidth
+    ]);
+    (0, $5rXoR$useResizeObserver)({
+        ref: triggerRef,
+        onResize: onResize
+    });
+    return /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$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, $5rXoR$jsx)((0, $5rXoR$Fragment), {
+                children: /*#__PURE__*/ (0, $5rXoR$jsxs)($a2f262fac286a920$var$InternalComboboxContext.Provider, {
+                    value: {
+                        size: size
+                    },
+                    children: [
+                        /*#__PURE__*/ (0, $5rXoR$jsx)((0, $9afd80978c252040$export$1acdcf5a973a8414), {
+                            isDisabled: isDisabled,
+                            isRequired: isRequired,
+                            size: size,
+                            labelPosition: labelPosition,
+                            labelAlign: labelAlign,
+                            necessityIndicator: necessityIndicator,
+                            contextualHelp: props1.contextualHelp,
+                            children: label
+                        }),
+                        /*#__PURE__*/ (0, $5rXoR$jsxs)((0, $9afd80978c252040$export$f0fe469072bc6950), {
+                            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, $5rXoR$jsx)((0, $5rXoR$InputContext).Consumer, {
+                                    children: (ctx)=>/*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$InputContext).Provider, {
+                                            value: {
+                                                ...ctx,
+                                                ref: (0, $5rXoR$mergeRefs)(ctx?.ref, inputRef)
+                                            },
+                                            children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $9afd80978c252040$export$f5b8910cec6cf069), {})
+                                        })
+                                }),
+                                isInvalid && /*#__PURE__*/ (0, $5rXoR$jsx)((0, $9afd80978c252040$export$bda0d075e0e342c9), {
+                                    isDisabled: isDisabled
+                                }),
+                                /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$Button), {
+                                    ref: buttonRef,
+                                    style: (renderProps)=>(0, $10ea7662e51a285b$export$56e8cba416805d8d)(buttonRef)(renderProps),
+                                    className: (renderProps)=>$a2f262fac286a920$var$inputButton({
+                                            ...renderProps,
+                                            size: size,
+                                            isOpen: isOpen
+                                        }),
+                                    children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $4b69f02ec06b9226$export$2e2bcd8739ae039), {
+                                        size: size,
+                                        className: $a2f262fac286a920$var$iconStyles
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, $5rXoR$jsx)((0, $9afd80978c252040$export$a67c0bc59081311a), {
+                            size: size,
+                            isDisabled: isDisabled,
+                            isInvalid: isInvalid,
+                            description: descriptionMessage,
+                            children: errorMessage
+                        }),
+                        /*#__PURE__*/ (0, $5rXoR$jsx)((0, $88b746eba92c8d0d$export$5b6b19405a83ff9d), {
+                            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, $5rXoR$jsx)((0, $5rXoR$Provider), {
+                                values: [
+                                    [
+                                        (0, $8e847109a6ab556d$export$e0e4026c12a8bdbb),
+                                        {
+                                            className: (0, $13afb0ea5f0ed767$export$562e61a0817eb32e)({
+                                                size: size
+                                            })
+                                        }
+                                    ],
+                                    [
+                                        (0, $8e847109a6ab556d$export$d688439359537581),
+                                        {
+                                            className: (0, $13afb0ea5f0ed767$export$300ac6f106ef584d)
+                                        }
+                                    ],
+                                    [
+                                        (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                                        {
+                                            slots: {
+                                                'description': {
+                                                    className: (0, $13afb0ea5f0ed767$export$6d59db4903f20f7d)({
+                                                        size: size
+                                                    })
+                                                }
+                                            }
+                                        }
+                                    ]
+                                ],
+                                children: /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$ListBox), {
+                                    items: items,
+                                    className: (0, $b41c15d27fbaff7d$export$b1e5508a851be14d)({
+                                        size: size
+                                    }),
+                                    children: children
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+    });
+}
+/**
+ * ComboBox allow users to choose a single option from a collapsible list of options when space is limited.
+ */ let $a2f262fac286a920$export$72b9695b8216309a = /*#__PURE__*/ (0, $5rXoR$forwardRef)($a2f262fac286a920$var$ComboBox);
+function $a2f262fac286a920$export$b674b8ff01584ab1(props) {
+    let ref = (0, $5rXoR$useRef)(null);
+    let isLink = props.href != null;
+    let { size: size } = (0, $5rXoR$useContext)($a2f262fac286a920$var$InternalComboboxContext);
+    return /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$ListBoxItem), {
+        ...props,
+        ref: ref,
+        textValue: props.textValue || (typeof props.children === 'string' ? props.children : undefined),
+        style: (0, $10ea7662e51a285b$export$56e8cba416805d8d)(ref, props.UNSAFE_style),
+        className: (renderProps)=>(props.UNSAFE_className || '') + (0, $13afb0ea5f0ed767$export$f68e44d881264486)({
+                ...renderProps,
+                size: size,
+                isLink: isLink
+            }, props.styles),
+        children: (renderProps)=>{
+            let { children: children } = props;
+            return /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$Fragment), {
+                children: /*#__PURE__*/ (0, $5rXoR$jsxs)((0, $5rXoR$Provider), {
+                    values: [
+                        [
+                            (0, $ac8c32e6775ddd1f$export$a49f528ae1a4d0ed),
+                            {
+                                slots: {
+                                    icon: {
+                                        render: (0, $1f4b04be3f24aae3$export$9d7e2342a7e53afa)({
+                                            slot: 'icon',
+                                            className: (0, $13afb0ea5f0ed767$export$31d1842a0fd736e6)
+                                        }),
+                                        styles: (0, $13afb0ea5f0ed767$export$1ca1ec8b29a4ce27)
+                                    }
+                                }
+                            }
+                        ],
+                        [
+                            (0, $8e847109a6ab556d$export$9afb8bc826b033ea),
+                            {
+                                slots: {
+                                    label: {
+                                        className: (0, $13afb0ea5f0ed767$export$1237798dc640739a)
+                                    },
+                                    description: {
+                                        className: (0, $13afb0ea5f0ed767$export$6d59db4903f20f7d)({
+                                            ...renderProps,
+                                            size: size
+                                        })
+                                    }
+                                }
+                            }
+                        ]
+                    ],
+                    children: [
+                        !isLink && /*#__PURE__*/ (0, $5rXoR$jsx)((0, $81cf3d4588736e7d$export$2e2bcd8739ae039), {
+                            size: {
+                                S: 'S',
+                                M: 'L',
+                                L: 'XL',
+                                XL: 'XXL'
+                            }[size],
+                            className: (0, $13afb0ea5f0ed767$export$292abbf31ed842a)({
+                                ...renderProps,
+                                size: size
+                            })
+                        }),
+                        typeof children === 'string' ? /*#__PURE__*/ (0, $5rXoR$jsx)((0, $8e847109a6ab556d$export$5f1af8db9871e1d6), {
+                            slot: "label",
+                            children: children
+                        }) : children
+                    ]
+                })
+            });
+        }
+    });
+}
+function $a2f262fac286a920$export$5510125537491b61(props) {
+    return /*#__PURE__*/ (0, $5rXoR$jsxs)((0, $5rXoR$Fragment), {
+        children: [
+            /*#__PURE__*/ (0, $5rXoR$jsx)((0, $5rXoR$Section), {
+                ...props,
+                className: (0, $13afb0ea5f0ed767$export$fe2e36411d703b3d),
+                children: props.children
+            }),
+            /*#__PURE__*/ (0, $5rXoR$jsx)((0, $13afb0ea5f0ed767$export$2e0a83ec2e27ecbb), {})
+        ]
+    });
+}
+
+
+export {$a2f262fac286a920$export$72b9695b8216309a as ComboBox, $a2f262fac286a920$export$b674b8ff01584ab1 as ComboBoxItem, $a2f262fac286a920$export$5510125537491b61 as ComboBoxSection};
+//# sourceMappingURL=ComboBox.mjs.map

package/dist/ComboBox.mjs.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.mjs.map"}

package/dist/Content.cjs

@@ -0,0 +1,118 @@
+var $bwC5I$reactjsxruntime = require("react/jsx-runtime");
+var $bwC5I$react = require("react");
+var $bwC5I$reactariacomponents = require("react-aria-components");
+var $bwC5I$reactspectrumutils = require("@react-spectrum/utils");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "HeadingContext", () => $6367bc87eb7d24ad$export$d688439359537581);
+$parcel$export(module.exports, "Heading", () => $6367bc87eb7d24ad$export$a8a3e93435678ff9);
+$parcel$export(module.exports, "HeaderContext", () => $6367bc87eb7d24ad$export$e0e4026c12a8bdbb);
+$parcel$export(module.exports, "Header", () => $6367bc87eb7d24ad$export$8b251419efc915eb);
+$parcel$export(module.exports, "ContentContext", () => $6367bc87eb7d24ad$export$1cbdd774077931b4);
+$parcel$export(module.exports, "Content", () => $6367bc87eb7d24ad$export$7c6e2c02157bb7d2);
+$parcel$export(module.exports, "TextContext", () => $6367bc87eb7d24ad$export$9afb8bc826b033ea);
+$parcel$export(module.exports, "Text", () => $6367bc87eb7d24ad$export$5f1af8db9871e1d6);
+$parcel$export(module.exports, "KeyboardContext", () => $6367bc87eb7d24ad$export$744d98a3b8a94e1c);
+$parcel$export(module.exports, "Keyboard", () => $6367bc87eb7d24ad$export$16e4d70cc375e707);
+$parcel$export(module.exports, "FooterContext", () => $6367bc87eb7d24ad$export$5630640b68817ed6);
+$parcel$export(module.exports, "Footer", () => $6367bc87eb7d24ad$export$a06f1c675e846f6f);
+$parcel$export(module.exports, "ImageContext", () => $6367bc87eb7d24ad$export$8151eb379fcf2442);
+$parcel$export(module.exports, "Image", () => $6367bc87eb7d24ad$export$3e431a229df88919);
+/*
+ * 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 $6367bc87eb7d24ad$export$d688439359537581 = /*#__PURE__*/ (0, $bwC5I$react.createContext)({});
+// Wrapper around RAC Heading to unmount when hidden.
+function $6367bc87eb7d24ad$var$Heading(props, ref) {
+    [props, ref] = (0, $bwC5I$reactariacomponents.useContextProps)(props, ref, $6367bc87eb7d24ad$export$d688439359537581);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $bwC5I$reactjsxruntime.jsx)((0, $bwC5I$reactariacomponents.Heading), {
+        ...props,
+        ref: ref
+    });
+}
+const $6367bc87eb7d24ad$export$a8a3e93435678ff9 = /*#__PURE__*/ (0, $bwC5I$react.forwardRef)($6367bc87eb7d24ad$var$Heading);
+const $6367bc87eb7d24ad$export$e0e4026c12a8bdbb = /*#__PURE__*/ (0, $bwC5I$react.createContext)({});
+function $6367bc87eb7d24ad$var$Header(props, ref) {
+    let domRef = (0, $bwC5I$reactspectrumutils.useDOMRef)(ref);
+    [props, domRef] = (0, $bwC5I$reactariacomponents.useContextProps)(props, domRef, $6367bc87eb7d24ad$export$e0e4026c12a8bdbb);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $bwC5I$reactjsxruntime.jsx)((0, $bwC5I$reactariacomponents.Header), {
+        ...props,
+        ref: domRef
+    });
+}
+const $6367bc87eb7d24ad$export$8b251419efc915eb = /*#__PURE__*/ (0, $bwC5I$react.forwardRef)($6367bc87eb7d24ad$var$Header);
+const $6367bc87eb7d24ad$export$1cbdd774077931b4 = /*#__PURE__*/ (0, $bwC5I$react.createContext)({});
+function $6367bc87eb7d24ad$var$Content(props, ref) {
+    let domRef = (0, $bwC5I$reactspectrumutils.useDOMRef)(ref);
+    [props, domRef] = (0, $bwC5I$reactariacomponents.useContextProps)(props, domRef, $6367bc87eb7d24ad$export$1cbdd774077931b4);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $bwC5I$reactjsxruntime.jsx)("div", {
+        ...props,
+        ref: domRef
+    });
+}
+const $6367bc87eb7d24ad$export$7c6e2c02157bb7d2 = /*#__PURE__*/ (0, $bwC5I$react.forwardRef)($6367bc87eb7d24ad$var$Content);
+const $6367bc87eb7d24ad$export$9afb8bc826b033ea = /*#__PURE__*/ (0, $bwC5I$react.createContext)({});
+function $6367bc87eb7d24ad$var$Text(props, ref) {
+    [props, ref] = (0, $bwC5I$reactariacomponents.useContextProps)(props, ref, $6367bc87eb7d24ad$export$9afb8bc826b033ea);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $bwC5I$reactjsxruntime.jsx)((0, $bwC5I$reactariacomponents.Text), {
+        ...props,
+        ref: ref
+    });
+}
+const $6367bc87eb7d24ad$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $bwC5I$react.forwardRef)($6367bc87eb7d24ad$var$Text);
+const $6367bc87eb7d24ad$export$744d98a3b8a94e1c = /*#__PURE__*/ (0, $bwC5I$react.createContext)({});
+function $6367bc87eb7d24ad$var$Keyboard(props, ref) {
+    [props, ref] = (0, $bwC5I$reactariacomponents.useContextProps)(props, ref, $6367bc87eb7d24ad$export$744d98a3b8a94e1c);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $bwC5I$reactjsxruntime.jsx)((0, $bwC5I$reactariacomponents.Keyboard), {
+        ...props,
+        ref: ref
+    });
+}
+const $6367bc87eb7d24ad$export$16e4d70cc375e707 = /*#__PURE__*/ (0, $bwC5I$react.forwardRef)($6367bc87eb7d24ad$var$Keyboard);
+const $6367bc87eb7d24ad$export$5630640b68817ed6 = /*#__PURE__*/ (0, $bwC5I$react.createContext)({});
+function $6367bc87eb7d24ad$var$Footer(props, ref) {
+    let domRef = (0, $bwC5I$reactspectrumutils.useDOMRef)(ref);
+    [props, domRef] = (0, $bwC5I$reactariacomponents.useContextProps)(props, domRef, $6367bc87eb7d24ad$export$5630640b68817ed6);
+    if (props.hidden) return null;
+    return /*#__PURE__*/ (0, $bwC5I$reactjsxruntime.jsx)("footer", {
+        ...props,
+        ref: domRef
+    });
+}
+const $6367bc87eb7d24ad$export$a06f1c675e846f6f = /*#__PURE__*/ (0, $bwC5I$react.forwardRef)($6367bc87eb7d24ad$var$Footer);
+const $6367bc87eb7d24ad$export$8151eb379fcf2442 = /*#__PURE__*/ (0, $bwC5I$react.createContext)({});
+function $6367bc87eb7d24ad$var$Image(props, ref) {
+    let domRef = (0, $bwC5I$reactspectrumutils.useDOMRef)(ref);
+    [props, domRef] = (0, $bwC5I$reactariacomponents.useContextProps)(props, domRef, $6367bc87eb7d24ad$export$8151eb379fcf2442);
+    if (props.hidden) return null;
+    if (props.alt == null) console.warn('The `alt` prop was not provided to an image. Add `alt` text for screen readers, or set `alt=""` prop to indicate that the image is decorative or redundant with displayed text and should not be announced by screen readers.');
+    return /*#__PURE__*/ (0, $bwC5I$reactjsxruntime.jsx)("img", {
+        alt: props.alt,
+        ...props,
+        ref: domRef
+    });
+}
+const $6367bc87eb7d24ad$export$3e431a229df88919 = /*#__PURE__*/ (0, $bwC5I$react.forwardRef)($6367bc87eb7d24ad$var$Image);
+
+
+//# sourceMappingURL=Content.cjs.map

package/dist/Content.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Content.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 {createContext, ForwardedRef, forwardRef, HTMLAttributes, ImgHTMLAttributes} from 'react';\nimport {DOMRef} from '@react-types/shared';\nimport {HeadingProps, Keyboard as KeyboardAria, Header as RACHeader, Heading as RACHeading, Text as TextAria, useContextProps} from 'react-aria-components';\nimport {useDOMRef} from '@react-spectrum/utils';\n\n// TODO: export these types from RAC?\ninterface SlottedValue<T> {\n  slots?: Record<string | symbol, T>\n}\n\nexport type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;\nexport type ContextValue<T, E extends Element> = SlottedContextValue<WithRef<T, E>>;\nexport type WithRef<T, E> = T & {ref?: ForwardedRef<E>};\n\nexport const HeadingContext = createContext<ContextValue<HeadingProps, HTMLHeadingElement>>({});\n\n// Wrapper around RAC Heading to unmount when hidden.\nfunction Heading(props: HeadingProps, ref: ForwardedRef<HTMLHeadingElement>) {\n  [props, ref] = useContextProps(props, ref, HeadingContext);\n  if (props.hidden) {\n    return null;\n  }\n\n  return <RACHeading {...props} ref={ref} />;\n}\n\nconst _Heading = forwardRef(Heading);\nexport {_Heading as Heading};\n\nexport const HeaderContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLElement>>({});\n\nfunction Header(props: HTMLAttributes<HTMLElement>, ref: DOMRef) {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, HeaderContext);\n  if (props.hidden) {\n    return null;\n  }\n\n  return <RACHeader {...props} ref={domRef} />;\n}\n\nconst _Header = forwardRef(Header);\nexport {_Header as Header};\n\nexport const ContentContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\nfunction Content(props: HTMLAttributes<HTMLElement>, ref: DOMRef<HTMLDivElement>) {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ContentContext);\n  if (props.hidden) {\n    return null;\n  }\n  return <div {...props} ref={domRef} />;\n}\n\nconst _Content = forwardRef(Content);\nexport {_Content as Content};\n\nexport const TextContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\nfunction Text(props: HTMLAttributes<HTMLElement>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, TextContext);\n  if (props.hidden) {\n    return null;\n  }\n  return <TextAria {...props} ref={ref} />;\n}\n\nconst _Text = forwardRef(Text);\nexport {_Text as Text};\n\nexport const KeyboardContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLDivElement>>({});\n\nfunction Keyboard(props: HTMLAttributes<HTMLElement>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, KeyboardContext);\n  if (props.hidden) {\n    return null;\n  }\n  return <KeyboardAria {...props} ref={ref} />;\n}\n\nconst _Keyboard = forwardRef(Keyboard);\nexport {_Keyboard as Keyboard};\n\nexport const FooterContext = createContext<ContextValue<HTMLAttributes<HTMLElement>, HTMLElement>>({});\n\nfunction Footer(props: HTMLAttributes<HTMLElement>, ref: DOMRef) {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, FooterContext);\n  if (props.hidden) {\n    return null;\n  }\n  return <footer {...props} ref={domRef} />;\n}\n\nconst _Footer = forwardRef(Footer);\nexport {_Footer as Footer};\n\nexport const ImageContext = createContext<ContextValue<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>>({});\n\nfunction Image(props: ImgHTMLAttributes<HTMLImageElement>, ref: DOMRef<HTMLImageElement>) {\n  let domRef = useDOMRef(ref);\n  [props, domRef] = useContextProps(props, domRef, ImageContext);\n  if (props.hidden) {\n    return null;\n  }\n\n  if (props.alt == null) {\n    console.warn(\n      'The `alt` prop was not provided to an image. ' +\n      'Add `alt` text for screen readers, or set `alt=\"\"` prop to indicate that the image ' +\n      'is decorative or redundant with displayed text and should not be announced by screen readers.'\n    );\n  }\n\n  return <img alt={props.alt} {...props} ref={domRef} />;\n}\n\nconst _Image = forwardRef(Image);\nexport {_Image as Image};\n"],"names":[],"version":3,"file":"Content.cjs.map"}