@react-spectrum/s2 1.3.0 → 1.4.0

package/dist/private/Field.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Field.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 AlertIcon from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Alignment, DOMRef, NecessityIndicator} from '@react-types/shared';\nimport AsteriskIcon from '../ui-icons/Asterisk';\nimport {baseColor, focusRing, fontRelative, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline, centerBaseline, centerBaselineBefore} from './CenterBaseline';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {ContextualHelpContext} from './ContextualHelp';\nimport {control, controlFont, fieldInput, fieldLabel, StyleProps, UnsafeStyles} from './style-utils' with {type: 'macro'};\nimport {FieldError, FieldErrorProps} from 'react-aria-components/FieldError';\nimport {ForwardedRef, forwardRef, ReactNode} from 'react';\nimport {getEventTarget} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {Group, GroupProps} from 'react-aria-components/Group';\nimport {IconContext} from './Icon';\nimport intlMessages from '../intl/*.json';\nimport {Label, LabelProps} from 'react-aria-components/Label';\nimport {mergeStyles} from '../style/runtime';\nimport {Provider} from 'react-aria-components/slots';\nimport {Input as RACInput, InputProps as RACInputProps} from 'react-aria-components/Input';\n// @ts-ignore\nimport {StyleString} from '../style/types';\nimport {Text} from 'react-aria-components/Text';\nimport {useDOMRef} from './useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface FieldLabelProps extends Omit<LabelProps, 'className' | 'style' | 'render' | 'children'>, StyleProps {\n  isDisabled?: boolean,\n  isRequired?: boolean,\n  size?: 'S' | 'M' | 'L' | 'XL',\n  necessityIndicator?: NecessityIndicator,\n  labelAlign?: Alignment,\n  labelPosition?: 'top' | 'side',\n  includeNecessityIndicatorInAccessibilityName?: boolean,\n  staticColor?: 'white' | 'black' | 'auto',\n  contextualHelp?: ReactNode,\n  isQuiet?: boolean,\n  children?: ReactNode\n}\n\nexport const FieldLabel = forwardRef(function FieldLabel(props: FieldLabelProps, ref: DOMRef<HTMLLabelElement>) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    isDisabled,\n    isRequired,\n    size = 'M',\n    necessityIndicator = 'icon',\n    includeNecessityIndicatorInAccessibilityName = false,\n    labelAlign,\n    labelPosition,\n    staticColor,\n    contextualHelp,\n    isQuiet,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...labelProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let contextualHelpId = useId();\n  let fallbackLabelPropsId = useId();\n  if (contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  if (!props.children) {\n    return null;\n  }\n\n  return (\n    <div\n      className={style({\n        gridArea: 'label',\n        display: 'inline',\n        textAlign: {\n          labelAlign: {\n            start: 'start',\n            end: 'end'\n          }\n        },\n        paddingBottom: {\n          labelPosition: {\n            top: '--field-gap'\n          }\n        },\n        contain: {\n          labelPosition: {\n            top: 'inline-size'\n          },\n          isQuiet: 'none'\n        }\n      })({labelAlign, labelPosition, isQuiet})}>\n      <Label\n        {...labelProps}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={UNSAFE_className + mergeStyles(style(fieldLabel())({labelPosition, isDisabled, size, isStaticColor: !!staticColor}), props.styles)}>\n        {props.children}\n        {(isRequired || necessityIndicator === 'label') && (\n          <span className={style({whiteSpace: 'nowrap'})}>\n            &nbsp;\n            {necessityIndicator === 'icon' &&\n              <AsteriskIcon\n                size={size === 'S' ? 'M' : size}\n                className={style({\n                  '--iconPrimary': {\n                    type: 'fill',\n                    value: 'currentColor'\n                  }\n                })}\n                aria-label={includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('label.(required)') : undefined}\n                aria-hidden={!includeNecessityIndicatorInAccessibilityName} />\n            }\n            {necessityIndicator === 'label' &&\n              /* The necessity label is hidden to screen readers if the field is required because\n              * aria-required is set on the field in that case. That will already be announced,\n              * so no need to duplicate it here. If optional, we do want it to be announced here.\n              */\n              <span aria-hidden={!includeNecessityIndicatorInAccessibilityName ? isRequired : undefined}>\n                {isRequired ? stringFormatter.format('label.(required)') : stringFormatter.format('label.(optional)')}\n              </span>\n            }\n          </span>\n        )}\n      </Label>\n      {contextualHelp && (\n        <span className={style({whiteSpace: 'nowrap'})}>\n          &nbsp;\n          <CenterBaseline\n            styles={style({\n              display: 'inline-flex',\n              height: 0\n            })}>\n            <ContextualHelpContext.Provider\n              value={{\n                id: contextualHelpId,\n                'aria-labelledby': labelProps?.id ? `${labelProps.id} ${contextualHelpId}` : undefined,\n                size: (size === 'L' || size === 'XL') ? 'S' : 'XS'\n              }}>\n              {contextualHelp}\n            </ContextualHelpContext.Provider>\n          </CenterBaseline>\n        </span>\n      )}\n    </div>\n  );\n});\n\ninterface FieldGroupProps extends Omit<GroupProps, 'className' | 'style' | 'render' | 'children'>, UnsafeStyles {\n  size?: 'S' | 'M' | 'L' | 'XL',\n  children: ReactNode,\n  styles?: StyleString,\n  shouldTurnOffFocusRing?: boolean\n}\n\nconst fieldGroupStyles = style({\n  ...focusRing(),\n  ...control({shape: 'default'}),\n  ...fieldInput(),\n  borderWidth: 2,\n  borderStyle: 'solid',\n  transition: 'default',\n  borderColor: {\n    default: baseColor('gray-300'),\n    forcedColors: 'ButtonBorder',\n    isInvalid: {\n      default: baseColor('negative'),\n      forcedColors: 'Mark'\n    },\n    isFocusWithin: {\n      default: 'gray-900',\n      isInvalid: 'negative-1000',\n      forcedColors: 'Highlight'\n    },\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  backgroundColor: {\n    default: 'gray-25',\n    forcedColors: 'Field'\n  },\n  color: {\n    default: baseColor('neutral'),\n    forcedColors: 'ButtonText',\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  cursor: {\n    default: 'text',\n    isDisabled: 'default'\n  }\n});\n\nexport const FieldGroup = forwardRef(function FieldGroup(props: FieldGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {shouldTurnOffFocusRing, ...otherProps} = props;\n  return (\n    <Group\n      ref={ref}\n      {...otherProps}\n      onPointerDown={(e) => {\n        // Forward focus to input element when clicking on a non-interactive child (e.g. icon or padding)\n        if (e.pointerType === 'mouse' && !(getEventTarget(e) as Element).closest('button,input,textarea,[role=\"button\"]')) {\n          e.preventDefault();\n          (e.currentTarget.querySelector('input, textarea') as HTMLElement)?.focus();\n        }\n      }}\n      onTouchEnd={e => {\n        let target = getEventTarget(e) as HTMLElement;\n        if (!target.isContentEditable && !target.closest('button,input,textarea,[role=\"button\"]')) {\n          e.preventDefault();\n          (e.currentTarget.querySelector('input, textarea') as HTMLElement)?.focus();\n        }\n      }}\n      style={props.UNSAFE_style}\n      className={renderProps => (props.UNSAFE_className || '') + ' ' + centerBaselineBefore + mergeStyles(\n        fieldGroupStyles({\n          ...renderProps,\n          isFocusWithin: shouldTurnOffFocusRing ? false : renderProps.isFocusWithin,\n          isFocusVisible: shouldTurnOffFocusRing ? false : renderProps.isFocusVisible,\n          size: props.size || 'M'\n        }),\n        props.styles\n      )} />\n  );\n});\n\nexport interface InputProps extends Omit<RACInputProps, 'className' | 'style' | 'render'>, StyleProps {}\n\nexport const Input = forwardRef(function Input(props: InputProps, ref: ForwardedRef<HTMLInputElement>) {\n  let {UNSAFE_className = '', UNSAFE_style, styles, ...otherProps} = props;\n  return (\n    <RACInput\n      {...otherProps}\n      ref={ref}\n      style={UNSAFE_style}\n      className={UNSAFE_className + mergeStyles(style({\n        padding: 0,\n        backgroundColor: 'transparent',\n        color: {\n          default: 'inherit',\n          '::placeholder': {\n            default: 'gray-600',\n            forcedColors: 'GrayText'\n          }\n        },\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        fontWeight: 'inherit',\n        flexGrow: 1,\n        flexShrink: 1,\n        minWidth: 0,\n        width: 'full',\n        outlineStyle: 'none',\n        borderStyle: 'none',\n        truncate: true\n      }), styles)} />\n  );\n});\n\ninterface HelpTextProps extends FieldErrorProps {\n  size?: 'S' | 'M' | 'L' | 'XL',\n  isDisabled?: boolean,\n  isInvalid?: boolean, // TODO: export FieldErrorContext from RAC to get this.\n  description?: ReactNode,\n  showErrorIcon?: boolean\n}\n\nexport const helpTextStyles = style({\n  gridArea: 'helptext',\n  display: 'flex',\n  alignItems: 'baseline',\n  gap: 'text-to-visual',\n  font: controlFont(),\n  color: {\n    default: 'neutral-subdued',\n    isInvalid: {\n      default: 'negative',\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  contain: 'inline-size',\n  paddingTop: '--field-gap',\n  cursor: {\n    default: 'text',\n    isDisabled: 'default'\n  }\n});\n\nexport function HelpText(props: HelpTextProps & {descriptionRef?: DOMRef<HTMLDivElement>, errorRef?: DOMRef<HTMLDivElement>}): ReactNode {\n  let domDescriptionRef = useDOMRef(props.descriptionRef || null);\n  let domErrorRef = useDOMRef(props.errorRef || null);\n\n  if (!props.isInvalid && props.description) {\n    return (\n      <Text\n        slot=\"description\"\n        ref={domDescriptionRef}\n        className={helpTextStyles({size: props.size || 'M', isDisabled: props.isDisabled})}>\n        {props.description}\n      </Text>\n    );\n  }\n\n  return (\n    <FieldError\n      {...props}\n      ref={domErrorRef}\n      className={renderProps => helpTextStyles({...renderProps, size: props.size || 'M', isDisabled: props.isDisabled})}>\n      {composeRenderProps(props.children, (children, {validationErrors}) => (<>\n        {props.showErrorIcon &&\n          <CenterBaseline>\n            <AlertIcon />\n          </CenterBaseline>\n        }\n        <span>{children || validationErrors.join(' ')}</span>\n      </>))}\n    </FieldError>\n  );\n}\n\nexport function FieldErrorIcon(props: {isDisabled?: boolean}): ReactNode {\n  return (\n    <Provider\n      values={[\n        [IconContext, {\n          render: centerBaseline({\n            slot: 'icon',\n            styles: style({\n              order: 0,\n              flexShrink: 0,\n              '--iconPrimary': {\n                type: 'fill',\n                value: {\n                  default: 'negative',\n                  forcedColors: 'Mark'\n                }\n              }\n            })}),\n          styles: style({\n            size: fontRelative(20),\n            marginStart: 'text-to-visual',\n            marginEnd: fontRelative(-2),\n            flexShrink: 0\n          })\n        }]\n      ]}>\n      {!props.isDisabled && <AlertIcon />}\n    </Provider>\n  );\n}\n"],"names":[],"version":3,"file":"Field.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/Field.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 AlertIcon from '../s2wf-icons/S2_Icon_AlertTriangle_20_N.svg';\nimport {Alignment, DOMRef, NecessityIndicator} from '@react-types/shared';\nimport AsteriskIcon from '../ui-icons/Asterisk';\nimport {baseColor, focusRing, fontRelative, style} from '../style' with {type: 'macro'};\nimport {CenterBaseline, centerBaseline, centerBaselineBefore} from './CenterBaseline';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {ContextualHelpContext} from './ContextualHelp';\nimport {\n  control,\n  controlFont,\n  fieldInput,\n  fieldLabel,\n  StyleProps,\n  UnsafeStyles\n} from './style-utils' with {type: 'macro'};\nimport {FieldError, FieldErrorProps} from 'react-aria-components/FieldError';\nimport {ForwardedRef, forwardRef, ReactNode, useContext} from 'react';\nimport {getEventTarget} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport {Group, GroupProps} from 'react-aria-components/Group';\nimport {IconContext} from './Icon';\nimport {\n  InputContext,\n  Input as RACInput,\n  InputProps as RACInputProps\n} from 'react-aria-components/Input';\nimport intlMessages from '../intl/*.json';\nimport {Label, LabelProps} from 'react-aria-components/Label';\nimport {mergeStyles} from '../style/runtime';\nimport {Provider} from 'react-aria-components/slots';\n// @ts-ignore\nimport {StyleString} from '../style/types';\nimport {Text} from 'react-aria-components/Text';\nimport {useDOMRef} from './useDOMRef';\nimport {useId} from 'react-aria/useId';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\n\ninterface FieldLabelProps\n  extends Omit<LabelProps, 'className' | 'style' | 'render' | 'children'>, StyleProps {\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  size?: 'S' | 'M' | 'L' | 'XL';\n  necessityIndicator?: NecessityIndicator;\n  labelAlign?: Alignment;\n  labelPosition?: 'top' | 'side';\n  includeNecessityIndicatorInAccessibilityName?: boolean;\n  staticColor?: 'white' | 'black' | 'auto';\n  contextualHelp?: ReactNode;\n  isQuiet?: boolean;\n  children?: ReactNode;\n}\n\nexport const FieldLabel = forwardRef(function FieldLabel(\n  props: FieldLabelProps,\n  ref: DOMRef<HTMLLabelElement>\n) {\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n  let {\n    isDisabled,\n    isRequired,\n    size = 'M',\n    necessityIndicator = 'icon',\n    includeNecessityIndicatorInAccessibilityName = false,\n    labelAlign,\n    labelPosition,\n    staticColor,\n    contextualHelp,\n    isQuiet,\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...labelProps\n  } = props;\n\n  let domRef = useDOMRef(ref);\n  let contextualHelpId = useId();\n  let fallbackLabelPropsId = useId();\n  if (contextualHelp && !labelProps.id) {\n    labelProps.id = fallbackLabelPropsId;\n  }\n\n  if (!props.children) {\n    return null;\n  }\n\n  return (\n    <div\n      className={style({\n        gridArea: 'label',\n        display: 'inline',\n        textAlign: {\n          labelAlign: {\n            start: 'start',\n            end: 'end'\n          }\n        },\n        paddingBottom: {\n          labelPosition: {\n            top: '--field-gap'\n          }\n        },\n        contain: {\n          labelPosition: {\n            top: 'inline-size'\n          },\n          isQuiet: 'none'\n        }\n      })({labelAlign, labelPosition, isQuiet})}>\n      <Label\n        {...labelProps}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={\n          UNSAFE_className +\n          mergeStyles(\n            style(fieldLabel())({labelPosition, isDisabled, size, isStaticColor: !!staticColor}),\n            props.styles\n          )\n        }>\n        {props.children}\n        {(isRequired || necessityIndicator === 'label') && (\n          <span className={style({whiteSpace: 'nowrap'})}>\n            &nbsp;\n            {necessityIndicator === 'icon' && (\n              <AsteriskIcon\n                size={size === 'S' ? 'M' : size}\n                className={style({\n                  '--iconPrimary': {\n                    type: 'fill',\n                    value: 'currentColor'\n                  }\n                })}\n                aria-label={\n                  includeNecessityIndicatorInAccessibilityName\n                    ? stringFormatter.format('label.(required)')\n                    : undefined\n                }\n                aria-hidden={!includeNecessityIndicatorInAccessibilityName}\n              />\n            )}\n            {necessityIndicator === 'label' && (\n              /* The necessity label is hidden to screen readers if the field is required because\n               * aria-required is set on the field in that case. That will already be announced,\n               * so no need to duplicate it here. If optional, we do want it to be announced here.\n               */\n              <span\n                aria-hidden={\n                  !includeNecessityIndicatorInAccessibilityName ? isRequired : undefined\n                }>\n                {isRequired\n                  ? stringFormatter.format('label.(required)')\n                  : stringFormatter.format('label.(optional)')}\n              </span>\n            )}\n          </span>\n        )}\n      </Label>\n      {contextualHelp && (\n        <span className={style({whiteSpace: 'nowrap'})}>\n          &nbsp;\n          <CenterBaseline\n            styles={style({\n              display: 'inline-flex',\n              height: 0\n            })}>\n            <ContextualHelpContext.Provider\n              value={{\n                id: contextualHelpId,\n                'aria-labelledby': labelProps?.id\n                  ? `${labelProps.id} ${contextualHelpId}`\n                  : undefined,\n                size: size === 'L' || size === 'XL' ? 'S' : 'XS'\n              }}>\n              {contextualHelp}\n            </ContextualHelpContext.Provider>\n          </CenterBaseline>\n        </span>\n      )}\n    </div>\n  );\n});\n\ninterface FieldGroupProps\n  extends Omit<GroupProps, 'className' | 'style' | 'render' | 'children' | 'prefix'>, UnsafeStyles {\n  size?: 'S' | 'M' | 'L' | 'XL';\n  children: ReactNode;\n  styles?: StyleString;\n  shouldTurnOffFocusRing?: boolean;\n  prefix?: ReactNode;\n}\n\nconst fieldGroupStyles = style({\n  ...focusRing(),\n  ...control({shape: 'default'}),\n  ...fieldInput(),\n  borderWidth: 2,\n  borderStyle: 'solid',\n  transition: 'default',\n  borderColor: {\n    default: baseColor('gray-300'),\n    forcedColors: 'ButtonBorder',\n    isInvalid: {\n      default: baseColor('negative'),\n      forcedColors: 'Mark'\n    },\n    isFocusWithin: {\n      default: 'gray-900',\n      isInvalid: 'negative-1000',\n      forcedColors: 'Highlight'\n    },\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  backgroundColor: {\n    default: 'gray-25',\n    forcedColors: 'Field'\n  },\n  color: {\n    default: baseColor('neutral'),\n    forcedColors: 'ButtonText',\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  cursor: {\n    default: 'text',\n    isDisabled: 'default'\n  }\n});\n\nexport const FieldGroup = forwardRef(function FieldGroup(\n  props: FieldGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  let {children, prefix, shouldTurnOffFocusRing, ...otherProps} = props;\n  let ctx = useContext(InputContext);\n  let prefixId = useId();\n  let newAriaLabelledby = ctx?.['aria-labelledby'];\n  if (prefix) {\n    newAriaLabelledby = newAriaLabelledby ? `${newAriaLabelledby} ${prefixId}` : prefixId;\n  }\n  return (\n    <Group\n      ref={ref}\n      {...otherProps}\n      onPointerDown={e => {\n        // Forward focus to input element when clicking on a non-interactive child (e.g. icon or padding)\n        if (\n          e.pointerType === 'mouse' &&\n          !(getEventTarget(e) as Element).closest('button,input,textarea,[role=\"button\"]')\n        ) {\n          e.preventDefault();\n          (e.currentTarget.querySelector('input, textarea') as HTMLElement)?.focus();\n        }\n      }}\n      onTouchEnd={e => {\n        let target = getEventTarget(e) as HTMLElement;\n        if (!target.isContentEditable && !target.closest('button,input,textarea,[role=\"button\"]')) {\n          e.preventDefault();\n          (e.currentTarget.querySelector('input, textarea') as HTMLElement)?.focus();\n        }\n      }}\n      style={props.UNSAFE_style}\n      className={renderProps =>\n        (props.UNSAFE_className || '') +\n        ' ' +\n        centerBaselineBefore +\n        mergeStyles(\n          fieldGroupStyles({\n            ...renderProps,\n            isFocusWithin: shouldTurnOffFocusRing ? false : renderProps.isFocusWithin,\n            isFocusVisible: shouldTurnOffFocusRing ? false : renderProps.isFocusVisible,\n            size: props.size || 'M'\n          }),\n          props.styles\n        )\n      }>\n      {props.prefix ? (\n        <Provider\n          values={[\n            [\n              IconContext,\n              {\n                styles: style({\n                  size: fontRelative(20),\n                  '--iconPrimary': {type: 'fill', value: 'currentColor'}\n                })\n              }\n            ]\n          ]}>\n          <CenterBaseline\n            id={prefixId}\n            styles={style({\n              color: 'gray-600',\n              flexShrink: 0,\n              marginEnd: 'text-to-visual'\n            })}>\n            {props.prefix}\n          </CenterBaseline>\n        </Provider>\n      ) : null}\n      <InputContext.Consumer>\n        {ctx => (\n          <InputContext.Provider value={{...ctx, 'aria-labelledby': newAriaLabelledby}}>\n            {children}\n          </InputContext.Provider>\n        )}\n      </InputContext.Consumer>\n    </Group>\n  );\n});\n\nexport interface InputProps\n  extends Omit<RACInputProps, 'className' | 'style' | 'render'>, StyleProps {}\n\nexport const Input = forwardRef(function Input(\n  props: InputProps,\n  ref: ForwardedRef<HTMLInputElement>\n) {\n  let {UNSAFE_className = '', UNSAFE_style, styles, ...otherProps} = props;\n  return (\n    <RACInput\n      {...otherProps}\n      ref={ref}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        mergeStyles(\n          style({\n            padding: 0,\n            backgroundColor: 'transparent',\n            color: {\n              default: 'inherit',\n              '::placeholder': {\n                default: 'gray-600',\n                forcedColors: 'GrayText'\n              }\n            },\n            fontFamily: 'inherit',\n            fontSize: 'inherit',\n            fontWeight: 'inherit',\n            flexGrow: 1,\n            flexShrink: 1,\n            minWidth: 0,\n            width: 'full',\n            outlineStyle: 'none',\n            borderStyle: 'none',\n            truncate: true\n          }),\n          styles\n        )\n      }\n    />\n  );\n});\n\ninterface HelpTextProps extends FieldErrorProps {\n  size?: 'XS' | 'S' | 'M' | 'L' | 'XL';\n  isDisabled?: boolean;\n  isInvalid?: boolean; // TODO: export FieldErrorContext from RAC to get this.\n  description?: ReactNode;\n  showErrorIcon?: boolean;\n  styles?: StyleString;\n}\n\nexport const helpTextStyles = style({\n  gridArea: 'helptext',\n  display: 'flex',\n  alignItems: 'baseline',\n  gap: 'text-to-visual',\n  font: controlFont(),\n  color: {\n    default: 'neutral-subdued',\n    isInvalid: {\n      default: 'negative',\n      forcedColors: 'Mark'\n    },\n    isDisabled: {\n      default: 'disabled',\n      forcedColors: 'GrayText'\n    }\n  },\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  },\n  contain: 'inline-size',\n  paddingTop: '--field-gap',\n  cursor: {\n    default: 'text',\n    isDisabled: 'default'\n  }\n});\n\nexport function HelpText(\n  props: HelpTextProps & {\n    descriptionRef?: DOMRef<HTMLDivElement>;\n    errorRef?: DOMRef<HTMLDivElement>;\n  }\n): ReactNode {\n  let domDescriptionRef = useDOMRef(props.descriptionRef || null);\n  let domErrorRef = useDOMRef(props.errorRef || null);\n\n  if (!props.isInvalid && props.description) {\n    return (\n      <Text\n        slot=\"description\"\n        ref={domDescriptionRef}\n        className={mergeStyles(\n          helpTextStyles({size: props.size || 'M', isDisabled: props.isDisabled}),\n          props.styles\n        )}>\n        {props.description}\n      </Text>\n    );\n  }\n\n  if (!props.isInvalid) {\n    return null;\n  }\n\n  return (\n    <FieldError\n      {...props}\n      ref={domErrorRef}\n      className={renderProps =>\n        mergeStyles(\n          helpTextStyles({...renderProps, size: props.size || 'M', isDisabled: props.isDisabled}),\n          props.styles\n        )\n      }>\n      {composeRenderProps(props.children, (children, {validationErrors}) => (\n        <>\n          {props.showErrorIcon && (\n            <CenterBaseline>\n              <AlertIcon\n                // @ts-ignore - ts doesn't know that AlertIcon is an icon and not a raw SVG\n                styles={style({\n                  size: {\n                    size: {\n                      XS: 14,\n                      S: 16,\n                      M: 20,\n                      L: 22,\n                      XL: 26\n                    }\n                  }\n                })({size: props.size || 'M'})}\n              />\n            </CenterBaseline>\n          )}\n          <span>{children || validationErrors.join(' ')}</span>\n        </>\n      ))}\n    </FieldError>\n  );\n}\n\nexport function FieldErrorIcon(props: {isDisabled?: boolean}): ReactNode {\n  return (\n    <Provider\n      values={[\n        [\n          IconContext,\n          {\n            render: centerBaseline({\n              slot: 'icon',\n              styles: style({\n                order: 0,\n                flexShrink: 0,\n                '--iconPrimary': {\n                  type: 'fill',\n                  value: {\n                    default: 'negative',\n                    forcedColors: 'Mark'\n                  }\n                }\n              })\n            }),\n            styles: style({\n              size: fontRelative(20),\n              marginStart: 'text-to-visual',\n              marginEnd: fontRelative(-2),\n              flexShrink: 0\n            })\n          }\n        ]\n      ]}>\n      {!props.isDisabled && <AlertIcon />}\n    </Provider>\n  );\n}\n"],"names":[],"version":3,"file":"Field.mjs.map"}

