@adobe/react-spectrum 3.47.2 → 3.47.4

package/dist/private/textfield/TextFieldBase.mjs

@@ -79,7 +79,8 @@ const $b312f2102feb9487$export$d22444a338b6e3c2 = /*#__PURE__*/ (0, $3xlai$forwa
     });
     // Add validation icon IDREF to aria-describedby when validationState is valid
     let inputPropsAriaDescribedBy = inputProps['aria-describedby'];
-    if (!isInvalid && validationState === 'valid' && !isLoading && !isDisabled && (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))) inputProps['aria-describedby'] = [
+    if (!isInvalid && validationState === 'valid' && !isLoading && !isDisabled && (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))) // oxlint-disable-next-line react/react-compiler
+    inputProps['aria-describedby'] = [
         inputPropsAriaDescribedBy,
         validId
     ].join(' ').trim();

package/dist/private/textfield/TextFieldBase.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;AAgDM,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAC/C,KAAyB,EACzB,GAA8D;IAE9D,IAAI,mBACF,kBAAkB,MAAM,SAAS,GAAG,YAAY,YAChD,IAAI,WACJ,UAAU,mBACV,UAAU,aACV,SAAS,aACT,SAAS,kBACT,cAAc,mBACd,eAAe,cACf,UAAU,cACV,UAAU,oBACV,gBAAgB,qBAChB,iBAAiB,EACjB,UAAU,YAAY,aACtB,SAAS,oBACT,gBAAgB,2BAChB,uBAAuB,oBACvB,gBAAgB,EACjB,GAAG;IACJ,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;oBAAC;IAAU;IAClD,IAAI,SAAS,CAAA,GAAA,aAAK,EAAkB;IACpC,IAAI,kBAAkB,CAAA,GAAA,aAAK,EAA0C;IACrE,IAAI,WAAW,gBAAgB;IAE/B,sCAAsC;IACtC,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,yCAAiB,EAAE,QAAQ,SAAS;YACvC;gBACE,IAAI,SAAS,OAAO,EAClB,SAAS,OAAO,CAAC,MAAM;YAE3B;YACA;gBACE,OAAO,SAAS,OAAO;YACzB;QACF,CAAA;IAEA,IAAI,cAAiC,YAAY,aAAa;IAC9D,IAAI,YAAY,oBAAoB,aAAa,CAAC;IAElD,IAAI,MAAM;QACR,IAAI,mBAAmB,CAAA,GAAA,yCAAS,EAC9B,CAAA,GAAA,sDAAK,GACL,KAAK,KAAK,IAAI,AAAC,KAAK,KAAK,CAAS,gBAAgB,EAClD;QAGF,qBAAO,CAAA,GAAA,mBAAW,EAAE,MAAM;8BACxB;YACA,MAAM;QACR;IACF;IAEA,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,IAAI,UAAU,CAAA,GAAA,YAAI;IAClB,IAAI,iBAAiB,0BACnB,gCAAC,CAAA,GAAA,iCAAU,yBAEX,gCAAC,CAAA,GAAA,qCAAc;QAAE,IAAI;QAAS,eAAA;QAAY,cAAY,gBAAgB,MAAM,CAAC;;IAE/E,IAAI,2BAAa,CAAA,GAAA,mBAAW,EAAE,gBAAgB;QAC5C,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,sDAAK,GACL,qCACA;IAEJ;IAEA,8EAA8E;IAC9E,IAAI,4BAA4B,UAAU,CAAC,mBAAmB;IAC9D,IACE,CAAC,aACD,oBAAoB,WACpB,CAAC,aACD,CAAC,cACA,CAAA,CAAC,6BAA6B,CAAC,0BAA0B,QAAQ,CAAC,QAAO,GAE1E,UAAU,CAAC,mBAAmB,GAAG;QAAC;QAA2B;KAAQ,CAAC,IAAI,CAAC,KAAK,IAAI;IAGtF,IAAI,cAAC,UAAU,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QAC9C,aAAa;mBACb;IACF;IAEA,IAAI,0BACF,gCAAC;QACC,WAAW,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG,sBAAsB;YAClD,+BAA+B;YAC/B,6BAA6B,oBAAoB,WAAW,CAAC;YAC7D,gCAAgC;YAChC,6BAA6B;YAC7B,iCAAiC;YACjC,cAAc,CAAC,oBAAoB;QACrC;qBACA,gCAAC;QACE,GAAG,CAAA,GAAA,iBAAS,EAAE,YAAY,YAAY,WAAW;QAClD,KAAK;QACL,MAAM,YAAY,IAAI;QACtB,WAAW,CAAA,GAAA,yCAAS,EAClB,CAAA,GAAA,sDAAK,GACL,4BACA;YACE,gCAAgC;YAChC,cAAc;QAChB,GACA;QAGH,MACA,mBAAmB,CAAC,aAAa,CAAC,aAAa,aAAa,MAC5D,aAAa,kBACb;IAIL,qBACE,gCAAC,CAAA,GAAA,yCAAI;QACF,GAAG,KAAK;QACT,YAAY;QACZ,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,sDAAK,GAAG,8BAA8B;YACjE,qCAAqC;QACvC;QACA,eAAe;QACf,KAAK;OACJ;AAGP","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\n  wrapperChildren?: ReactElement | ReactElement[];\n  inputClassName?: string;\n  validationIconClassName?: string;\n  multiLine?: boolean;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\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  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/textfield/TextFieldBase.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport CheckmarkMedium from '@spectrum-icons/ui/CheckmarkMedium';\nimport {classNames} from '../utils/classNames';\nimport {createFocusableRef} from '../utils/useDOMRef';\nimport {Field} from '../label/Field';\nimport intlMessages from '../../intl/textfield/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {PressEvents, RefObject, ValidationResult} from '@react-types/shared';\nimport React, {\n  cloneElement,\n  forwardRef,\n  HTMLAttributes,\n  InputHTMLAttributes,\n  LabelHTMLAttributes,\n  ReactElement,\n  Ref,\n  TextareaHTMLAttributes,\n  useImperativeHandle,\n  useRef\n} from 'react';\nimport {SpectrumTextFieldProps, TextFieldRef} from './TextField';\nimport styles from '@adobe/spectrum-css-temp/components/textfield/vars.css';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface TextFieldBaseProps\n  extends\n    Omit<SpectrumTextFieldProps, 'onChange' | 'validate'>,\n    PressEvents,\n    Partial<ValidationResult> {\n  wrapperChildren?: ReactElement | ReactElement[];\n  inputClassName?: string;\n  validationIconClassName?: string;\n  multiLine?: boolean;\n  labelProps?: LabelHTMLAttributes<HTMLLabelElement>;\n  inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;\n  descriptionProps?: HTMLAttributes<HTMLElement>;\n  errorMessageProps?: HTMLAttributes<HTMLElement>;\n  inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement | null>;\n  loadingIndicator?: ReactElement;\n  isLoading?: boolean;\n  disableFocusRing?: boolean;\n}\n\nexport const TextFieldBase = forwardRef(function TextFieldBase(\n  props: TextFieldBaseProps,\n  ref: Ref<TextFieldRef<HTMLInputElement | HTMLTextAreaElement>>\n) {\n  let {\n    validationState = props.isInvalid ? 'invalid' : null,\n    icon,\n    isQuiet = false,\n    isDisabled,\n    multiLine,\n    autoFocus,\n    inputClassName,\n    wrapperChildren,\n    labelProps,\n    inputProps,\n    descriptionProps,\n    errorMessageProps,\n    inputRef: userInputRef,\n    isLoading,\n    loadingIndicator,\n    validationIconClassName,\n    disableFocusRing\n  } = props;\n  let {hoverProps, isHovered} = useHover({isDisabled});\n  let domRef = useRef<HTMLDivElement>(null);\n  let defaultInputRef = useRef<HTMLInputElement | HTMLTextAreaElement>(null);\n  let inputRef = userInputRef || defaultInputRef;\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  let ElementType: React.ElementType = multiLine ? 'textarea' : 'input';\n  let isInvalid = validationState === 'invalid' && !isDisabled;\n\n  if (icon) {\n    let UNSAFE_className = classNames(\n      styles,\n      icon.props && (icon.props as any).UNSAFE_className,\n      'spectrum-Textfield-icon'\n    );\n\n    icon = cloneElement(icon, {\n      UNSAFE_className,\n      size: 'S'\n    } as any);\n  }\n\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/textfield');\n  let validId = useId();\n  let validationIcon = isInvalid ? (\n    <AlertMedium />\n  ) : (\n    <CheckmarkMedium id={validId} aria-hidden aria-label={stringFormatter.format('valid')} />\n  );\n  let validation = cloneElement(validationIcon, {\n    UNSAFE_className: classNames(\n      styles,\n      'spectrum-Textfield-validationIcon',\n      validationIconClassName\n    )\n  });\n\n  // Add validation icon IDREF to aria-describedby when validationState is valid\n  let inputPropsAriaDescribedBy = inputProps['aria-describedby'];\n  if (\n    !isInvalid &&\n    validationState === 'valid' &&\n    !isLoading &&\n    !isDisabled &&\n    (!inputPropsAriaDescribedBy || !inputPropsAriaDescribedBy.includes(validId))\n  ) {\n    // oxlint-disable-next-line react/react-compiler\n    inputProps['aria-describedby'] = [inputPropsAriaDescribedBy, validId].join(' ').trim();\n  }\n\n  let {focusProps, isFocusVisible} = useFocusRing({\n    isTextInput: true,\n    autoFocus\n  });\n\n  let textField = (\n    <div\n      className={classNames(styles, 'spectrum-Textfield', {\n        'spectrum-Textfield--invalid': isInvalid,\n        'spectrum-Textfield--valid': validationState === 'valid' && !isDisabled,\n        'spectrum-Textfield--loadable': loadingIndicator,\n        'spectrum-Textfield--quiet': isQuiet,\n        'spectrum-Textfield--multiline': multiLine,\n        'focus-ring': !disableFocusRing && isFocusVisible\n      })}>\n      <ElementType\n        {...mergeProps(inputProps, hoverProps, focusProps)}\n        ref={inputRef as any}\n        rows={multiLine ? 1 : undefined}\n        className={classNames(\n          styles,\n          'spectrum-Textfield-input',\n          {\n            'spectrum-Textfield-inputIcon': icon,\n            'is-hovered': isHovered\n          },\n          inputClassName\n        )}\n      />\n      {icon}\n      {validationState && !isLoading && !isDisabled ? validation : null}\n      {isLoading && loadingIndicator}\n      {wrapperChildren}\n    </div>\n  );\n\n  return (\n    <Field\n      {...props}\n      labelProps={labelProps}\n      descriptionProps={descriptionProps}\n      errorMessageProps={errorMessageProps}\n      wrapperClassName={classNames(styles, 'spectrum-Textfield-wrapper', {\n        'spectrum-Textfield-wrapper--quiet': isQuiet\n      })}\n      showErrorIcon={false}\n      ref={domRef}>\n      {textField}\n    </Field>\n  );\n});\n"],"names":[],"version":3,"file":"TextFieldBase.mjs.map"}