package/dist/private/Fonts.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,6FAA6F;AAC7F,gGAAgG;AAChG,yHAAyH;AACzH,IAAI,gCAAU;IACZ,IAAI;IACJ,IAAI;IACJ,WAAW;IACX,SAAS;IACT,SAAS;IACT,SAAS;IACT,WAAW;IACX,IAAI;AACN;AAEA,uDAAuD;AACvD,IAAI,iCAAW;IACb,+GAA+G;IAC/G,mDAAmD;IACnD,QAAQ;IACN,wJAAwJ;IACxJ,wJAAwJ;IACxJ,wJAAwJ;IACxJ,uJAAuJ;IACvJ,uJAAuJ;IACzJ,KAAK;IACL,QAAQ;IACN,wJAAwJ;IACxJ,wJAAwJ;IACxJ,uJAAuJ;IACvJ,uJAAuJ;IACzJ,KAAK;IACL,IAAI;QACF,mCAAmC;QACnC;KACD;AACH;AAEO,SAAS;IACd,IAAI,EAAC,QAAQ,YAAY,EAAC,GAAG,CAAA,GAAA,sCAAQ;IACrC,IAAI,SAAS,CAAA,GAAA,oBAAM,EAAE,IAAM,IAAI,KAAK,MAAM,CAAC,eAAe;QAAC;KAAa;IACxE,IAAI,oBAAoB,OAAO,QAAQ,GAAI,CAAA,OAAO,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,EAAC;IAClF,IAAI,oBAAoB,OAAO,QAAQ,GAAI,CAAA,OAAO,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,EAAC;IAElF,+BAA+B;IAC/B,IAAI,YAAY,6BAAO,CAAC,OAAO,QAAQ,CAAC,IAAI,6BAAO,CAAC,kBAAkB,IAAI,6BAAO,CAAC,kBAAkB,IAAI,6BAAO,CAAC,OAAO,QAAQ,CAAC;IAChI,IAAI,SAAS,YAAY,CAAC,wBAAwB,EAAE,UAAU,GAAG,CAAC,GAAG;IAErE,IAAI,YAAY,CAAA,GAAA,mBAAK,EAA4B;IACjD,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,WAAW,UAAU,OAAO;QAEhC,4EAA4E;QAC5E,gDAAgD;QAChD,IAAI,UAAU,SAAS,CAAA,GAAA,oBAAW,GAAG,MAAM,IAAI;YAC7C,WAAW,MAAM,IAAI,CAAC,SAAS,OAAO,EAAE,IAAI,CAAC,CAAA,IAAK,EAAE,GAAG,KAAK,WAAW;YACvE,IAAI,CAAC,UAAU;gBACb,WAAW,SAAS,aAAa,CAAC;gBAClC,SAAS,KAAK,GAAG;gBACjB,SAAS,GAAG,GAAG;gBACf,SAAS,IAAI,CAAC,WAAW,CAAC;YAC5B;QACF;QAEA,IAAI,UACF,SAAS,MAAM,GAAG;YAChB,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,eAAe,OAAO,MAAM,CAAC,UAAU,CAAC,IAAI,KAAK,YAChF,MAAM,CAAC,UAAU,CAAC,IAAI;QAE1B;IAEJ,GAAG;QAAC;QAAW;KAAO;IAEtB,4FAA4F;IAC5F,8BAA8B;IAC9B,IAAI,UAAU,SAAS,CAAA,GAAA,oBAAW,GAAG,OAAO,IAC1C,qBAAO,gCAAC;QAAO,KAAK;QAAC,KAAK;QAAqB,KAAK;OAAb;IAGzC,+FAA+F;IAC/F,iGAAiG;IACjG,yCAAyC;IACzC,IAAI,cAAc,8BAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,+BAAS,EAAE;IAC1D,IAAI,eAAe,OAAO,CAAA,GAAA,yCAAO,CAAC,CAAC,UAAU,KAAK,YAChD,KAAK,IAAI,OAAO,YACd,CAAA,GAAA,yCAAO,EAAE,OAAO,CAAC,KAAK;QACpB,IAAI;QACJ,MAAM;QACN,aAAa;IACf;IAIJ,OAAO;AACT","sources":["packages/@react-spectrum/s2/src/Fonts.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport {ReactNode, version as ReactVersion, useEffect, useMemo, useRef} from 'react';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport './font-faces.css';\n\n// Typekit ids for each CJK locale. These use dynamic subsetting, so cannot be loaded as CSS.\n// Because of the large size of the JS, we only download the script for the locale that is used.\n// Each of these kits includes regular, bold, extra bold, and black weights. Spectrum 2 does not use any lighter weights.\nlet scripts = {\n  ja: 'pyb4hbv',\n  ko: 'pux4zom',\n  'zh-Hans': 'qwy0qqd',\n  'zh-CN': 'qwy0qqd',\n  'zh-SG': 'qwy0qqd',\n  'zh-HK': 'wrf0dsa',\n  'zh-Hant': 'twr1oiz',\n  zh: 'twr1oiz'\n};\n\n// Font URLs from fonts.css to preload for each locale.\nlet preloads = {\n  // Currently no preloads for arabic and hebrew, because we don't know which weights will be used ahead of time.\n  // Browsers will emit warnings for unused preloads.\n  // ar: [\n    // 'https://use.typekit.net/af/dfb464/00000000000000007735a2f9/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3',\n    // 'https://use.typekit.net/af/560a53/00000000000000007735a300/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3',\n    // 'https://use.typekit.net/af/0f9162/00000000000000007735a307/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3',\n    // 'https://use.typekit.net/af/ab2792/00000000000000007735a309/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3'\n    // 'https://use.typekit.net/af/560a53/00000000000000007735a300/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3'\n  // ],\n  // he: [\n    // 'https://use.typekit.net/af/ffca46/00000000000000007735a30a/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3',\n    // 'https://use.typekit.net/af/e90860/00000000000000007735a313/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3',\n    // 'https://use.typekit.net/af/619974/00000000000000007735a31f/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3'\n    // 'https://use.typekit.net/af/e90860/00000000000000007735a313/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3'\n  // ],\n  en: [\n    // Preload Adobe Clean Spectrum VF.\n    'https://use.typekit.net/af/ca4cba/0000000000000000775c55a1/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n1&v=3'\n  ]\n};\n\nexport function Fonts(): ReactNode {\n  let {locale: localeString} = useLocale();\n  let locale = useMemo(() => new Intl.Locale(localeString), [localeString]);\n  let languageAndRegion = locale.language + (locale.region ? '-' + locale.region : '');\n  let languageAndScript = locale.language + (locale.script ? '-' + locale.script : '');\n\n  // Load script tag for CJK font\n  let typekitId = scripts[locale.baseName] || scripts[languageAndRegion] || scripts[languageAndScript] || scripts[locale.language];\n  let script = typekitId ? `https://use.typekit.net/${typekitId}.js` : null;\n\n  let scriptRef = useRef<HTMLScriptElement | null>(null);\n  useEffect(() => {\n    let scriptEl = scriptRef.current;\n\n    // In older React versions, we must manually insert scripts into the <head>.\n    // Scripts rendered by React are never executed.\n    if (script && parseInt(ReactVersion, 10) < 19) {\n      scriptEl = Array.from(document.scripts).find(s => s.src === script) || null;\n      if (!scriptEl) {\n        scriptEl = document.createElement('script');\n        scriptEl.async = true;\n        scriptEl.src = script;\n        document.head.appendChild(scriptEl);\n      }\n    }\n\n    if (scriptEl) {\n      scriptEl.onload = () => {\n        if (typeof window['Typekit'] !== 'undefined' && typeof window['Typekit'].load === 'function') {\n          window['Typekit'].load();\n        }\n      };\n    }\n  }, [scriptRef, script]);\n\n  // When using React 19, async scripts are automatically deduped and hoisted into the <head>.\n  // This also works during SSR.\n  if (script && parseInt(ReactVersion, 10) >= 19) {\n    return <script async src={script} key={script} ref={scriptRef} />;\n  }\n\n  // Preload fonts referenced by CSS file using React 19's preloading mechanism (when available).\n  // This will insert a <link rel=\"preload\"> tag in the <head>, which is useful during SSR to start\n  // font loading before the CSS downloads.\n  let preloadUrls = preloads[locale.language] || preloads.en;\n  if (preloadUrls && typeof ReactDOM['preload'] === 'function') {\n    for (let url of preloadUrls) {\n      ReactDOM.preload(url, {\n        as: 'font',\n        type: 'font/woff2',\n        crossOrigin: ''\n      });\n    }\n  }\n\n  return null;\n}\n"],"names":[],"version":3,"file":"Fonts.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKA,6FAA6F;AAC7F,gGAAgG;AAChG,yHAAyH;AACzH,IAAI,gCAAU;IACZ,IAAI;IACJ,IAAI;IACJ,WAAW;IACX,SAAS;IACT,SAAS;IACT,SAAS;IACT,WAAW;IACX,IAAI;AACN;AAEA,uDAAuD;AACvD,IAAI,iCAAW;IACb,+GAA+G;IAC/G,mDAAmD;IACnD,QAAQ;IACR,wJAAwJ;IACxJ,wJAAwJ;IACxJ,wJAAwJ;IACxJ,uJAAuJ;IACvJ,uJAAuJ;IACvJ,KAAK;IACL,QAAQ;IACR,wJAAwJ;IACxJ,wJAAwJ;IACxJ,uJAAuJ;IACvJ,uJAAuJ;IACvJ,KAAK;IACL,IAAI;QACF,mCAAmC;QACnC;KACD;AACH;AAEO,SAAS;IACd,IAAI,EAAC,QAAQ,YAAY,EAAC,GAAG,CAAA,GAAA,sCAAQ;IACrC,IAAI,SAAS,CAAA,GAAA,oBAAM,EAAE,IAAM,IAAI,KAAK,MAAM,CAAC,eAAe;QAAC;KAAa;IACxE,IAAI,oBAAoB,OAAO,QAAQ,GAAI,CAAA,OAAO,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,EAAC;IAClF,IAAI,oBAAoB,OAAO,QAAQ,GAAI,CAAA,OAAO,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,EAAC;IAElF,+BAA+B;IAC/B,IAAI,YACF,6BAAO,CAAC,OAAO,QAAQ,CAAC,IACxB,6BAAO,CAAC,kBAAkB,IAC1B,6BAAO,CAAC,kBAAkB,IAC1B,6BAAO,CAAC,OAAO,QAAQ,CAAC;IAC1B,IAAI,SAAS,YAAY,CAAC,wBAAwB,EAAE,UAAU,GAAG,CAAC,GAAG;IAErE,IAAI,YAAY,CAAA,GAAA,mBAAK,EAA4B;IACjD,CAAA,GAAA,sBAAQ,EAAE;QACR,IAAI,WAAW,UAAU,OAAO;QAEhC,4EAA4E;QAC5E,gDAAgD;QAChD,IAAI,UAAU,SAAS,CAAA,GAAA,oBAAW,GAAG,MAAM,IAAI;YAC7C,WAAW,MAAM,IAAI,CAAC,SAAS,OAAO,EAAE,IAAI,CAAC,CAAA,IAAK,EAAE,GAAG,KAAK,WAAW;YACvE,IAAI,CAAC,UAAU;gBACb,WAAW,SAAS,aAAa,CAAC;gBAClC,SAAS,KAAK,GAAG;gBACjB,SAAS,GAAG,GAAG;gBACf,SAAS,IAAI,CAAC,WAAW,CAAC;YAC5B;QACF;QAEA,IAAI,UACF,SAAS,MAAM,GAAG;YAChB,IACE,OAAO,MAAM,CAAC,UAAU,KAAK,eAC7B,OAAO,MAAM,CAAC,UAAU,CAAC,IAAI,KAAK,YAElC,MAAM,CAAC,UAAU,CAAC,IAAI;QAE1B;IAEJ,GAAG;QAAC;QAAW;KAAO;IAEtB,4FAA4F;IAC5F,8BAA8B;IAC9B,IAAI,UAAU,SAAS,CAAA,GAAA,oBAAW,GAAG,OAAO,IAC1C,qBAAO,gCAAC;QAAO,KAAK;QAAC,KAAK;QAAqB,KAAK;OAAb;IAGzC,+FAA+F;IAC/F,iGAAiG;IACjG,yCAAyC;IACzC,IAAI,cAAc,8BAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,+BAAS,EAAE;IAC1D,IAAI,eAAe,OAAO,CAAA,GAAA,yCAAO,CAAC,CAAC,UAAU,KAAK,YAChD,KAAK,IAAI,OAAO,YACd,CAAA,GAAA,yCAAO,EAAE,OAAO,CAAC,KAAK;QACpB,IAAI;QACJ,MAAM;QACN,aAAa;IACf;IAIJ,OAAO;AACT","sources":["packages/@react-spectrum/s2/src/Fonts.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport {ReactNode, version as ReactVersion, useEffect, useMemo, useRef} from 'react';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport './font-faces.css';\n\n// Typekit ids for each CJK locale. These use dynamic subsetting, so cannot be loaded as CSS.\n// Because of the large size of the JS, we only download the script for the locale that is used.\n// Each of these kits includes regular, bold, extra bold, and black weights. Spectrum 2 does not use any lighter weights.\nlet scripts = {\n  ja: 'pyb4hbv',\n  ko: 'pux4zom',\n  'zh-Hans': 'qwy0qqd',\n  'zh-CN': 'qwy0qqd',\n  'zh-SG': 'qwy0qqd',\n  'zh-HK': 'wrf0dsa',\n  'zh-Hant': 'twr1oiz',\n  zh: 'twr1oiz'\n};\n\n// Font URLs from fonts.css to preload for each locale.\nlet preloads = {\n  // Currently no preloads for arabic and hebrew, because we don't know which weights will be used ahead of time.\n  // Browsers will emit warnings for unused preloads.\n  // ar: [\n  // 'https://use.typekit.net/af/dfb464/00000000000000007735a2f9/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3',\n  // 'https://use.typekit.net/af/560a53/00000000000000007735a300/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3',\n  // 'https://use.typekit.net/af/0f9162/00000000000000007735a307/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3',\n  // 'https://use.typekit.net/af/ab2792/00000000000000007735a309/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3'\n  // 'https://use.typekit.net/af/560a53/00000000000000007735a300/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3'\n  // ],\n  // he: [\n  // 'https://use.typekit.net/af/ffca46/00000000000000007735a30a/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3',\n  // 'https://use.typekit.net/af/e90860/00000000000000007735a313/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3',\n  // 'https://use.typekit.net/af/619974/00000000000000007735a31f/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3'\n  // 'https://use.typekit.net/af/e90860/00000000000000007735a313/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3'\n  // ],\n  en: [\n    // Preload Adobe Clean Spectrum VF.\n    'https://use.typekit.net/af/ca4cba/0000000000000000775c55a1/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n1&v=3'\n  ]\n};\n\nexport function Fonts(): ReactNode {\n  let {locale: localeString} = useLocale();\n  let locale = useMemo(() => new Intl.Locale(localeString), [localeString]);\n  let languageAndRegion = locale.language + (locale.region ? '-' + locale.region : '');\n  let languageAndScript = locale.language + (locale.script ? '-' + locale.script : '');\n\n  // Load script tag for CJK font\n  let typekitId =\n    scripts[locale.baseName] ||\n    scripts[languageAndRegion] ||\n    scripts[languageAndScript] ||\n    scripts[locale.language];\n  let script = typekitId ? `https://use.typekit.net/${typekitId}.js` : null;\n\n  let scriptRef = useRef<HTMLScriptElement | null>(null);\n  useEffect(() => {\n    let scriptEl = scriptRef.current;\n\n    // In older React versions, we must manually insert scripts into the <head>.\n    // Scripts rendered by React are never executed.\n    if (script && parseInt(ReactVersion, 10) < 19) {\n      scriptEl = Array.from(document.scripts).find(s => s.src === script) || null;\n      if (!scriptEl) {\n        scriptEl = document.createElement('script');\n        scriptEl.async = true;\n        scriptEl.src = script;\n        document.head.appendChild(scriptEl);\n      }\n    }\n\n    if (scriptEl) {\n      scriptEl.onload = () => {\n        if (\n          typeof window['Typekit'] !== 'undefined' &&\n          typeof window['Typekit'].load === 'function'\n        ) {\n          window['Typekit'].load();\n        }\n      };\n    }\n  }, [scriptRef, script]);\n\n  // When using React 19, async scripts are automatically deduped and hoisted into the <head>.\n  // This also works during SSR.\n  if (script && parseInt(ReactVersion, 10) >= 19) {\n    return <script async src={script} key={script} ref={scriptRef} />;\n  }\n\n  // Preload fonts referenced by CSS file using React 19's preloading mechanism (when available).\n  // This will insert a <link rel=\"preload\"> tag in the <head>, which is useful during SSR to start\n  // font loading before the CSS downloads.\n  let preloadUrls = preloads[locale.language] || preloads.en;\n  if (preloadUrls && typeof ReactDOM['preload'] === 'function') {\n    for (let url of preloadUrls) {\n      ReactDOM.preload(url, {\n        as: 'font',\n        type: 'font/woff2',\n        crossOrigin: ''\n      });\n    }\n  }\n\n  return null;\n}\n"],"names":[],"version":3,"file":"Fonts.cjs.map"}

package/dist/private/Fonts.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAKA,6FAA6F;AAC7F,gGAAgG;AAChG,yHAAyH;AACzH,IAAI,gCAAU;IACZ,IAAI;IACJ,IAAI;IACJ,WAAW;IACX,SAAS;IACT,SAAS;IACT,SAAS;IACT,WAAW;IACX,IAAI;AACN;AAEA,uDAAuD;AACvD,IAAI,iCAAW;IACb,+GAA+G;IAC/G,mDAAmD;IACnD,QAAQ;IACN,wJAAwJ;IACxJ,wJAAwJ;IACxJ,wJAAwJ;IACxJ,uJAAuJ;IACvJ,uJAAuJ;IACzJ,KAAK;IACL,QAAQ;IACN,wJAAwJ;IACxJ,wJAAwJ;IACxJ,uJAAuJ;IACvJ,uJAAuJ;IACzJ,KAAK;IACL,IAAI;QACF,mCAAmC;QACnC;KACD;AACH;AAEO,SAAS;IACd,IAAI,EAAC,QAAQ,YAAY,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACrC,IAAI,SAAS,CAAA,GAAA,cAAM,EAAE,IAAM,IAAI,KAAK,MAAM,CAAC,eAAe;QAAC;KAAa;IACxE,IAAI,oBAAoB,OAAO,QAAQ,GAAI,CAAA,OAAO,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,EAAC;IAClF,IAAI,oBAAoB,OAAO,QAAQ,GAAI,CAAA,OAAO,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,EAAC;IAElF,+BAA+B;IAC/B,IAAI,YAAY,6BAAO,CAAC,OAAO,QAAQ,CAAC,IAAI,6BAAO,CAAC,kBAAkB,IAAI,6BAAO,CAAC,kBAAkB,IAAI,6BAAO,CAAC,OAAO,QAAQ,CAAC;IAChI,IAAI,SAAS,YAAY,CAAC,wBAAwB,EAAE,UAAU,GAAG,CAAC,GAAG;IAErE,IAAI,YAAY,CAAA,GAAA,aAAK,EAA4B;IACjD,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,WAAW,UAAU,OAAO;QAEhC,4EAA4E;QAC5E,gDAAgD;QAChD,IAAI,UAAU,SAAS,CAAA,GAAA,cAAW,GAAG,MAAM,IAAI;YAC7C,WAAW,MAAM,IAAI,CAAC,SAAS,OAAO,EAAE,IAAI,CAAC,CAAA,IAAK,EAAE,GAAG,KAAK,WAAW;YACvE,IAAI,CAAC,UAAU;gBACb,WAAW,SAAS,aAAa,CAAC;gBAClC,SAAS,KAAK,GAAG;gBACjB,SAAS,GAAG,GAAG;gBACf,SAAS,IAAI,CAAC,WAAW,CAAC;YAC5B;QACF;QAEA,IAAI,UACF,SAAS,MAAM,GAAG;YAChB,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,eAAe,OAAO,MAAM,CAAC,UAAU,CAAC,IAAI,KAAK,YAChF,MAAM,CAAC,UAAU,CAAC,IAAI;QAE1B;IAEJ,GAAG;QAAC;QAAW;KAAO;IAEtB,4FAA4F;IAC5F,8BAA8B;IAC9B,IAAI,UAAU,SAAS,CAAA,GAAA,cAAW,GAAG,OAAO,IAC1C,qBAAO,gBAAC;QAAO,KAAK;QAAC,KAAK;QAAqB,KAAK;OAAb;IAGzC,+FAA+F;IAC/F,iGAAiG;IACjG,yCAAyC;IACzC,IAAI,cAAc,8BAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,+BAAS,EAAE;IAC1D,IAAI,eAAe,OAAO,CAAA,GAAA,eAAO,CAAC,CAAC,UAAU,KAAK,YAChD,KAAK,IAAI,OAAO,YACd,CAAA,GAAA,eAAO,EAAE,OAAO,CAAC,KAAK;QACpB,IAAI;QACJ,MAAM;QACN,aAAa;IACf;IAIJ,OAAO;AACT","sources":["packages/@react-spectrum/s2/src/Fonts.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport {ReactNode, version as ReactVersion, useEffect, useMemo, useRef} from 'react';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport './font-faces.css';\n\n// Typekit ids for each CJK locale. These use dynamic subsetting, so cannot be loaded as CSS.\n// Because of the large size of the JS, we only download the script for the locale that is used.\n// Each of these kits includes regular, bold, extra bold, and black weights. Spectrum 2 does not use any lighter weights.\nlet scripts = {\n  ja: 'pyb4hbv',\n  ko: 'pux4zom',\n  'zh-Hans': 'qwy0qqd',\n  'zh-CN': 'qwy0qqd',\n  'zh-SG': 'qwy0qqd',\n  'zh-HK': 'wrf0dsa',\n  'zh-Hant': 'twr1oiz',\n  zh: 'twr1oiz'\n};\n\n// Font URLs from fonts.css to preload for each locale.\nlet preloads = {\n  // Currently no preloads for arabic and hebrew, because we don't know which weights will be used ahead of time.\n  // Browsers will emit warnings for unused preloads.\n  // ar: [\n    // 'https://use.typekit.net/af/dfb464/00000000000000007735a2f9/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3',\n    // 'https://use.typekit.net/af/560a53/00000000000000007735a300/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3',\n    // 'https://use.typekit.net/af/0f9162/00000000000000007735a307/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3',\n    // 'https://use.typekit.net/af/ab2792/00000000000000007735a309/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3'\n    // 'https://use.typekit.net/af/560a53/00000000000000007735a300/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3'\n  // ],\n  // he: [\n    // 'https://use.typekit.net/af/ffca46/00000000000000007735a30a/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3',\n    // 'https://use.typekit.net/af/e90860/00000000000000007735a313/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3',\n    // 'https://use.typekit.net/af/619974/00000000000000007735a31f/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3'\n    // 'https://use.typekit.net/af/e90860/00000000000000007735a313/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3'\n  // ],\n  en: [\n    // Preload Adobe Clean Spectrum VF.\n    'https://use.typekit.net/af/ca4cba/0000000000000000775c55a1/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n1&v=3'\n  ]\n};\n\nexport function Fonts(): ReactNode {\n  let {locale: localeString} = useLocale();\n  let locale = useMemo(() => new Intl.Locale(localeString), [localeString]);\n  let languageAndRegion = locale.language + (locale.region ? '-' + locale.region : '');\n  let languageAndScript = locale.language + (locale.script ? '-' + locale.script : '');\n\n  // Load script tag for CJK font\n  let typekitId = scripts[locale.baseName] || scripts[languageAndRegion] || scripts[languageAndScript] || scripts[locale.language];\n  let script = typekitId ? `https://use.typekit.net/${typekitId}.js` : null;\n\n  let scriptRef = useRef<HTMLScriptElement | null>(null);\n  useEffect(() => {\n    let scriptEl = scriptRef.current;\n\n    // In older React versions, we must manually insert scripts into the <head>.\n    // Scripts rendered by React are never executed.\n    if (script && parseInt(ReactVersion, 10) < 19) {\n      scriptEl = Array.from(document.scripts).find(s => s.src === script) || null;\n      if (!scriptEl) {\n        scriptEl = document.createElement('script');\n        scriptEl.async = true;\n        scriptEl.src = script;\n        document.head.appendChild(scriptEl);\n      }\n    }\n\n    if (scriptEl) {\n      scriptEl.onload = () => {\n        if (typeof window['Typekit'] !== 'undefined' && typeof window['Typekit'].load === 'function') {\n          window['Typekit'].load();\n        }\n      };\n    }\n  }, [scriptRef, script]);\n\n  // When using React 19, async scripts are automatically deduped and hoisted into the <head>.\n  // This also works during SSR.\n  if (script && parseInt(ReactVersion, 10) >= 19) {\n    return <script async src={script} key={script} ref={scriptRef} />;\n  }\n\n  // Preload fonts referenced by CSS file using React 19's preloading mechanism (when available).\n  // This will insert a <link rel=\"preload\"> tag in the <head>, which is useful during SSR to start\n  // font loading before the CSS downloads.\n  let preloadUrls = preloads[locale.language] || preloads.en;\n  if (preloadUrls && typeof ReactDOM['preload'] === 'function') {\n    for (let url of preloadUrls) {\n      ReactDOM.preload(url, {\n        as: 'font',\n        type: 'font/woff2',\n        crossOrigin: ''\n      });\n    }\n  }\n\n  return null;\n}\n"],"names":[],"version":3,"file":"Fonts.mjs.map"}
+{"mappings":";;;;;;;;;;;;AAKA,6FAA6F;AAC7F,gGAAgG;AAChG,yHAAyH;AACzH,IAAI,gCAAU;IACZ,IAAI;IACJ,IAAI;IACJ,WAAW;IACX,SAAS;IACT,SAAS;IACT,SAAS;IACT,WAAW;IACX,IAAI;AACN;AAEA,uDAAuD;AACvD,IAAI,iCAAW;IACb,+GAA+G;IAC/G,mDAAmD;IACnD,QAAQ;IACR,wJAAwJ;IACxJ,wJAAwJ;IACxJ,wJAAwJ;IACxJ,uJAAuJ;IACvJ,uJAAuJ;IACvJ,KAAK;IACL,QAAQ;IACR,wJAAwJ;IACxJ,wJAAwJ;IACxJ,uJAAuJ;IACvJ,uJAAuJ;IACvJ,KAAK;IACL,IAAI;QACF,mCAAmC;QACnC;KACD;AACH;AAEO,SAAS;IACd,IAAI,EAAC,QAAQ,YAAY,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACrC,IAAI,SAAS,CAAA,GAAA,cAAM,EAAE,IAAM,IAAI,KAAK,MAAM,CAAC,eAAe;QAAC;KAAa;IACxE,IAAI,oBAAoB,OAAO,QAAQ,GAAI,CAAA,OAAO,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,EAAC;IAClF,IAAI,oBAAoB,OAAO,QAAQ,GAAI,CAAA,OAAO,MAAM,GAAG,MAAM,OAAO,MAAM,GAAG,EAAC;IAElF,+BAA+B;IAC/B,IAAI,YACF,6BAAO,CAAC,OAAO,QAAQ,CAAC,IACxB,6BAAO,CAAC,kBAAkB,IAC1B,6BAAO,CAAC,kBAAkB,IAC1B,6BAAO,CAAC,OAAO,QAAQ,CAAC;IAC1B,IAAI,SAAS,YAAY,CAAC,wBAAwB,EAAE,UAAU,GAAG,CAAC,GAAG;IAErE,IAAI,YAAY,CAAA,GAAA,aAAK,EAA4B;IACjD,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,WAAW,UAAU,OAAO;QAEhC,4EAA4E;QAC5E,gDAAgD;QAChD,IAAI,UAAU,SAAS,CAAA,GAAA,cAAW,GAAG,MAAM,IAAI;YAC7C,WAAW,MAAM,IAAI,CAAC,SAAS,OAAO,EAAE,IAAI,CAAC,CAAA,IAAK,EAAE,GAAG,KAAK,WAAW;YACvE,IAAI,CAAC,UAAU;gBACb,WAAW,SAAS,aAAa,CAAC;gBAClC,SAAS,KAAK,GAAG;gBACjB,SAAS,GAAG,GAAG;gBACf,SAAS,IAAI,CAAC,WAAW,CAAC;YAC5B;QACF;QAEA,IAAI,UACF,SAAS,MAAM,GAAG;YAChB,IACE,OAAO,MAAM,CAAC,UAAU,KAAK,eAC7B,OAAO,MAAM,CAAC,UAAU,CAAC,IAAI,KAAK,YAElC,MAAM,CAAC,UAAU,CAAC,IAAI;QAE1B;IAEJ,GAAG;QAAC;QAAW;KAAO;IAEtB,4FAA4F;IAC5F,8BAA8B;IAC9B,IAAI,UAAU,SAAS,CAAA,GAAA,cAAW,GAAG,OAAO,IAC1C,qBAAO,gBAAC;QAAO,KAAK;QAAC,KAAK;QAAqB,KAAK;OAAb;IAGzC,+FAA+F;IAC/F,iGAAiG;IACjG,yCAAyC;IACzC,IAAI,cAAc,8BAAQ,CAAC,OAAO,QAAQ,CAAC,IAAI,+BAAS,EAAE;IAC1D,IAAI,eAAe,OAAO,CAAA,GAAA,eAAO,CAAC,CAAC,UAAU,KAAK,YAChD,KAAK,IAAI,OAAO,YACd,CAAA,GAAA,eAAO,EAAE,OAAO,CAAC,KAAK;QACpB,IAAI;QACJ,MAAM;QACN,aAAa;IACf;IAIJ,OAAO;AACT","sources":["packages/@react-spectrum/s2/src/Fonts.tsx"],"sourcesContent":["import ReactDOM from 'react-dom';\nimport {ReactNode, version as ReactVersion, useEffect, useMemo, useRef} from 'react';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport './font-faces.css';\n\n// Typekit ids for each CJK locale. These use dynamic subsetting, so cannot be loaded as CSS.\n// Because of the large size of the JS, we only download the script for the locale that is used.\n// Each of these kits includes regular, bold, extra bold, and black weights. Spectrum 2 does not use any lighter weights.\nlet scripts = {\n  ja: 'pyb4hbv',\n  ko: 'pux4zom',\n  'zh-Hans': 'qwy0qqd',\n  'zh-CN': 'qwy0qqd',\n  'zh-SG': 'qwy0qqd',\n  'zh-HK': 'wrf0dsa',\n  'zh-Hant': 'twr1oiz',\n  zh: 'twr1oiz'\n};\n\n// Font URLs from fonts.css to preload for each locale.\nlet preloads = {\n  // Currently no preloads for arabic and hebrew, because we don't know which weights will be used ahead of time.\n  // Browsers will emit warnings for unused preloads.\n  // ar: [\n  // 'https://use.typekit.net/af/dfb464/00000000000000007735a2f9/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3',\n  // 'https://use.typekit.net/af/560a53/00000000000000007735a300/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3',\n  // 'https://use.typekit.net/af/0f9162/00000000000000007735a307/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3',\n  // 'https://use.typekit.net/af/ab2792/00000000000000007735a309/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3'\n  // 'https://use.typekit.net/af/560a53/00000000000000007735a300/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3'\n  // ],\n  // he: [\n  // 'https://use.typekit.net/af/ffca46/00000000000000007735a30a/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3',\n  // 'https://use.typekit.net/af/e90860/00000000000000007735a313/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3',\n  // 'https://use.typekit.net/af/619974/00000000000000007735a31f/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n6&v=3'\n  // 'https://use.typekit.net/af/e90860/00000000000000007735a313/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3'\n  // ],\n  en: [\n    // Preload Adobe Clean Spectrum VF.\n    'https://use.typekit.net/af/ca4cba/0000000000000000775c55a1/31/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n1&v=3'\n  ]\n};\n\nexport function Fonts(): ReactNode {\n  let {locale: localeString} = useLocale();\n  let locale = useMemo(() => new Intl.Locale(localeString), [localeString]);\n  let languageAndRegion = locale.language + (locale.region ? '-' + locale.region : '');\n  let languageAndScript = locale.language + (locale.script ? '-' + locale.script : '');\n\n  // Load script tag for CJK font\n  let typekitId =\n    scripts[locale.baseName] ||\n    scripts[languageAndRegion] ||\n    scripts[languageAndScript] ||\n    scripts[locale.language];\n  let script = typekitId ? `https://use.typekit.net/${typekitId}.js` : null;\n\n  let scriptRef = useRef<HTMLScriptElement | null>(null);\n  useEffect(() => {\n    let scriptEl = scriptRef.current;\n\n    // In older React versions, we must manually insert scripts into the <head>.\n    // Scripts rendered by React are never executed.\n    if (script && parseInt(ReactVersion, 10) < 19) {\n      scriptEl = Array.from(document.scripts).find(s => s.src === script) || null;\n      if (!scriptEl) {\n        scriptEl = document.createElement('script');\n        scriptEl.async = true;\n        scriptEl.src = script;\n        document.head.appendChild(scriptEl);\n      }\n    }\n\n    if (scriptEl) {\n      scriptEl.onload = () => {\n        if (\n          typeof window['Typekit'] !== 'undefined' &&\n          typeof window['Typekit'].load === 'function'\n        ) {\n          window['Typekit'].load();\n        }\n      };\n    }\n  }, [scriptRef, script]);\n\n  // When using React 19, async scripts are automatically deduped and hoisted into the <head>.\n  // This also works during SSR.\n  if (script && parseInt(ReactVersion, 10) >= 19) {\n    return <script async src={script} key={script} ref={scriptRef} />;\n  }\n\n  // Preload fonts referenced by CSS file using React 19's preloading mechanism (when available).\n  // This will insert a <link rel=\"preload\"> tag in the <head>, which is useful during SSR to start\n  // font loading before the CSS downloads.\n  let preloadUrls = preloads[locale.language] || preloads.en;\n  if (preloadUrls && typeof ReactDOM['preload'] === 'function') {\n    for (let url of preloadUrls) {\n      ReactDOM.preload(url, {\n        as: 'font',\n        type: 'font/woff2',\n        crossOrigin: ''\n      });\n    }\n  }\n\n  return null;\n}\n"],"names":[],"version":3,"file":"Fonts.mjs.map"}