package/dist/private/utils/Slots.cjs

@@ -31,6 +31,7 @@ function $feede71cddc0c5f3$export$1e5c9e6e4e15efe3(props, defaultSlot) {
     let slot = props.slot || defaultSlot;
     // @ts-ignore TODO why is slot an object and not just string or undefined?
     let { [slot]: slotProps = {} } = (0, $fsa3r$react.useContext)($feede71cddc0c5f3$var$SlotContext) || {};
+    // oxlint-disable-next-line react/react-compiler
     return (0, $fsa3r$reactariamergeProps.mergeProps)(props, (0, $fsa3r$reactariamergeProps.mergeProps)(slotProps, {
         id: props.id
     }));

package/dist/private/utils/Slots.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAY;AAE1C,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,0EAA0E;IAC1E,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE,sCAAgB,CAAC;IAE3D,OAAO,CAAA,GAAA,qCAAS,EAAE,OAAO,CAAA,GAAA,qCAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAwC;IAGvE,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAG5B;IACC,MAAM,WAAW,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,sCAAgB;IAC7C,IAAI,SAAC,QAAQ,oBAAU,QAAQ,EAAC,GAAG;IAEnC,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,oBAAM,EAChB,IACE,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CACL,CAAC,GAAG,IAAO,CAAA;gBACT,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,qCAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YACrD,CAAA,GACA,CAAC,IAEP;QAAC;QAAa;KAAM;IAGtB,qBAAO,0DAAC,kCAAY,QAAQ;QAAC,OAAO;OAAQ;AAC9C;AAEO,SAAS,0CAAW,KAA6B;IACtD,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,MAAM,WAAW,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,sGAAsG;QACtG,wBAAU,CAAA,GAAA,sCAAI,EAAE,YAAY,CAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBAAO,0DAAC,kCAAY,QAAQ;QAAC,OAAO;OAAW;AACjD","sources":["packages/@adobe/react-spectrum/src/utils/Slots.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string;\n}\n\nlet SlotContext = React.createContext<{} | null>(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  // @ts-ignore TODO why is slot an object and not just string or undefined?\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  return mergeProps(props, mergeProps(slotProps, {id: props.id})) as T;\n}\n\nexport function cssModuleToSlots(cssModule: {[cssmodule: string]: string}): {\n  [slot: string]: {UNSAFE_className: string};\n} {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props: {\n  slots?: {[slot: string]: object};\n  children?: ReactNode;\n}): ReactNode {\n  const emptyObj = useMemo(() => ({}), []);\n\n  let parentSlots = useContext(SlotContext) || emptyObj;\n  let {slots = emptyObj, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(\n    () =>\n      Object.keys(parentSlots)\n        .concat(Object.keys(slots))\n        .reduce(\n          (o, p) => ({\n            ...o,\n            [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})\n          }),\n          {}\n        ),\n    [parentSlots, slots]\n  );\n\n  return <SlotContext.Provider value={value}>{children}</SlotContext.Provider>;\n}\n\nexport function ClearSlots(props: {children?: ReactNode}): ReactNode {\n  let {children, ...otherProps} = props;\n\n  const emptyObj = useMemo(() => ({}), []);\n\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') {\n      // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return <SlotContext.Provider value={emptyObj}>{content}</SlotContext.Provider>;\n}\n"],"names":[],"version":3,"file":"Slots.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,sCAAI,EAAE,aAAa,CAAY;AAE1C,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,0EAA0E;IAC1E,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE,sCAAgB,CAAC;IAE3D,gDAAgD;IAChD,OAAO,CAAA,GAAA,qCAAS,EAAE,OAAO,CAAA,GAAA,qCAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAwC;IAGvE,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAG5B;IACC,MAAM,WAAW,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,sCAAgB;IAC7C,IAAI,SAAC,QAAQ,oBAAU,QAAQ,EAAC,GAAG;IAEnC,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,oBAAM,EAChB,IACE,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CACL,CAAC,GAAG,IAAO,CAAA;gBACT,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,qCAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YACrD,CAAA,GACA,CAAC,IAEP;QAAC;QAAa;KAAM;IAGtB,qBAAO,0DAAC,kCAAY,QAAQ;QAAC,OAAO;OAAQ;AAC9C;AAEO,SAAS,0CAAW,KAA6B;IACtD,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,MAAM,WAAW,CAAA,GAAA,oBAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,sGAAsG;QACtG,wBAAU,CAAA,GAAA,sCAAI,EAAE,YAAY,CAAC,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBAAO,0DAAC,kCAAY,QAAQ;QAAC,OAAO;OAAW;AACjD","sources":["packages/@adobe/react-spectrum/src/utils/Slots.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string;\n}\n\nlet SlotContext = React.createContext<{} | null>(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  // @ts-ignore TODO why is slot an object and not just string or undefined?\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  // oxlint-disable-next-line react/react-compiler\n  return mergeProps(props, mergeProps(slotProps, {id: props.id})) as T;\n}\n\nexport function cssModuleToSlots(cssModule: {[cssmodule: string]: string}): {\n  [slot: string]: {UNSAFE_className: string};\n} {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props: {\n  slots?: {[slot: string]: object};\n  children?: ReactNode;\n}): ReactNode {\n  const emptyObj = useMemo(() => ({}), []);\n\n  let parentSlots = useContext(SlotContext) || emptyObj;\n  let {slots = emptyObj, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(\n    () =>\n      Object.keys(parentSlots)\n        .concat(Object.keys(slots))\n        .reduce(\n          (o, p) => ({\n            ...o,\n            [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})\n          }),\n          {}\n        ),\n    [parentSlots, slots]\n  );\n\n  return <SlotContext.Provider value={value}>{children}</SlotContext.Provider>;\n}\n\nexport function ClearSlots(props: {children?: ReactNode}): ReactNode {\n  let {children, ...otherProps} = props;\n\n  const emptyObj = useMemo(() => ({}), []);\n\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') {\n      // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return <SlotContext.Provider value={emptyObj}>{content}</SlotContext.Provider>;\n}\n"],"names":[],"version":3,"file":"Slots.cjs.map"}

package/dist/private/utils/Slots.js

@@ -18,6 +18,7 @@ function $68f4bc2c1abc5618$export$1e5c9e6e4e15efe3(props, defaultSlot) {
     let slot = props.slot || defaultSlot;
     // @ts-ignore TODO why is slot an object and not just string or undefined?
     let { [slot]: slotProps = {} } = (0, $aW9UU$useContext)($68f4bc2c1abc5618$var$SlotContext) || {};
+    // oxlint-disable-next-line react/react-compiler
     return (0, $aW9UU$mergeProps)(props, (0, $aW9UU$mergeProps)(slotProps, {
         id: props.id
     }));

package/dist/private/utils/Slots.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,YAAI,EAAE,aAAa,CAAY;AAE1C,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,0EAA0E;IAC1E,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,sCAAgB,CAAC;IAE3D,OAAO,CAAA,GAAA,iBAAS,EAAE,OAAO,CAAA,GAAA,iBAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAwC;IAGvE,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAG5B;IACC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,sCAAgB;IAC7C,IAAI,SAAC,QAAQ,oBAAU,QAAQ,EAAC,GAAG;IAEnC,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,cAAM,EAChB,IACE,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CACL,CAAC,GAAG,IAAO,CAAA;gBACT,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,iBAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YACrD,CAAA,GACA,CAAC,IAEP;QAAC;QAAa;KAAM;IAGtB,qBAAO,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAAQ;AAC9C;AAEO,SAAS,0CAAW,KAA6B;IACtD,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,sGAAsG;QACtG,wBAAU,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBAAO,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAAW;AACjD","sources":["packages/@adobe/react-spectrum/src/utils/Slots.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string;\n}\n\nlet SlotContext = React.createContext<{} | null>(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  // @ts-ignore TODO why is slot an object and not just string or undefined?\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  return mergeProps(props, mergeProps(slotProps, {id: props.id})) as T;\n}\n\nexport function cssModuleToSlots(cssModule: {[cssmodule: string]: string}): {\n  [slot: string]: {UNSAFE_className: string};\n} {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props: {\n  slots?: {[slot: string]: object};\n  children?: ReactNode;\n}): ReactNode {\n  const emptyObj = useMemo(() => ({}), []);\n\n  let parentSlots = useContext(SlotContext) || emptyObj;\n  let {slots = emptyObj, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(\n    () =>\n      Object.keys(parentSlots)\n        .concat(Object.keys(slots))\n        .reduce(\n          (o, p) => ({\n            ...o,\n            [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})\n          }),\n          {}\n        ),\n    [parentSlots, slots]\n  );\n\n  return <SlotContext.Provider value={value}>{children}</SlotContext.Provider>;\n}\n\nexport function ClearSlots(props: {children?: ReactNode}): ReactNode {\n  let {children, ...otherProps} = props;\n\n  const emptyObj = useMemo(() => ({}), []);\n\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') {\n      // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return <SlotContext.Provider value={emptyObj}>{content}</SlotContext.Provider>;\n}\n"],"names":[],"version":3,"file":"Slots.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,YAAI,EAAE,aAAa,CAAY;AAE1C,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,0EAA0E;IAC1E,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,sCAAgB,CAAC;IAE3D,gDAAgD;IAChD,OAAO,CAAA,GAAA,iBAAS,EAAE,OAAO,CAAA,GAAA,iBAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAwC;IAGvE,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAG5B;IACC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,sCAAgB;IAC7C,IAAI,SAAC,QAAQ,oBAAU,QAAQ,EAAC,GAAG;IAEnC,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,cAAM,EAChB,IACE,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CACL,CAAC,GAAG,IAAO,CAAA;gBACT,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,iBAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YACrD,CAAA,GACA,CAAC,IAEP;QAAC;QAAa;KAAM;IAGtB,qBAAO,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAAQ;AAC9C;AAEO,SAAS,0CAAW,KAA6B;IACtD,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,sGAAsG;QACtG,wBAAU,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBAAO,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAAW;AACjD","sources":["packages/@adobe/react-spectrum/src/utils/Slots.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string;\n}\n\nlet SlotContext = React.createContext<{} | null>(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  // @ts-ignore TODO why is slot an object and not just string or undefined?\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  // oxlint-disable-next-line react/react-compiler\n  return mergeProps(props, mergeProps(slotProps, {id: props.id})) as T;\n}\n\nexport function cssModuleToSlots(cssModule: {[cssmodule: string]: string}): {\n  [slot: string]: {UNSAFE_className: string};\n} {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props: {\n  slots?: {[slot: string]: object};\n  children?: ReactNode;\n}): ReactNode {\n  const emptyObj = useMemo(() => ({}), []);\n\n  let parentSlots = useContext(SlotContext) || emptyObj;\n  let {slots = emptyObj, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(\n    () =>\n      Object.keys(parentSlots)\n        .concat(Object.keys(slots))\n        .reduce(\n          (o, p) => ({\n            ...o,\n            [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})\n          }),\n          {}\n        ),\n    [parentSlots, slots]\n  );\n\n  return <SlotContext.Provider value={value}>{children}</SlotContext.Provider>;\n}\n\nexport function ClearSlots(props: {children?: ReactNode}): ReactNode {\n  let {children, ...otherProps} = props;\n\n  const emptyObj = useMemo(() => ({}), []);\n\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') {\n      // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return <SlotContext.Provider value={emptyObj}>{content}</SlotContext.Provider>;\n}\n"],"names":[],"version":3,"file":"Slots.js.map"}

package/dist/private/utils/Slots.mjs

@@ -18,6 +18,7 @@ function $62024859ff9f1f8a$export$1e5c9e6e4e15efe3(props, defaultSlot) {
     let slot = props.slot || defaultSlot;
     // @ts-ignore TODO why is slot an object and not just string or undefined?
     let { [slot]: slotProps = {} } = (0, $73ZCj$useContext)($62024859ff9f1f8a$var$SlotContext) || {};
+    // oxlint-disable-next-line react/react-compiler
     return (0, $73ZCj$mergeProps)(props, (0, $73ZCj$mergeProps)(slotProps, {
         id: props.id
     }));

package/dist/private/utils/Slots.mjs.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,YAAI,EAAE,aAAa,CAAY;AAE1C,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,0EAA0E;IAC1E,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,sCAAgB,CAAC;IAE3D,OAAO,CAAA,GAAA,iBAAS,EAAE,OAAO,CAAA,GAAA,iBAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAwC;IAGvE,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAG5B;IACC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,sCAAgB;IAC7C,IAAI,SAAC,QAAQ,oBAAU,QAAQ,EAAC,GAAG;IAEnC,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,cAAM,EAChB,IACE,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CACL,CAAC,GAAG,IAAO,CAAA;gBACT,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,iBAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YACrD,CAAA,GACA,CAAC,IAEP;QAAC;QAAa;KAAM;IAGtB,qBAAO,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAAQ;AAC9C;AAEO,SAAS,0CAAW,KAA6B;IACtD,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,sGAAsG;QACtG,wBAAU,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBAAO,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAAW;AACjD","sources":["packages/@adobe/react-spectrum/src/utils/Slots.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string;\n}\n\nlet SlotContext = React.createContext<{} | null>(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  // @ts-ignore TODO why is slot an object and not just string or undefined?\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  return mergeProps(props, mergeProps(slotProps, {id: props.id})) as T;\n}\n\nexport function cssModuleToSlots(cssModule: {[cssmodule: string]: string}): {\n  [slot: string]: {UNSAFE_className: string};\n} {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props: {\n  slots?: {[slot: string]: object};\n  children?: ReactNode;\n}): ReactNode {\n  const emptyObj = useMemo(() => ({}), []);\n\n  let parentSlots = useContext(SlotContext) || emptyObj;\n  let {slots = emptyObj, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(\n    () =>\n      Object.keys(parentSlots)\n        .concat(Object.keys(slots))\n        .reduce(\n          (o, p) => ({\n            ...o,\n            [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})\n          }),\n          {}\n        ),\n    [parentSlots, slots]\n  );\n\n  return <SlotContext.Provider value={value}>{children}</SlotContext.Provider>;\n}\n\nexport function ClearSlots(props: {children?: ReactNode}): ReactNode {\n  let {children, ...otherProps} = props;\n\n  const emptyObj = useMemo(() => ({}), []);\n\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') {\n      // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return <SlotContext.Provider value={emptyObj}>{content}</SlotContext.Provider>;\n}\n"],"names":[],"version":3,"file":"Slots.mjs.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AASD,IAAI,kDAAc,CAAA,GAAA,YAAI,EAAE,aAAa,CAAY;AAE1C,SAAS,0CAAgB,KAAwB,EAAE,WAAoB;IAC5E,IAAI,OAAO,AAAC,MAAoB,IAAI,IAAI;IACxC,0EAA0E;IAC1E,IAAI,EAAC,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,sCAAgB,CAAC;IAE3D,gDAAgD;IAChD,OAAO,CAAA,GAAA,iBAAS,EAAE,OAAO,CAAA,GAAA,iBAAS,EAAE,WAAW;QAAC,IAAI,MAAM,EAAE;IAAA;AAC9D;AAEO,SAAS,0CAAiB,SAAwC;IAGvE,OAAO,OAAO,IAAI,CAAC,WAAW,MAAM,CAAC,CAAC,KAAK;QACzC,GAAG,CAAC,KAAK,GAAG;YAAC,kBAAkB,SAAS,CAAC,KAAK;QAAA;QAC9C,OAAO;IACT,GAAG,CAAC;AACN;AAEO,SAAS,0CAAa,KAG5B;IACC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,sCAAgB;IAC7C,IAAI,SAAC,QAAQ,oBAAU,QAAQ,EAAC,GAAG;IAEnC,0DAA0D;IAC1D,IAAI,QAAQ,CAAA,GAAA,cAAM,EAChB,IACE,OAAO,IAAI,CAAC,aACT,MAAM,CAAC,OAAO,IAAI,CAAC,QACnB,MAAM,CACL,CAAC,GAAG,IAAO,CAAA;gBACT,GAAG,CAAC;gBACJ,CAAC,EAAE,EAAE,CAAA,GAAA,iBAAS,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,GAAG,KAAK,CAAC,EAAE,IAAI,CAAC;YACrD,CAAA,GACA,CAAC,IAEP;QAAC;QAAa;KAAM;IAGtB,qBAAO,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAAQ;AAC9C;AAEO,SAAS,0CAAW,KAA6B;IACtD,IAAI,YAAC,QAAQ,EAAE,GAAG,YAAW,GAAG;IAEhC,MAAM,WAAW,CAAA,GAAA,cAAM,EAAE,IAAO,CAAA,CAAC,CAAA,GAAI,EAAE;IAEvC,IAAI,UAAU;IACd,IAAI,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,UAAU,MAAM,IAAI,GAC7C;QAAA,IAAI,OAAO,aAAa,YACtB,sGAAsG;QACtG,wBAAU,CAAA,GAAA,YAAI,EAAE,YAAY,CAAC,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,WAAW;IAC9D;IAEF,qBAAO,gCAAC,kCAAY,QAAQ;QAAC,OAAO;OAAW;AACjD","sources":["packages/@adobe/react-spectrum/src/utils/Slots.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo} from 'react';\n\ninterface SlotProps {\n  slot?: string;\n}\n\nlet SlotContext = React.createContext<{} | null>(null);\n\nexport function useSlotProps<T>(props: T & {id?: string}, defaultSlot?: string): T {\n  let slot = (props as SlotProps).slot || defaultSlot;\n  // @ts-ignore TODO why is slot an object and not just string or undefined?\n  let {[slot]: slotProps = {}} = useContext(SlotContext) || {};\n\n  // oxlint-disable-next-line react/react-compiler\n  return mergeProps(props, mergeProps(slotProps, {id: props.id})) as T;\n}\n\nexport function cssModuleToSlots(cssModule: {[cssmodule: string]: string}): {\n  [slot: string]: {UNSAFE_className: string};\n} {\n  return Object.keys(cssModule).reduce((acc, slot) => {\n    acc[slot] = {UNSAFE_className: cssModule[slot]};\n    return acc;\n  }, {});\n}\n\nexport function SlotProvider(props: {\n  slots?: {[slot: string]: object};\n  children?: ReactNode;\n}): ReactNode {\n  const emptyObj = useMemo(() => ({}), []);\n\n  let parentSlots = useContext(SlotContext) || emptyObj;\n  let {slots = emptyObj, children} = props;\n\n  // Merge props for each slot from parent context and props\n  let value = useMemo(\n    () =>\n      Object.keys(parentSlots)\n        .concat(Object.keys(slots))\n        .reduce(\n          (o, p) => ({\n            ...o,\n            [p]: mergeProps(parentSlots[p] || {}, slots[p] || {})\n          }),\n          {}\n        ),\n    [parentSlots, slots]\n  );\n\n  return <SlotContext.Provider value={value}>{children}</SlotContext.Provider>;\n}\n\nexport function ClearSlots(props: {children?: ReactNode}): ReactNode {\n  let {children, ...otherProps} = props;\n\n  const emptyObj = useMemo(() => ({}), []);\n\n  let content = children;\n  if (React.Children.toArray(children).length <= 1) {\n    if (typeof children === 'function') {\n      // need to know if the node is a string or something else that react can render that doesn't get props\n      content = React.cloneElement(React.Children.only(children), otherProps);\n    }\n  }\n  return <SlotContext.Provider value={emptyObj}>{content}</SlotContext.Provider>;\n}\n"],"names":[],"version":3,"file":"Slots.mjs.map"}

package/dist/types/src/accordion/Accordion.d.ts

@@ -8,7 +8,7 @@ export interface SpectrumAccordionProps extends Omit<DisclosureGroupProps, 'clas
     children: React.ReactNode;
 }
 /** A group of disclosures that can be expanded and collapsed. */
-export declare const Accordion: (props: SpectrumAccordionProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Accordion: (props: SpectrumAccordionProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
 export interface SpectrumDisclosureProps extends Omit<DisclosureProps, 'className' | 'style' | 'render' | 'children'>, AriaLabelingProps, StyleProps {
     /** Whether the Disclosure should be displayed with a quiet style. */
     isQuiet?: boolean;
@@ -19,13 +19,13 @@ export interface SpectrumDisclosureProps extends Omit<DisclosureProps, 'classNam
     children: React.ReactNode;
 }
 /** A collapsible section of content composed of a heading that expands and collapses a panel. */
-export declare const Disclosure: (props: SpectrumDisclosureProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const Disclosure: (props: SpectrumDisclosureProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
 export interface SpectrumDisclosurePanelProps extends Omit<DisclosurePanelProps, 'className' | 'style' | 'render' | 'children'>, DOMProps, AriaLabelingProps, StyleProps {
     /** The contents of the accordion panel. */
     children: React.ReactNode;
 }
 /** The panel that contains the content of the disclosure. */
-export declare const DisclosurePanel: (props: SpectrumDisclosurePanelProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const DisclosurePanel: (props: SpectrumDisclosurePanelProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>) => React.ReactElement | null;
 export interface SpectrumDisclosureTitleProps extends DOMProps, AriaLabelingProps, StyleProps {
     /**
      * The heading level of the disclosure header.
@@ -37,4 +37,4 @@ export interface SpectrumDisclosureTitleProps extends DOMProps, AriaLabelingProp
     children: React.ReactNode;
 }
 /** The heading of the disclosure. */
-export declare const DisclosureTitle: (props: SpectrumDisclosureTitleProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLHeadingElement>>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
+export declare const DisclosureTitle: (props: SpectrumDisclosureTitleProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLHeadingElement>>) => React.ReactElement | null;

package/dist/types/src/actionbar/ActionBar.d.ts

@@ -1,5 +1,5 @@
 import { DOMProps, DOMRef, ItemElement, ItemRenderer, Key, StyleProps } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 interface ActionBarProps<T> {
     /**
      * An list of `Item` elements or a function. If the latter, a list of items must be provided using
@@ -38,6 +38,6 @@ export interface SpectrumActionBarProps<T> extends ActionBarProps<T>, DOMProps,
  * on one or more items at the same time.
  */
 export declare const ActionBar: <T>(props: SpectrumActionBarProps<T> & {
-    ref?: DOMRef<HTMLDivElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: DOMRef<HTMLDivElement>;
+}) => ReactElement;
 export {};

package/dist/types/src/actiongroup/ActionGroup.d.ts

@@ -1,6 +1,6 @@
 import { AriaActionGroupProps } from 'react-aria/private/actiongroup/useActionGroup';
 import { DOMRef, StyleProps } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumActionGroupProps<T> extends AriaActionGroupProps<T>, StyleProps {
     /**
      * Whether the ActionButtons should be displayed with a [emphasized
@@ -46,5 +46,5 @@ export interface SpectrumActionGroupProps<T> extends AriaActionGroupProps<T>, St
  * An ActionGroup is a grouping of ActionButtons that are related to one another.
  */
 export declare const ActionGroup: <T>(props: SpectrumActionGroupProps<T> & {
-    ref?: DOMRef<HTMLDivElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: DOMRef<HTMLDivElement>;
+}) => ReactElement;

package/dist/types/src/autocomplete/MobileSearchAutocomplete.d.ts

@@ -1,6 +1,6 @@
 import { FocusableRef } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { SpectrumSearchAutocompleteProps } from './SearchAutocomplete';
 export declare let MobileSearchAutocomplete: <T>(props: SpectrumSearchAutocompleteProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;

package/dist/types/src/autocomplete/SearchAutocomplete.d.ts

@@ -1,7 +1,7 @@
 import { AriaSearchAutocompleteProps } from 'react-aria/private/autocomplete/useSearchAutocomplete';
 import { AsyncLoadable, DimensionValue, FocusableRef, LoadingState, SpectrumFieldValidation, SpectrumLabelableProps, SpectrumTextInputBase, StyleProps } from '@react-types/shared';
 import { MenuTriggerAction } from 'react-stately/useComboBoxState';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumSearchAutocompleteProps<T> extends SpectrumTextInputBase, Omit<AriaSearchAutocompleteProps<T>, 'menuTrigger' | 'isInvalid' | 'validationState' | 'validate'>, SpectrumFieldValidation<string>, SpectrumLabelableProps, StyleProps, Omit<AsyncLoadable, 'isLoading'> {
     /**
      * The interaction required to display the SearchAutocomplete menu. Note that this prop has no
@@ -48,6 +48,6 @@ export interface SpectrumSearchAutocompleteProps<T> extends SpectrumTextInputBas
  * A SearchAutocomplete is a searchfield that supports a dynamic list of suggestions.
  */
 declare let ForwardSearchAutocomplete: <T>(props: SpectrumSearchAutocompleteProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;
 export { ForwardSearchAutocomplete as SearchAutocomplete };

package/dist/types/src/button/Button.d.ts

@@ -1,6 +1,6 @@
 import { AriaButtonProps } from 'react-aria/useButton';
 import { FocusableRef, StyleProps } from '@react-types/shared';
-import React, { ElementType, ReactElement } from 'react';
+import { ElementType, ReactElement } from 'react';
 /** @deprecated */
 type LegacyButtonVariant = 'cta' | 'overBackground';
 export interface SpectrumButtonProps<T extends ElementType = 'button'> extends Omit<AriaButtonProps<T>, 'onClick'>, StyleProps {
@@ -26,7 +26,7 @@ export interface SpectrumButtonProps<T extends ElementType = 'button'> extends O
  * They have multiple styles for various needs, and are ideal for calling attention to
  * where a user needs to do something in order to move forward in a flow.
  */
-export declare const Button: <T extends ElementType = "button">(props: SpectrumButtonProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare const Button: <T extends ElementType = 'button'>(props: SpectrumButtonProps<T> & {
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;
 export {};

package/dist/types/src/calendar/Calendar.d.ts

@@ -2,7 +2,7 @@ import { AriaCalendarProps } from 'react-aria/useCalendar';
 import { CalendarIdentifier, Calendar as ICalendar } from '@internationalized/date';
 import { DateValue } from 'react-stately/useCalendarState';
 import { FocusableRef, StyleProps } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumCalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'selectionMode' | 'weeksInMonth'>, StyleProps {
     /**
      * The number of months to display at once. Up to 3 months are supported.
@@ -22,5 +22,5 @@ export interface SpectrumCalendarProps<T extends DateValue> extends Omit<AriaCal
  * Calendars display a grid of days in one or more months and allow users to select a single date.
  */
 export declare const Calendar: <T extends DateValue>(props: SpectrumCalendarProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;

package/dist/types/src/calendar/RangeCalendar.d.ts

@@ -2,7 +2,7 @@ import { AriaRangeCalendarProps } from 'react-aria/useRangeCalendar';
 import { CalendarIdentifier, Calendar as ICalendar } from '@internationalized/date';
 import { DateValue } from 'react-stately/useCalendarState';
 import { FocusableRef, StyleProps } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumRangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'weeksInMonth'>, StyleProps {
     /**
      * The number of months to display at once. Up to 3 months are supported.
@@ -23,5 +23,5 @@ export interface SpectrumRangeCalendarProps<T extends DateValue> extends Omit<Ar
  * contiguous range of dates.
  */
 export declare const RangeCalendar: <T extends DateValue>(props: SpectrumRangeCalendarProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;

package/dist/types/src/card/Card.d.ts

@@ -1,5 +1,5 @@
 import { DOMRefValue, ItemProps } from '@react-types/shared';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { ForwardRefExoticComponent, PropsWithoutRef, RefAttributes } from 'react';
 import { SpectrumCardProps } from './types';
-declare let _Card: ForwardRefExoticComponent<ItemProps<SpectrumCardProps> & SpectrumCardProps & RefAttributes<DOMRefValue<HTMLDivElement>>>;
+declare let _Card: ForwardRefExoticComponent<ItemProps<SpectrumCardProps> & PropsWithoutRef<SpectrumCardProps> & RefAttributes<DOMRefValue<HTMLDivElement>>>;
 export { _Card as Card };

package/dist/types/src/card/CardView.d.ts

@@ -1,9 +1,9 @@
 import { DOMRef } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { SpectrumCardViewProps } from './types';
 /**
  * TODO: Add description of component here.
  */
 export declare const CardView: <T>(props: SpectrumCardViewProps<T> & {
-    ref?: DOMRef<HTMLDivElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: DOMRef<HTMLDivElement>;
+}) => ReactElement;

package/dist/types/src/color/ColorArea.d.ts

@@ -1,6 +1,6 @@
 import { AriaColorAreaProps } from 'react-aria/useColorArea';
 import { DimensionValue, FocusableRef, StyleProps } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumColorAreaProps extends AriaColorAreaProps, Omit<StyleProps, 'width' | 'height'> {
     /** Size of the Color Area. */
     size?: DimensionValue;
@@ -10,5 +10,5 @@ export interface SpectrumColorAreaProps extends AriaColorAreaProps, Omit<StylePr
  * two-dimensional gradient background.
  */
 export declare const ColorArea: (props: SpectrumColorAreaProps & {
-    ref?: FocusableRef<HTMLDivElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLDivElement>;
+}) => ReactElement;

package/dist/types/src/combobox/ComboBox.d.ts

@@ -1,7 +1,7 @@
 import { AriaComboBoxProps } from 'react-aria/useComboBox';
 import { AsyncLoadable, DimensionValue, FocusableRef, LoadingState, SingleSelection, SpectrumFieldValidation, SpectrumLabelableProps, SpectrumTextInputBase, StyleProps } from '@react-types/shared';
 import { ComboBoxValidationValue, MenuTriggerAction } from 'react-stately/useComboBoxState';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumComboBoxProps<T> extends SpectrumTextInputBase, Omit<AriaComboBoxProps<T>, 'menuTrigger' | 'isInvalid' | 'validationState' | 'selectionMode' | 'selectedKey' | 'defaultSelectedKey' | 'onSelectionChange' | 'value' | 'defaultValue' | 'onChange'>, Omit<SingleSelection, 'disallowEmptySelection'>, SpectrumFieldValidation<ComboBoxValidationValue>, SpectrumLabelableProps, StyleProps, Omit<AsyncLoadable, 'isLoading'> {
     /**
      * The interaction required to display the ComboBox menu. Note that this prop has no effect on the
@@ -53,5 +53,5 @@ export interface SpectrumComboBoxProps<T> extends SpectrumTextInputBase, Omit<Ar
  * the selections matching a query.
  */
 export declare const ComboBox: <T>(props: SpectrumComboBoxProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;

package/dist/types/src/datepicker/DateField.d.ts

@@ -1,6 +1,6 @@
 import { AriaDateFieldProps, DateValue, MappedDateValue } from 'react-aria/useDateField';
 import { FocusableRef, HelpTextProps, SpectrumFieldValidation, SpectrumLabelableProps, StyleProps } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumDateFieldBase<T extends DateValue> extends SpectrumLabelableProps, HelpTextProps, SpectrumFieldValidation<MappedDateValue<T>>, StyleProps {
     /**
      * Whether the date picker should be displayed with a quiet style.
@@ -22,5 +22,5 @@ export interface SpectrumDateFieldProps<T extends DateValue> extends Omit<AriaDa
  * Each part of a date value is displayed in an individually editable segment.
  */
 export declare const DateField: <T extends DateValue>(props: SpectrumDateFieldProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;

package/dist/types/src/datepicker/DatePicker.d.ts

@@ -1,7 +1,7 @@
 import { AriaDatePickerProps, DateValue } from 'react-aria/useDatePicker';
 import { CalendarIdentifier, Calendar as ICalendar } from '@internationalized/date';
 import { FocusableRef, SpectrumLabelableProps, StyleProps } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { SpectrumDateFieldBase } from './DateField';
 import '@adobe/spectrum-css-temp/components/textfield/vars.css';
 export interface SpectrumDatePickerBase<T extends DateValue> extends SpectrumDateFieldBase<T>, SpectrumLabelableProps, StyleProps {
@@ -33,5 +33,5 @@ export interface SpectrumDatePickerProps<T extends DateValue> extends Omit<AriaD
  * and time value.
  */
 export declare const DatePicker: <T extends DateValue>(props: SpectrumDatePickerProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;

package/dist/types/src/datepicker/DateRangePicker.d.ts

@@ -1,6 +1,6 @@
 import { AriaDateRangePickerProps, DateValue } from 'react-aria/useDateRangePicker';
 import { FocusableRef } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import { SpectrumDatePickerBase } from './DatePicker';
 export interface SpectrumDateRangePickerProps<T extends DateValue> extends Omit<AriaDateRangePickerProps<T>, 'isInvalid' | 'validationState'>, Omit<SpectrumDatePickerBase<T>, 'validate'> {
 }
@@ -9,5 +9,5 @@ export interface SpectrumDateRangePickerProps<T extends DateValue> extends Omit<
  * to enter or select a date and time range.
  */
 export declare const DateRangePicker: <T extends DateValue>(props: SpectrumDateRangePickerProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;

package/dist/types/src/datepicker/TimeField.d.ts

@@ -1,6 +1,6 @@
 import { AriaTimeFieldProps, MappedTimeValue, TimeValue } from 'react-aria/useTimeField';
 import { FocusableRef, InputDOMProps, SpectrumFieldValidation, SpectrumLabelableProps, StyleProps } from '@react-types/shared';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumTimeFieldProps<T extends TimeValue> extends Omit<AriaTimeFieldProps<T>, 'isInvalid' | 'validationState'>, SpectrumFieldValidation<MappedTimeValue<T>>, SpectrumLabelableProps, StyleProps, InputDOMProps {
     /**
      * Whether the time field should be displayed with a quiet style.
@@ -14,5 +14,5 @@ export interface SpectrumTimeFieldProps<T extends TimeValue> extends Omit<AriaTi
  * Each part of the time is displayed in an individually editable segment.
  */
 export declare const TimeField: <T extends TimeValue>(props: SpectrumTimeFieldProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLElement>;
+}) => ReactElement;

package/dist/types/src/dialog/AlertDialog.d.ts

@@ -1,6 +1,6 @@
-import { DOMProps, StyleProps } from '@react-types/shared';
+import { AriaLabelingProps, DOMProps, StyleProps } from '@react-types/shared';
 import React, { ReactNode } from 'react';
-export interface SpectrumAlertDialogProps extends DOMProps, StyleProps {
+export interface SpectrumAlertDialogProps extends AriaLabelingProps, DOMProps, StyleProps {
     /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog. */
     variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning';
     /** The title of the AlertDialog. */

package/dist/types/src/dialog/DialogTrigger.d.ts

@@ -1,6 +1,6 @@
 import { OverlayTriggerProps } from 'react-stately/useOverlayTriggerState';
 import { PositionProps } from 'react-aria/useOverlayPosition';
-import React, { JSX, ReactElement, RefObject } from 'react';
+import { JSX, ReactElement, RefObject } from 'react';
 export type SpectrumDialogClose = (close: () => void) => ReactElement;
 export interface SpectrumDialogTriggerProps extends OverlayTriggerProps, PositionProps {
     /**
@@ -34,13 +34,6 @@ export interface SpectrumDialogTriggerProps extends OverlayTriggerProps, Positio
     /** Whether pressing the escape key to close the dialog should be disabled. */
     isKeyboardDismissDisabled?: boolean;
 }
-declare function DialogTrigger(props: SpectrumDialogTriggerProps): JSX.Element;
-declare namespace DialogTrigger {
-    var getCollectionNode: (props: SpectrumDialogTriggerProps) => Generator<{
-        element: string | number | bigint | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | Iterable<React.ReactNode> | ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | null | undefined> | ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal;
-        wrapper: (element: any) => JSX.Element;
-    }, void, unknown>;
-}
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the
  * Dialog's open state with the trigger's press state. Additionally, it allows you to customize the

package/dist/types/src/list/ListView.d.ts

@@ -57,6 +57,6 @@ export declare const ListViewContext: React.Context<ListViewContextValue<unknown
  * perform an action.
  */
 export declare const ListView: <T>(props: SpectrumListViewProps<T> & {
-    ref?: DOMRef<HTMLDivElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: DOMRef<HTMLDivElement>;
+}) => ReactElement;
 export {};

package/dist/types/src/listbox/ListBox.d.ts

@@ -1,9 +1,9 @@
 import { DOMRef } from '@react-types/shared';
 import { SpectrumListBoxProps } from './ListBoxBase';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 /**
  * A list of options that can allow selection of one or more.
  */
 export declare const ListBox: <T>(props: SpectrumListBoxProps<T> & {
-    ref?: DOMRef<HTMLDivElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: DOMRef<HTMLDivElement>;
+}) => ReactElement;

package/dist/types/src/listbox/ListBoxBase.d.ts

@@ -2,7 +2,7 @@ import { AriaLabelingProps, AsyncLoadable, DOMProps, FocusStrategy, RefObject, S
 import { AriaListBoxOptions, AriaListBoxPropsBase } from 'react-aria/useListBox';
 import { ListBoxLayout } from './ListBoxLayout';
 import { ListState } from 'react-stately/useListState';
-import React, { HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 export interface SpectrumListBoxProps<T> extends AriaListBoxPropsBase<T>, AsyncLoadable, StyleProps {
 }
 interface ListBoxBaseProps<T> extends AriaListBoxOptions<T>, DOMProps, AriaLabelingProps, StyleProps {
@@ -25,6 +25,6 @@ interface ListBoxBaseProps<T> extends AriaListBoxOptions<T>, DOMProps, AriaLabel
 export declare function useListBoxLayout<T>(): ListBoxLayout<T>;
 /** @private */
 export declare const ListBoxBase: <T>(props: ListBoxBaseProps<T> & {
-    ref?: RefObject<HTMLDivElement | null> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: RefObject<HTMLDivElement | null>;
+}) => ReactElement;
 export {};

package/dist/types/src/menu/ActionMenu.d.ts

@@ -1,6 +1,6 @@
 import { AriaLabelingProps, CollectionBase, DOMProps, FocusableRef, Key, StyleProps } from '@react-types/shared';
 import { SpectrumMenuTriggerProps } from './MenuTrigger';
-import React, { ReactElement } from 'react';
+import { ReactElement } from 'react';
 export interface SpectrumActionMenuProps<T> extends CollectionBase<T>, Omit<SpectrumMenuTriggerProps, 'children'>, StyleProps, DOMProps, AriaLabelingProps {
     /** Whether the button is disabled. */
     isDisabled?: boolean;
@@ -18,5 +18,5 @@ export interface SpectrumActionMenuProps<T> extends CollectionBase<T>, Omit<Spec
  * ActionMenu combines an ActionButton with a Menu for simple "more actions" use cases.
  */
 export declare const ActionMenu: <T>(props: SpectrumActionMenuProps<T> & {
-    ref?: FocusableRef<HTMLButtonElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: FocusableRef<HTMLButtonElement>;
+}) => ReactElement;

package/dist/types/src/menu/ContextualHelpTrigger.d.ts

@@ -1,22 +1,11 @@
-import { ItemProps, Key } from '@react-types/shared';
-import React, { JSX, ReactElement } from 'react';
+import { JSX, ReactElement } from 'react';
 interface MenuDialogTriggerProps {
     /** Whether the menu item is currently unavailable. */
     isUnavailable?: boolean;
     /** The triggering Item and the Dialog, respectively. */
     children: [ReactElement, ReactElement];
 }
-interface InternalMenuDialogTriggerProps extends MenuDialogTriggerProps {
-    targetKey: Key;
-}
 export interface SpectrumMenuDialogTriggerProps extends MenuDialogTriggerProps {
 }
-declare function ContextualHelpTrigger(props: InternalMenuDialogTriggerProps): ReactElement;
-declare namespace ContextualHelpTrigger {
-    var getCollectionNode: <T>(props: ItemProps<T>) => Generator<{
-        element: ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-        wrapper: (element: any) => JSX.Element;
-    }, void, unknown>;
-}
 declare let _Item: (props: SpectrumMenuDialogTriggerProps) => JSX.Element;
 export { _Item as ContextualHelpTrigger };

package/dist/types/src/menu/Menu.d.ts

@@ -1,6 +1,6 @@
 import { AriaMenuProps } from 'react-aria/useMenu';
 import { DOMRef, StyleProps } from '@react-types/shared';
-import React, { KeyboardEventHandler, ReactElement, ReactNode, RefObject } from 'react';
+import { KeyboardEventHandler, ReactElement, ReactNode, RefObject } from 'react';
 import { RootMenuTriggerState } from 'react-stately/useMenuTriggerState';
 import { TreeState } from 'react-stately/useTreeState';
 export interface SpectrumMenuProps<T> extends AriaMenuProps<T>, StyleProps {
@@ -9,8 +9,8 @@ export interface SpectrumMenuProps<T> extends AriaMenuProps<T>, StyleProps {
  * Menus display a list of actions or options that a user can choose.
  */
 export declare const Menu: <T>(props: SpectrumMenuProps<T> & {
-    ref?: DOMRef<HTMLDivElement> | undefined;
-}) => ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+    ref?: DOMRef<HTMLDivElement>;
+}) => ReactElement;
 export declare function TrayHeaderWrapper(props: {
     children: ReactNode;
     isSubmenu?: boolean;

package/dist/types/src/menu/SubmenuTrigger.d.ts

@@ -1,5 +1,5 @@
 import { Key } from '@react-types/shared';
-import React, { type JSX, ReactElement } from 'react';
+import { type JSX, ReactElement } from 'react';
 interface SubmenuTriggerProps {
     /**
      * The contents of the SubmenuTrigger - an Item and a Menu.
@@ -9,12 +9,5 @@ interface SubmenuTriggerProps {
 }
 export interface SpectrumSubmenuTriggerProps extends Omit<SubmenuTriggerProps, 'targetKey'> {
 }
-declare function SubmenuTrigger(props: SubmenuTriggerProps): JSX.Element;
-declare namespace SubmenuTrigger {
-    var getCollectionNode: (props: SpectrumSubmenuTriggerProps) => Generator<{
-        element: ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-        wrapper: (element: any) => JSX.Element;
-    }, void, unknown>;
-}
 declare let _SubmenuTrigger: (props: SpectrumSubmenuTriggerProps) => JSX.Element;
 export { _SubmenuTrigger as SubmenuTrigger };