package/dist/private/Form.cjs

@@ -60,15 +60,15 @@ const $bfa4962d90c8af48$export$a7fed597f4b8afd8 = /*#__PURE__*/ (0, $hYK64$react
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " ";
             rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g) || []).join('');
-            rules += ' se13';
-            if (props.labelPosition === "side") rules += ' Dfzkwne13';
-            else if (props.labelPosition === "top") rules += ' DS1aTJb13';
-            if (props.size === "XL") rules += ' Un13';
-            else if (props.size === "L") rules += ' Up13';
-            else if (props.size === "M") rules += ' Uj13';
-            else if (props.size === "S") rules += ' Ui13';
-            else if (props.size === "XS") rules += ' Ul13';
-            rules += ' qf13';
+            rules += ' se131';
+            if (props.labelPosition === "side") rules += ' Dfzkwne131';
+            else if (props.labelPosition === "top") rules += ' DS1aTJb131';
+            if (props.size === "XL") rules += ' Un131';
+            else if (props.size === "L") rules += ' Up131';
+            else if (props.size === "M") rules += ' Uj131';
+            else if (props.size === "S") rules += ' Ui131';
+            else if (props.size === "XS") rules += ' Ul131';
+            rules += ' qf131';
             return rules;
         }({
             labelPosition: labelPosition,

package/dist/private/Form.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAAkC;AAClE,SAAS,0CAAuC,KAAQ;IAC7D,IAAI,MAAM,CAAA,GAAA,uBAAS,EAAE;IACrB,IAAI,aAAa,CAAA,GAAA,uCAAY;IAC7B,OAAO,CAAA,GAAA,oBAAM,EAAE;QACb,IAAI,SAAY;QAChB,IAAI,OAAO,YACT,SAAS;YAAC,GAAG,KAAK;QAAA;QAGpB,IAAI,KAAK;YACP,8EAA8E;YAC9E,IAAK,IAAI,OAAO,IACd,IAAI,MAAM,CAAC,IAAI,KAAK,WAClB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QAG5B;QAEA,yCAAyC;QACzC,IAAI,YACF,OAAO,UAAU,GAAG;QAGtB,OAAO;IACT,GAAG;QAAC;QAAK;QAAO;KAAW;AAC7B;AAKO,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA4B;IACvG,IAAI,iBACF,gBAAgB,mBAChB,UAAU,sBACV,kBAAkB,cAClB,UAAU,cACV,UAAU,gBACV,YAAY,QACZ,OAAO,mBACP,YAAY,oBACZ,mBAAmB,IACnB,GAAG,WACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,mCAAM;QACJ,GAAG,SAAS;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;UAmBJ;2BAAC;kBAAe;QAAI,GAAG,MAAM,MAAM;kBAC7D,cAAA,gCAAC,0CAAY,QAAQ;YACnB,OAAO;+BACL;4BACA;oCACA;4BACA;4BACA;8BACA;sBACA;YACF;sBACC,MAAM,QAAQ;;;AAIvB","sources":["packages/@react-spectrum/s2/src/Form.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, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, GlobalDOMAttributes, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components/Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA+BM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAAkC;AAClE,SAAS,0CAAuC,KAAQ;IAC7D,IAAI,MAAM,CAAA,GAAA,uBAAS,EAAE;IACrB,IAAI,aAAa,CAAA,GAAA,uCAAY;IAC7B,OAAO,CAAA,GAAA,oBAAM,EAAE;QACb,IAAI,SAAY;QAChB,IAAI,OAAO,YACT,SAAS;YAAC,GAAG,KAAK;QAAA;QAGpB,IAAI,KAAK;YACP,8EAA8E;YAC9E,IAAK,IAAI,OAAO,IACd,IAAI,MAAM,CAAC,IAAI,KAAK,WAClB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QAG5B;QAEA,yCAAyC;QACzC,IAAI,YACF,OAAO,UAAU,GAAG;QAGtB,OAAO;IACT,GAAG;QAAC;QAAK;QAAO;KAAW;AAC7B;AAMO,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,uBAAS,EAAE,SAAS,KACpD,KAAgB,EAChB,GAA4B;IAE5B,IAAI,iBACF,gBAAgB,mBAChB,UAAU,sBACV,kBAAkB,cAClB,UAAU,cACV,UAAU,gBACV,YAAY,QACZ,OAAO,mBACP,YAAY,oBACZ,mBAAmB,IACnB,GAAG,WACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,mCAAM;QACJ,GAAG,SAAS;QACb,KAAK;QACL,OAAO;QACP,WACE,mBACA;;;;;;;;;;;;;UAsBE;2BAAC;kBAAe;QAAI,GAAG,MAAM,MAAM;kBAEvC,cAAA,gCAAC,0CAAY,QAAQ;YACnB,OAAO;+BACL;4BACA;oCACA;4BACA;4BACA;8BACA;sBACA;YACF;sBACC,MAAM,QAAQ;;;AAIvB","sources":["packages/@react-spectrum/s2/src/Form.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, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, GlobalDOMAttributes, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components/Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean;\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean;\n}\n\nexport interface FormProps\n  extends\n    FormStyleProps,\n    Omit<RACFormProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>,\n    StyleProps {\n  children: ReactNode;\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for\n * form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(\n  props: FormProps,\n  ref: DOMRef<HTMLFormElement>\n) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(\n          {\n            display: 'grid',\n            gridTemplateColumns: {\n              labelPosition: {\n                top: ['[field] 1fr'],\n                side: ['[label] auto', '[field] 1fr']\n              }\n            },\n            // TODO: confirm when we have tokens\n            rowGap: {\n              size: {\n                XS: 16,\n                S: 20,\n                M: 24,\n                L: 32,\n                XL: 40\n              }\n            },\n            columnGap: 'text-to-control'\n          },\n          getAllowedOverrides()\n        )({labelPosition, size}, props.styles)\n      }>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.cjs.map"}

package/dist/private/Form.css

@@ -1,37 +1,37 @@
 @layer _.a {
-  .se13 {
+  .se131 {
     display: grid;
   }
 
-  .DS1aTJb13 {
+  .DS1aTJb131 {
     grid-template-columns: [field] 1fr;
   }
 
-  .Dfzkwne13 {
+  .Dfzkwne131 {
     grid-template-columns: [label] auto[field] 1fr;
   }
 
-  .Ul13 {
+  .Ul131 {
     row-gap: 1rem;
   }
 
-  .Ui13 {
+  .Ui131 {
     row-gap: 1.25rem;
   }
 
-  .Uj13 {
+  .Uj131 {
     row-gap: 1.5rem;
   }
 
-  .Up13 {
+  .Up131 {
     row-gap: 2rem;
   }
 
-  .Un13 {
+  .Un131 {
     row-gap: 2.5rem;
   }
 
-  .qf13 {
+  .qf131 {
     column-gap: .714286em;
   }
 }

package/dist/private/Form.css.map

@@ -1 +1 @@
-{"mappings":"AAuFoC;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/Form.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, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, GlobalDOMAttributes, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components/Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.css.map"}
+{"mappings":"AAkGQ;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/Form.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, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, GlobalDOMAttributes, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components/Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean;\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean;\n}\n\nexport interface FormProps\n  extends\n    FormStyleProps,\n    Omit<RACFormProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>,\n    StyleProps {\n  children: ReactNode;\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for\n * form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(\n  props: FormProps,\n  ref: DOMRef<HTMLFormElement>\n) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(\n          {\n            display: 'grid',\n            gridTemplateColumns: {\n              labelPosition: {\n                top: ['[field] 1fr'],\n                side: ['[label] auto', '[field] 1fr']\n              }\n            },\n            // TODO: confirm when we have tokens\n            rowGap: {\n              size: {\n                XS: 16,\n                S: 20,\n                M: 24,\n                L: 32,\n                XL: 40\n              }\n            },\n            columnGap: 'text-to-control'\n          },\n          getAllowedOverrides()\n        )({labelPosition, size}, props.styles)\n      }>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.css.map"}

package/dist/private/Form.mjs

@@ -52,15 +52,15 @@ const $9b916426527cebe7$export$a7fed597f4b8afd8 = /*#__PURE__*/ (0, $i5kLT$forwa
         className: UNSAFE_className + function anonymous(props, overrides) {
             let rules = " ";
             rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L)[^\s]+/g) || []).join('');
-            rules += ' se13';
-            if (props.labelPosition === "side") rules += ' Dfzkwne13';
-            else if (props.labelPosition === "top") rules += ' DS1aTJb13';
-            if (props.size === "XL") rules += ' Un13';
-            else if (props.size === "L") rules += ' Up13';
-            else if (props.size === "M") rules += ' Uj13';
-            else if (props.size === "S") rules += ' Ui13';
-            else if (props.size === "XS") rules += ' Ul13';
-            rules += ' qf13';
+            rules += ' se131';
+            if (props.labelPosition === "side") rules += ' Dfzkwne131';
+            else if (props.labelPosition === "top") rules += ' DS1aTJb131';
+            if (props.size === "XL") rules += ' Un131';
+            else if (props.size === "L") rules += ' Up131';
+            else if (props.size === "M") rules += ' Uj131';
+            else if (props.size === "S") rules += ' Ui131';
+            else if (props.size === "XS") rules += ' Ul131';
+            rules += ' qf131';
             return rules;
         }({
             labelPosition: labelPosition,

package/dist/private/Form.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAkC;AAClE,SAAS,0CAAuC,KAAQ;IAC7D,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,aAAa,CAAA,GAAA,yCAAY;IAC7B,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,SAAY;QAChB,IAAI,OAAO,YACT,SAAS;YAAC,GAAG,KAAK;QAAA;QAGpB,IAAI,KAAK;YACP,8EAA8E;YAC9E,IAAK,IAAI,OAAO,IACd,IAAI,MAAM,CAAC,IAAI,KAAK,WAClB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QAG5B;QAEA,yCAAyC;QACzC,IAAI,YACF,OAAO,UAAU,GAAG;QAGtB,OAAO;IACT,GAAG;QAAC;QAAK;QAAO;KAAW;AAC7B;AAKO,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA4B;IACvG,IAAI,iBACF,gBAAgB,mBAChB,UAAU,sBACV,kBAAkB,cAClB,UAAU,cACV,UAAU,gBACV,YAAY,QACZ,OAAO,mBACP,YAAY,oBACZ,mBAAmB,IACnB,GAAG,WACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,WAAM;QACJ,GAAG,SAAS;QACb,KAAK;QACL,OAAO;QACP,WAAW,mBAAmB;;;;;;;;;;;;;UAmBJ;2BAAC;kBAAe;QAAI,GAAG,MAAM,MAAM;kBAC7D,cAAA,gBAAC,0CAAY,QAAQ;YACnB,OAAO;+BACL;4BACA;oCACA;4BACA;4BACA;8BACA;sBACA;YACF;sBACC,MAAM,QAAQ;;;AAIvB","sources":["packages/@react-spectrum/s2/src/Form.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, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, GlobalDOMAttributes, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components/Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean,\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean\n}\n\nexport interface FormProps extends FormStyleProps, Omit<RACFormProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>, StyleProps {\n  children: ReactNode\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(props: FormProps, ref: DOMRef<HTMLFormElement>) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style({\n        display: 'grid',\n        gridTemplateColumns: {\n          labelPosition: {\n            top: ['[field] 1fr'],\n            side: ['[label] auto', '[field] 1fr']\n          }\n        },\n        // TODO: confirm when we have tokens\n        rowGap: {\n          size: {\n            XS: 16,\n            S: 20,\n            M: 24,\n            L: 32,\n            XL: 40\n          }\n        },\n        columnGap: 'text-to-control'\n      }, getAllowedOverrides())({labelPosition, size}, props.styles)}>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.mjs.map"}
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA+BM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAkC;AAClE,SAAS,0CAAuC,KAAQ;IAC7D,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,aAAa,CAAA,GAAA,yCAAY;IAC7B,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,SAAY;QAChB,IAAI,OAAO,YACT,SAAS;YAAC,GAAG,KAAK;QAAA;QAGpB,IAAI,KAAK;YACP,8EAA8E;YAC9E,IAAK,IAAI,OAAO,IACd,IAAI,MAAM,CAAC,IAAI,KAAK,WAClB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI;QAG5B;QAEA,yCAAyC;QACzC,IAAI,YACF,OAAO,UAAU,GAAG;QAGtB,OAAO;IACT,GAAG;QAAC;QAAK;QAAO;KAAW;AAC7B;AAMO,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,iBAAS,EAAE,SAAS,KACpD,KAAgB,EAChB,GAA4B;IAE5B,IAAI,iBACF,gBAAgB,mBAChB,UAAU,sBACV,kBAAkB,cAClB,UAAU,cACV,UAAU,gBACV,YAAY,QACZ,OAAO,mBACP,YAAY,oBACZ,mBAAmB,IACnB,GAAG,WACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,yCAAQ,EAAE;IAEvB,qBACE,gBAAC,CAAA,GAAA,WAAM;QACJ,GAAG,SAAS;QACb,KAAK;QACL,OAAO;QACP,WACE,mBACA;;;;;;;;;;;;;UAsBE;2BAAC;kBAAe;QAAI,GAAG,MAAM,MAAM;kBAEvC,cAAA,gBAAC,0CAAY,QAAQ;YACnB,OAAO;+BACL;4BACA;oCACA;4BACA;4BACA;8BACA;sBACA;YACF;sBACC,MAAM,QAAQ;;;AAIvB","sources":["packages/@react-spectrum/s2/src/Form.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, forwardRef, ReactNode, useContext, useMemo} from 'react';\nimport {DOMRef, GlobalDOMAttributes, SpectrumLabelableProps} from '@react-types/shared';\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {Form as RACForm, FormProps as RACFormProps} from 'react-aria-components/Form';\nimport {style} from '../style' with {type: 'macro'};\nimport {useDOMRef} from './useDOMRef';\nimport {useIsSkeleton} from './Skeleton';\n\ninterface FormStyleProps extends Omit<SpectrumLabelableProps, 'label' | 'contextualHelp'> {\n  /**\n   * Size of the Form elements.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /** Whether the Form elements are disabled. */\n  isDisabled?: boolean;\n  /** Whether the Form elements are rendered with their emphasized style. */\n  isEmphasized?: boolean;\n}\n\nexport interface FormProps\n  extends\n    FormStyleProps,\n    Omit<RACFormProps, 'className' | 'style' | 'render' | 'children' | keyof GlobalDOMAttributes>,\n    StyleProps {\n  children: ReactNode;\n}\n\nexport const FormContext = createContext<Partial<FormStyleProps | null>>(null);\nexport function useFormProps<T extends FormStyleProps>(props: T): T {\n  let ctx = useContext(FormContext);\n  let isSkeleton = useIsSkeleton();\n  return useMemo(() => {\n    let result: T = props;\n    if (ctx || isSkeleton) {\n      result = {...props};\n    }\n\n    if (ctx) {\n      // This is a subset of mergeProps. We just need to merge non-undefined values.\n      for (let key in ctx) {\n        if (result[key] === undefined) {\n          result[key] = ctx[key];\n        }\n      }\n    }\n\n    // Skeleton always wins over local props.\n    if (isSkeleton) {\n      result.isDisabled = true;\n    }\n\n    return result;\n  }, [ctx, props, isSkeleton]);\n}\n\n/**\n * Forms allow users to enter data that can be submitted while providing alignment and styling for\n * form fields.\n */\nexport const Form = /*#__PURE__*/ forwardRef(function Form(\n  props: FormProps,\n  ref: DOMRef<HTMLFormElement>\n) {\n  let {\n    labelPosition = 'top',\n    labelAlign,\n    necessityIndicator,\n    isRequired,\n    isDisabled,\n    isEmphasized,\n    size = 'M',\n    UNSAFE_style,\n    UNSAFE_className = '',\n    ...formProps\n  } = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <RACForm\n      {...formProps}\n      ref={domRef}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(\n          {\n            display: 'grid',\n            gridTemplateColumns: {\n              labelPosition: {\n                top: ['[field] 1fr'],\n                side: ['[label] auto', '[field] 1fr']\n              }\n            },\n            // TODO: confirm when we have tokens\n            rowGap: {\n              size: {\n                XS: 16,\n                S: 20,\n                M: 24,\n                L: 32,\n                XL: 40\n              }\n            },\n            columnGap: 'text-to-control'\n          },\n          getAllowedOverrides()\n        )({labelPosition, size}, props.styles)\n      }>\n      <FormContext.Provider\n        value={{\n          labelPosition,\n          labelAlign,\n          necessityIndicator,\n          isRequired,\n          isDisabled,\n          isEmphasized,\n          size\n        }}>\n        {props.children}\n      </FormContext.Provider>\n    </RACForm>\n  );\n});\n"],"names":[],"version":3,"file":"Form.mjs.map"}

package/dist/private/FullscreenDialog.cjs

@@ -34,11 +34,11 @@ $parcel$export(module.exports, "FullscreenDialog", () => $59876d274d9473a9$expor
 
 
 
-const $59876d274d9473a9$var$heading = " zPCJngb13 yPCJngb13 BPCJngb13 APCJngb13 _ub13 Jy13 Gy13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-g13 vx13 xd13 _xa13 xX0cczbc13 _xX0cczba13 xfd13 _xfa13 xfX0cczbc13 _xfX0cczba13 _Fd13 _FnuYUweb13 po13";
-const $59876d274d9473a9$var$header = " z6Akec13 y6Akec13 B6Akec13 A6Akec13 InM13 HnM13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-d13 vx13 xb13 _xa13 _Fb13 _FnuYUwec13 pt13";
-const $59876d274d9473a9$var$content = " zk52g2d13 yk52g2d13 Bk52g2d13 Ak52g2d13 _ub13 Pa13 PJVVdVe13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 -_6BNtrc-d13 vx13 xb13 _xa13 _Fb13 _FnuYUwec13 pt13";
-const $59876d274d9473a9$var$buttonGroup = " z4AkfTc13 y4AkfTc13 B4AkfTc13 A4AkfTc13 IM13 La13";
-const $59876d274d9473a9$export$6af31f836f9aa6f2 = " se13 CQpyMed13 Cns3y4td13 DM8Mfn13 Dn4w1sLc13 EfcKqZ13 EnFfvwed13 Th13 Tnk13 Qh13 Qnk13 Sh13 Snk13 Rh13 Rnk13 ql13 qnj13 K40ub4c13 Fb13 _oa13 _Le13 uk13 ucJ9TBTb13 ud3Euai13 uea13 ugb13 uhd13 uje13 u2NhKxcl13 uic13 oi13 ni13 ki13 ji13 _Na13 Pa13";
+const $59876d274d9473a9$var$heading = " zPCJngb131 yPCJngb131 BPCJngb131 APCJngb131 _ub131 Jy131 Gy131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-g131 vx131 xd131 _xa131 xX0cczbc131 _xX0cczba131 xfd131 _xfa131 xfX0cczbc131 _xfX0cczba131 _Fd131 _FnuYUweb131 po131";
+const $59876d274d9473a9$var$header = " z6Akec131 y6Akec131 B6Akec131 A6Akec131 InM131 HnM131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-d131 vx131 xb131 _xa131 _Fb131 _FnuYUwec131 pt131";
+const $59876d274d9473a9$var$content = " zk52g2d131 yk52g2d131 Bk52g2d131 Ak52g2d131 _ub131 Pa131 PJVVdVe131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 -_6BNtrc-d131 vx131 xb131 _xa131 _Fb131 _FnuYUwec131 pt131";
+const $59876d274d9473a9$var$buttonGroup = " z4AkfTc131 y4AkfTc131 B4AkfTc131 A4AkfTc131 IM131 La131";
+const $59876d274d9473a9$export$6af31f836f9aa6f2 = " se131 CQpyMed131 Cns3y4td131 DM8Mfn131 Dn4w1sLc131 EfcKqZ131 EnFfvwed131 Th131 Tnk131 Qh131 Qnk131 Sh131 Snk131 Rh131 Rnk131 ql131 qnj131 K40ub4c131 Fb131 _oa131 _Le131 uk131 ucJ9TBTb131 ud3Euai131 uea131 ugb131 uhd131 uje131 u2NhKxcl131 uic131 oi131 ni131 ki131 ji131 _Na131 Pa131";
 const $59876d274d9473a9$export$7082b7e805d2626f = /*#__PURE__*/ (0, $Yi1VH$react.forwardRef)(function FullscreenDialog(props, ref) {
     let { variant: variant = 'fullscreen', isKeyboardDismissDisabled: isKeyboardDismissDisabled } = props;
     let domRef = (0, $150382364eecc4bc$exports.useDOMRef)(ref);
@@ -50,7 +50,8 @@ const $59876d274d9473a9$export$7082b7e805d2626f = /*#__PURE__*/ (0, $Yi1VH$react
             ref: domRef,
             style: props.UNSAFE_style,
             className: (props.UNSAFE_className || '') + $59876d274d9473a9$export$6af31f836f9aa6f2,
-            children: (0, $Yi1VH$reactariacomponentscomposeRenderProps.composeRenderProps)(props.children, (children)=>/*#__PURE__*/ (0, $Yi1VH$reactjsxruntime.jsx)((0, $Yi1VH$reactariacomponentsDialog.OverlayTriggerStateContext).Provider, {
+            children: (0, $Yi1VH$reactariacomponentscomposeRenderProps.composeRenderProps)(props.children, (children)=>// Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.
+                /*#__PURE__*/ (0, $Yi1VH$reactjsxruntime.jsx)((0, $Yi1VH$reactariacomponentsDialog.OverlayTriggerStateContext).Provider, {
                     value: null,
                     children: /*#__PURE__*/ (0, $Yi1VH$reactjsxruntime.jsx)((0, $Yi1VH$reactariacomponentsslots.Provider), {
                         values: [

package/dist/private/FullscreenDialog.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA6BD,MAAM;AAQN,MAAM;AAQN,MAAM;AAWN,MAAM;AAMC,MAAM;AAyDN,MAAM,0DAAmB,CAAA,GAAA,uBAAS,EAAE,SAAS,iBAAiB,KAA4B,EAAE,GAAW;IAC5G,IAAI,WAAC,UAAU,yCAAc,yBAAyB,EAAC,GAAG;IAC1D,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACG,gCAAC,CAAA,GAAA,+BAAI;QAAE,MAAM;QAAS,2BAA2B;kBAChD,cAAA,gCAAC,CAAA,GAAA,uCAAQ;YACN,GAAG,KAAK;YACT,KAAK;YACL,OAAO,MAAM,YAAY;YACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK;sBAC3C,CAAA,GAAA,+DAAiB,EAAE,MAAM,QAAQ,EAAE,CAAC,yBAElC,gCAAC,CAAA,GAAA,2DAAyB,EAAE,QAAQ;oBAAC,OAAO;8BAC3C,cAAA,gCAAC,CAAA,GAAA,wCAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,wCAAa;gCAAG;oCAAC,QAAQ;gCAAO;6BAAE;4BACnC;gCAAC,CAAA,GAAA,uCAAY;gCAAG;oCAAC,QAAQ;gCAAM;6BAAE;4BACjC;gCAAC,CAAA,GAAA,wCAAa;gCAAG;oCAAC,QAAQ;gCAAO;6BAAE;4BACnC;gCAAC,CAAA,GAAA,4CAAiB;gCAAG;oCAAC,QAAQ;gCAAW;6BAAE;yBAC5C;kCACA;;;;;AAOf","sources":["packages/@react-spectrum/s2/src/FullscreenDialog.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 {ButtonGroupContext} from './ButtonGroup';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {ContentContext, HeaderContext, HeadingContext} from './Content';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {Modal} from './Modal';\nimport {\n  OverlayTriggerStateContext,\n  Dialog as RACDialog,\n  DialogProps as RACDialogProps\n} from 'react-aria-components/Dialog';\nimport {Provider} from 'react-aria-components/slots';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from './useDOMRef';\n\n// TODO: what style overrides should be allowed?\nexport interface FullscreenDialogProps extends Omit<RACDialogProps, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>, StyleProps {\n  /**\n   * The variant of fullscreen dialog to display.\n   * @default \"fullscreen\"\n   */\n  variant?: 'fullscreen' | 'fullscreenTakeover',\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean\n}\n\nconst heading = style({\n  gridArea: 'heading',\n  flexGrow: 1,\n  marginY: 0,\n  font: 'title-2xl',\n  color: 'heading'\n});\n\nconst header = style({\n  gridArea: 'header',\n  marginX: {\n    sm: 'auto'\n  },\n  font: 'body'\n});\n\nconst content =  style({\n  gridArea: 'content',\n  flexGrow: 1,\n  overflowY: {\n    default: 'auto',\n    // Make the whole dialog scroll rather than only the content when the height it small.\n    [`@container (height < ${400 / 16}rem)`]: 'visible'\n  },\n  font: 'body'\n});\n\nconst buttonGroup = style({\n  gridArea: 'buttons',\n  marginStart: 'auto',\n  maxWidth: 'full'\n});\n\nexport const dialogInner = style({\n  display: 'grid',\n  gridTemplateAreas: {\n    // Button group moves to the bottom on small screens.\n    default: [\n      'heading',\n      'header',\n      '.',\n      'content',\n      '.',\n      'buttons'\n    ],\n    sm: [\n      'heading header buttons',\n      '. . .',\n      'content content content'\n    ]\n  },\n  gridTemplateColumns: {\n    default: ['1fr'],\n    sm: ['auto', '1fr', 'auto']\n  },\n  gridTemplateRows: {\n    default: [\n      'auto',\n      'auto',\n      24,\n      '1fr',\n      24,\n      'auto'\n    ],\n    sm: [\n      'auto',\n      32,\n      '1fr'\n    ]\n  },\n  padding: {\n    default: 24,\n    sm: 32\n  },\n  columnGap: {\n    default: 16,\n    sm: 24\n  },\n  maxHeight: 'inherit',\n  height: 'full',\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  fontFamily: 'sans',\n  borderRadius: 'inherit',\n  overflow: 'auto'\n});\n\n/**\n * Takeover dialogs are large types of dialogs. They use the totality of the screen and should be used for modal experiences with complex workflows.\n */\nexport const FullscreenDialog = forwardRef(function FullscreenDialog(props: FullscreenDialogProps, ref: DOMRef) {\n  let {variant = 'fullscreen', isKeyboardDismissDisabled} = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    (<Modal size={variant} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogInner}>\n        {composeRenderProps(props.children, (children) => (\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          (<OverlayTriggerStateContext.Provider value={null}>\n            <Provider\n              values={[\n                [HeadingContext, {styles: heading}],\n                [HeaderContext, {styles: header}],\n                [ContentContext, {styles: content}],\n                [ButtonGroupContext, {styles: buttonGroup}]\n              ]}>\n              {children}\n            </Provider>\n          </OverlayTriggerStateContext.Provider>)\n        ))}\n      </RACDialog>\n    </Modal>)\n  );\n});\n\n"],"names":[],"version":3,"file":"FullscreenDialog.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AAiCD,MAAM;AAQN,MAAM;AAQN,MAAM;AAWN,MAAM;AAMC,MAAM;AAoCN,MAAM,0DAAmB,CAAA,GAAA,uBAAS,EAAE,SAAS,iBAClD,KAA4B,EAC5B,GAAW;IAEX,IAAI,WAAC,UAAU,yCAAc,yBAAyB,EAAC,GAAG;IAC1D,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,+BAAI;QAAE,MAAM;QAAS,2BAA2B;kBAC/C,cAAA,gCAAC,CAAA,GAAA,uCAAQ;YACN,GAAG,KAAK;YACT,KAAK;YACL,OAAO,MAAM,YAAY;YACzB,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK;sBAC3C,CAAA,GAAA,+DAAiB,EAAE,MAAM,QAAQ,EAAE,CAAA,WAClC,oGAAoG;8BACpG,gCAAC,CAAA,GAAA,2DAAyB,EAAE,QAAQ;oBAAC,OAAO;8BAC1C,cAAA,gCAAC,CAAA,GAAA,wCAAO;wBACN,QAAQ;4BACN;gCAAC,CAAA,GAAA,wCAAa;gCAAG;oCAAC,QAAQ;gCAAO;6BAAE;4BACnC;gCAAC,CAAA,GAAA,uCAAY;gCAAG;oCAAC,QAAQ;gCAAM;6BAAE;4BACjC;gCAAC,CAAA,GAAA,wCAAa;gCAAG;oCAAC,QAAQ;gCAAO;6BAAE;4BACnC;gCAAC,CAAA,GAAA,4CAAiB;gCAAG;oCAAC,QAAQ;gCAAW;6BAAE;yBAC5C;kCACA;;;;;AAOf","sources":["packages/@react-spectrum/s2/src/FullscreenDialog.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 {ButtonGroupContext} from './ButtonGroup';\nimport {composeRenderProps} from 'react-aria-components/composeRenderProps';\nimport {ContentContext, HeaderContext, HeadingContext} from './Content';\nimport {DOMRef, GlobalDOMAttributes} from '@react-types/shared';\nimport {forwardRef} from 'react';\nimport {Modal} from './Modal';\nimport {\n  OverlayTriggerStateContext,\n  Dialog as RACDialog,\n  DialogProps as RACDialogProps\n} from 'react-aria-components/Dialog';\nimport {Provider} from 'react-aria-components/slots';\nimport {style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils';\nimport {useDOMRef} from './useDOMRef';\n\n// TODO: what style overrides should be allowed?\nexport interface FullscreenDialogProps\n  extends\n    Omit<RACDialogProps, 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n    StyleProps {\n  /**\n   * The variant of fullscreen dialog to display.\n   *\n   * @default 'fullscreen'\n   */\n  variant?: 'fullscreen' | 'fullscreenTakeover';\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\nconst heading = style({\n  gridArea: 'heading',\n  flexGrow: 1,\n  marginY: 0,\n  font: 'title-2xl',\n  color: 'heading'\n});\n\nconst header = style({\n  gridArea: 'header',\n  marginX: {\n    sm: 'auto'\n  },\n  font: 'body'\n});\n\nconst content = style({\n  gridArea: 'content',\n  flexGrow: 1,\n  overflowY: {\n    default: 'auto',\n    // Make the whole dialog scroll rather than only the content when the height it small.\n    [`@container (height < ${400 / 16}rem)`]: 'visible'\n  },\n  font: 'body'\n});\n\nconst buttonGroup = style({\n  gridArea: 'buttons',\n  marginStart: 'auto',\n  maxWidth: 'full'\n});\n\nexport const dialogInner = style({\n  display: 'grid',\n  gridTemplateAreas: {\n    // Button group moves to the bottom on small screens.\n    default: ['heading', 'header', '.', 'content', '.', 'buttons'],\n    sm: ['heading header buttons', '. . .', 'content content content']\n  },\n  gridTemplateColumns: {\n    default: ['1fr'],\n    sm: ['auto', '1fr', 'auto']\n  },\n  gridTemplateRows: {\n    default: ['auto', 'auto', 24, '1fr', 24, 'auto'],\n    sm: ['auto', 32, '1fr']\n  },\n  padding: {\n    default: 24,\n    sm: 32\n  },\n  columnGap: {\n    default: 16,\n    sm: 24\n  },\n  maxHeight: 'inherit',\n  height: 'full',\n  boxSizing: 'border-box',\n  outlineStyle: 'none',\n  fontFamily: 'sans',\n  borderRadius: 'inherit',\n  overflow: 'auto'\n});\n\n/**\n * Takeover dialogs are large types of dialogs. They use the totality of the screen and should be\n * used for modal experiences with complex workflows.\n */\nexport const FullscreenDialog = forwardRef(function FullscreenDialog(\n  props: FullscreenDialogProps,\n  ref: DOMRef\n) {\n  let {variant = 'fullscreen', isKeyboardDismissDisabled} = props;\n  let domRef = useDOMRef(ref);\n\n  return (\n    <Modal size={variant} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <RACDialog\n        {...props}\n        ref={domRef}\n        style={props.UNSAFE_style}\n        className={(props.UNSAFE_className || '') + dialogInner}>\n        {composeRenderProps(props.children, children => (\n          // Reset OverlayTriggerStateContext so the buttons inside the dialog don't retain their hover state.\n          <OverlayTriggerStateContext.Provider value={null}>\n            <Provider\n              values={[\n                [HeadingContext, {styles: heading}],\n                [HeaderContext, {styles: header}],\n                [ContentContext, {styles: content}],\n                [ButtonGroupContext, {styles: buttonGroup}]\n              ]}>\n              {children}\n            </Provider>\n          </OverlayTriggerStateContext.Provider>\n        ))}\n      </RACDialog>\n    </Modal>\n  );\n});\n"],"names":[],"version":3,"file":"FullscreenDialog.cjs.map"}