@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/NumberField.mjs

@@ -51,76 +51,76 @@ import {useHover as $5qJVF$useHover} from "react-aria/useHover";
 const $675eca1a78ccd399$export$b414a48cf5dcbc11 = /*#__PURE__*/ (0, $5qJVF$createContext)(null);
 const $675eca1a78ccd399$var$inputButton = function anonymous(props) {
     let rules = " ";
-    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec13';
-    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn13';
-    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b13';
-    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd13';
-    else rules += ' -SFnbic-_Jb13';
-    rules += ' -Bu7z1c-oa13';
-    rules += ' oj13';
-    rules += ' nj13';
-    rules += ' kj13';
-    rules += ' jj13';
-    rules += ' sd13';
-    rules += ' _Le13';
-    rules += ' _Wa13';
-    rules += ' _je13';
-    rules += ' eb13';
-    rules += ' _Ca13';
-    if (props.size === "XL") rules += ' ZC13';
-    else if (props.size === "L") rules += ' Zo13';
-    else if (props.size === "M") rules += ' Zm13';
-    else if (props.size === "S") rules += ' Zu13';
-    rules += ' Fd13';
-    if (props.type === "increment") rules += ' Iy13';
-    else rules += ' Iw13';
-    rules += ' fa13';
-    rules += ' _va13';
-    rules += ' Ma13';
-    rules += ' Yd13';
-    rules += ' Yle13';
-    rules += ' Xb13';
-    rules += ' Xlb13';
-    rules += ' _2b13';
-    rules += ' _2lb13';
-    if (props.isDisabled) rules += ' gH13';
+    if (props.size === "XL") rules += ' -SFnbic-_JaP8ec15';
+    else if (props.size === "L") rules += ' -SFnbic-_J0K2hn15';
+    else if (props.size === "S") rules += ' -SFnbic-_JJOW22b15';
+    else if (props.size === "XS") rules += ' -SFnbic-_JICefdd15';
+    else rules += ' -SFnbic-_Jb15';
+    rules += ' -Bu7z1c-oa15';
+    rules += ' oj15';
+    rules += ' nj15';
+    rules += ' kj15';
+    rules += ' jj15';
+    rules += ' sd15';
+    rules += ' _Le15';
+    rules += ' _Wa15';
+    rules += ' _je15';
+    rules += ' eb15';
+    rules += ' _Ca15';
+    if (props.size === "XL") rules += ' ZC15';
+    else if (props.size === "L") rules += ' Zo15';
+    else if (props.size === "M") rules += ' Zm15';
+    else if (props.size === "S") rules += ' Zu15';
+    rules += ' Fd15';
+    if (props.type === "increment") rules += ' Iy15';
+    else rules += ' Iw15';
+    rules += ' fa15';
+    rules += ' _va15';
+    rules += ' Ma15';
+    rules += ' Yd15';
+    rules += ' Yle15';
+    rules += ' Xb15';
+    rules += ' Xlb15';
+    rules += ' _2b15';
+    rules += ' _2lb15';
+    if (props.isDisabled) rules += ' gH15';
     else {
-        if (props.isPressed) rules += ' gF13';
-        else if (props.isFocusVisible) rules += ' gF13';
-        else if (props.isHovered) rules += ' gF13';
-        else rules += ' gH13';
+        if (props.isPressed) rules += ' gF15';
+        else if (props.isFocusVisible) rules += ' gF15';
+        else if (props.isHovered) rules += ' gF15';
+        else rules += ' gH15';
     }
-    if (props.isDisabled) rules += ' gld13';
-    else if (props.isHovered) rules += ' gle13';
-    else rules += ' glc13';
-    if (props.isDisabled) rules += ' pp13';
+    if (props.isDisabled) rules += ' gld15';
+    else if (props.isHovered) rules += ' gle15';
+    else rules += ' glc15';
+    if (props.isDisabled) rules += ' pp15';
     else {
-        if (props.isPressed) rules += ' po13';
-        else if (props.isFocusVisible) rules += ' po13';
-        else if (props.isHovered) rules += ' po13';
-        else rules += ' pt13';
+        if (props.isPressed) rules += ' po15';
+        else if (props.isFocusVisible) rules += ' po15';
+        else if (props.isHovered) rules += ' po15';
+        else rules += ' pt15';
     }
-    rules += ' pla13';
-    rules += ' ri13';
+    rules += ' pla15';
+    rules += ' ri15';
     return rules;
 };
-const $675eca1a78ccd399$var$iconStyles = " _va13 -_8sjo0b-t5ZbAob13";
+const $675eca1a78ccd399$var$iconStyles = " _va15 -_8sjo0b-t5ZbAob15";
 const $675eca1a78ccd399$var$stepperContainerStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' sd13';
-    rules += ' _tc13';
-    if (props.size === "XL") rules += ' Ue13';
-    else if (props.size === "L") rules += ' Ue13';
-    else if (props.size === "M") rules += ' Ub13';
-    else if (props.size === "S") rules += ' Ue13';
-    if (props.size === "XL") rules += ' qe13';
-    else if (props.size === "L") rules += ' qe13';
-    else if (props.size === "M") rules += ' qb13';
-    else if (props.size === "S") rules += ' qe13';
-    if (props.size === "XL") rules += ' HWJpoB13';
-    else if (props.size === "L") rules += ' HWJpoB13';
-    else if (props.size === "M") rules += ' Hs13';
-    else if (props.size === "S") rules += ' Hr13';
+    rules += ' sd15';
+    rules += ' _tc15';
+    if (props.size === "XL") rules += ' Ue15';
+    else if (props.size === "L") rules += ' Ue15';
+    else if (props.size === "M") rules += ' Ub15';
+    else if (props.size === "S") rules += ' Ue15';
+    if (props.size === "XL") rules += ' qe15';
+    else if (props.size === "L") rules += ' qe15';
+    else if (props.size === "M") rules += ' qb15';
+    else if (props.size === "S") rules += ' qe15';
+    if (props.size === "XL") rules += ' HWJpoB15';
+    else if (props.size === "L") rules += ' HWJpoB15';
+    else if (props.size === "M") rules += ' Hs15';
+    else if (props.size === "S") rules += ' Hr15';
     return rules;
 };
 const $675eca1a78ccd399$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $5qJVF$forwardRef)(function NumberField(props1, ref) {
@@ -157,51 +157,51 @@ const $675eca1a78ccd399$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $5qJVF$forwa
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se13';
+            rules += ' se15';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU13';
+                if (!gridColumnStart) rules += ' z2mU15';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG13';
+                    if (!gridColumnEnd) rules += ' yvoofG15';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod13';
+            if (props.isInForm) rules += ' DLwlgod15';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                if (props.labelPosition === "side") rules += ' DPlN5qb15';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn15';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb13';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-            if (props.labelPosition === "side") rules += ' CbRM95c13';
-            else if (props.labelPosition === "top") rules += ' Cxaocre13';
+            if (props.labelPosition === "side") rules += ' EPlN5qb15';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc15';
+            if (props.labelPosition === "side") rules += ' CbRM95c15';
+            else if (props.labelPosition === "top") rules += ' Cxaocre15';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-e15';
+                rules += ' vx15';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-d15';
+                rules += ' vx15';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-b15';
+                rules += ' vx15';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-a15';
+                rules += ' vx15';
             } else {
-                rules += ' -_6BNtrc-c13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-c15';
+                rules += ' vx15';
             }
-            rules += ' ea13';
-            rules += ' _Fd13';
-            rules += ' _FnuYUweb13';
-            if (props.size === "XL") rules += ' -BhX7R-Fz13';
-            else if (props.size === "L") rules += ' -BhX7R-Fv13';
-            else if (props.size === "S") rules += ' -BhX7R-Fp13';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-            else rules += ' -BhX7R-Fx13';
-            rules += ' -AJjOLd-UVkF0Db13';
-            rules += ' qg13';
-            rules += ' __ca13';
+            rules += ' ea15';
+            rules += ' _Fd15';
+            rules += ' _FnuYUweb15';
+            if (props.size === "XL") rules += ' -BhX7R-Fz15';
+            else if (props.size === "L") rules += ' -BhX7R-Fv15';
+            else if (props.size === "S") rules += ' -BhX7R-Fp15';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn15';
+            else rules += ' -BhX7R-Fx15';
+            rules += ' -AJjOLd-UVkF0Db15';
+            rules += ' qg15';
+            rules += ' __ca15';
             return rules;
         }({
             isInForm: !!formContext,
@@ -222,30 +222,31 @@ const $675eca1a78ccd399$export$63c5fa0b2fdccd2e = /*#__PURE__*/ (0, $5qJVF$forwa
                         children: label
                     }),
                     /*#__PURE__*/ (0, $5qJVF$jsxs)((0, $9afd80978c252040$export$f0fe469072bc6950), {
+                        prefix: props1.prefix,
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            if (props.size === "XL") rules += ' Nl13';
-                            else if (props.size === "L") rules += ' Nj13';
-                            else if (props.size === "S") rules += ' Nf13';
-                            else if (props.size === "XS") rules += ' Ne13';
-                            else rules += ' Nk13';
-                            if (props.isQuiet) rules += ' _qd13';
-                            else rules += ' _qtb13';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt13';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne13';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr13';
-                            else rules += ' -Anxdcc-Z3fn9H13';
-                            rules += ' __v6TNLWb13';
-                            rules += ' SMBFGYc13';
-                            rules += ' RfBFGYc13';
-                            rules += ' -S_-Sv13';
-                            if (props.isStepperHidden) rules += ' -R_-Rv13';
-                            else rules += ' -R_-Rd13';
+                            rules += ' zXcEWr15';
+                            rules += ' yXcEWr15';
+                            rules += ' BXcEWr15';
+                            rules += ' AXcEWr15';
+                            if (props.size === "XL") rules += ' Nl15';
+                            else if (props.size === "L") rules += ' Nj15';
+                            else if (props.size === "S") rules += ' Nf15';
+                            else if (props.size === "XS") rules += ' Ne15';
+                            else rules += ' Nk15';
+                            if (props.isQuiet) rules += ' _qd15';
+                            else rules += ' _qtb15';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt15';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne15';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr15';
+                            else rules += ' -Anxdcc-Z3fn9H15';
+                            rules += ' __v6TNLWb15';
+                            rules += ' SMBFGYc15';
+                            rules += ' RfBFGYc15';
+                            rules += ' -S_-Sv15';
+                            if (props.isStepperHidden) rules += ' -R_-Rv15';
+                            else rules += ' -R_-Rd15';
                             return rules;
                         }({
                             size: size,

package/dist/private/NumberField.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/NumberField.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 Add from '../ui-icons/Add';\nimport {ButtonProps as AriaButtonProps, ButtonContext, ButtonRenderProps} from 'react-aria-components/Button';\nimport {NumberField as AriaNumberField, NumberFieldProps as AriaNumberFieldProps} from 'react-aria-components/NumberField';\nimport {baseColor, space, style} from '../style' with {type: 'macro'};\nimport {ContextValue, useContextProps} from 'react-aria-components/slots';\nimport {controlBorderRadius, field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {createContext, CSSProperties, ForwardedRef, forwardRef, ReactNode, Ref, useContext, useImperativeHandle, useMemo, useRef} from 'react';\nimport {createFocusableRef} from './useDOMRef';\nimport Dash from '../ui-icons/Dash';\nimport {FieldErrorIcon, FieldGroup, FieldLabel, HelpText, Input} from './Field';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FormContext, useFormProps} from './Form';\nimport {GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {InputContext, InputProps} from 'react-aria-components/Input';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {pressScale} from './pressScale';\nimport {TextFieldRef} from './TextField';\nimport {useButton} from 'react-aria/useButton';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\n\nexport interface NumberFieldProps extends\n  Omit<AriaNumberFieldProps, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps,\n  Pick<InputProps, 'placeholder'> {\n  /**\n   * Whether to hide the increment and decrement buttons.\n   * @default false\n   */\n  hideStepper?: boolean,\n  /**\n   * The size of the NumberField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const NumberFieldContext = createContext<ContextValue<Partial<NumberFieldProps>, TextFieldRef>>(null);\n\nconst inputButton = style<ButtonRenderProps & {size: 'S' | 'M' | 'L' | 'XL', type: 'decrement' | 'increment'}>({\n  ...controlBorderRadius('sm'),\n  display: 'flex',\n  outlineStyle: 'none',\n  textAlign: 'center',\n  borderStyle: 'none',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32\n    }\n  },\n  height: 'auto',\n  marginStart: {\n    default: 'text-to-control',\n    type: {\n      increment: 0\n    }\n  },\n  aspectRatio: 'square',\n  flexShrink: 0,\n  minHeight: 0,\n  transition: {\n    default: 'default',\n    forcedColors: 'none'\n  },\n  backgroundColor: {\n    default: baseColor('gray-100'),\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isHovered: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonFace'\n    }\n  },\n  cursor: 'default'\n});\n\nconst iconStyles = style({\n  flexShrink: 0,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\n\nconst stepperContainerStyles = style({\n  display: 'flex',\n  flexDirection: 'row',\n  gap: {\n    size: {\n      S: 8,\n      M: 4,\n      L: 8,\n      XL: 8\n    }\n  },\n  marginEnd: {\n    size: {\n      S: 2,\n      M: 4,\n      L: space(6),\n      XL: space(6)\n    }\n  }\n});\n\n/**\n * NumberFields allow users to input number values with a keyboard or increment/decrement with step buttons.\n */\nexport const NumberField = forwardRef(function NumberField(props: NumberFieldProps, ref: Ref<TextFieldRef>) {\n  [props, ref] = useSpectrumContextProps(props, ref, NumberFieldContext);\n  props = useFormProps(props);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    hideStepper,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...numberFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n  let domRef = useRef<HTMLDivElement | null>(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let decrementButtonRef = useRef<HTMLDivElement | null>(null);\n  let incrementButtonRef = useRef<HTMLDivElement | null>(null);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  return (\n    <AriaNumberField\n      ref={domRef}\n      isRequired={isRequired}\n      {...numberFieldProps}\n      style={UNSAFE_style}\n      className={UNSAFE_className + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, props.styles)}>\n      {\n          ({isDisabled, isInvalid}) => {\n            return  (\n              <>\n                <FieldLabel\n                  isDisabled={isDisabled}\n                  isRequired={isRequired}\n                  size={size}\n                  labelPosition={labelPosition}\n                  labelAlign={labelAlign}\n                  necessityIndicator={necessityIndicator}\n                  contextualHelp={contextualHelp}>\n                  {label}\n                </FieldLabel>\n                <FieldGroup\n                  size={size}\n                  styles={style({\n                    ...fieldInput(),\n                    paddingStart: 'edge-to-text',\n                    paddingEnd: {\n                      default: 0,\n                      isStepperHidden: 'edge-to-text'\n                    }\n                  })({size, isStepperHidden: hideStepper})}>\n                  <InputContext.Consumer>\n                    {ctx => (\n                      <InputContext.Provider value={{...ctx, ref: mergeRefs((ctx as any)?.ref, inputRef)}}>\n                        <Input />\n                      </InputContext.Provider>\n                    )}\n                  </InputContext.Consumer>\n                  {isInvalid && <FieldErrorIcon isDisabled={isDisabled} />}\n                  {!hideStepper && <div className={stepperContainerStyles({size})}>\n                    <StepButton\n                      ref={decrementButtonRef}\n                      slot=\"decrement\"\n                      style={renderProps => pressScale(decrementButtonRef)(renderProps)}\n                      className={renderProps => inputButton({\n                        ...renderProps,\n                        type: 'decrement',\n                        size\n                      })}>\n                      <Dash size={size} className={iconStyles} />\n                    </StepButton>\n                    <StepButton\n                      ref={incrementButtonRef}\n                      slot=\"increment\"\n                      style={renderProps => pressScale(incrementButtonRef)(renderProps)}\n                      className={renderProps => inputButton({\n                        ...renderProps,\n                        type: 'increment',\n                        size\n                      })}>\n                      <Add size={size} className={iconStyles} />\n                    </StepButton>\n                  </div>}\n                </FieldGroup>\n                <HelpText\n                  size={size}\n                  isDisabled={isDisabled}\n                  isInvalid={isInvalid}\n                  description={descriptionMessage}>\n                  {errorMessage}\n                </HelpText>\n              </>\n            );\n          }\n        }\n    </AriaNumberField>\n  );\n});\n\ninterface StepButtonProps extends AriaButtonProps {\n}\n\nconst additionalButtonHTMLAttributes = new Set(['form', 'formAction', 'formEncType', 'formMethod', 'formNoValidate', 'formTarget', 'name', 'value']);\n\nlet StepButton = forwardRef((props: StepButtonProps, ref: ForwardedRef<HTMLDivElement>) => {\n  [props, ref] = useContextProps(props, ref, ButtonContext as any);\n  let ctx = props as any;\n  /**\n   * Must use div for now because Safari pointer event bugs on disabled form elements.\n   * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n   */\n  let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover(props);\n  let renderProps = useRenderProps({\n    ...props,\n    values: {isHovered, isPressed, isFocused, isFocusVisible, isDisabled: props.isDisabled || false},\n    defaultClassName: 'react-aria-Button'\n  });\n  return (\n    <div\n      {...filterDOMProps(props, {propNames: additionalButtonHTMLAttributes})}\n      {...mergeProps(buttonProps, focusProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={props.isDisabled || undefined}\n      data-pressed={ctx.isPressed || isPressed || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined} />\n  );\n});\n\n// replace from RAC\nfunction useRenderProps(props: any) {\n  let {\n    className,\n    style,\n    children,\n    defaultClassName = undefined,\n    defaultChildren = undefined,\n    defaultStyle,\n    values\n  } = props;\n\n  return useMemo(() => {\n    let computedClassName: string | undefined;\n    let computedStyle: CSSProperties | undefined;\n    let computedChildren: ReactNode | undefined;\n\n    if (typeof className === 'function') {\n      computedClassName = className({...values, defaultClassName});\n    } else {\n      computedClassName = className;\n    }\n\n    if (typeof style === 'function') {\n      computedStyle = style({...values, defaultStyle: defaultStyle || {}});\n    } else {\n      computedStyle = style;\n    }\n\n    if (typeof children === 'function') {\n      computedChildren = children({...values, defaultChildren});\n    } else if (children == null) {\n      computedChildren = defaultChildren;\n    } else {\n      computedChildren = children;\n    }\n\n    return {\n      className: computedClassName ?? defaultClassName,\n      style: (computedStyle || defaultStyle) ? {...defaultStyle, ...computedStyle} : undefined,\n      children: computedChildren ?? defaultChildren,\n      'data-rac': ''\n    };\n  }, [className, style, children, defaultClassName, defaultChildren, defaultStyle, values]);\n}\n"],"names":[],"version":3,"file":"NumberField.mjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/NumberField.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 Add from '../ui-icons/Add';\nimport {\n  ButtonProps as AriaButtonProps,\n  ButtonContext,\n  ButtonRenderProps\n} from 'react-aria-components/Button';\nimport {\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps\n} from 'react-aria-components/NumberField';\nimport {baseColor, space, style} from '../style' with {type: 'macro'};\nimport {ContextValue, useContextProps} from 'react-aria-components/slots';\nimport {\n  controlBorderRadius,\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {\n  createContext,\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  ReactNode,\n  Ref,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef\n} from 'react';\nimport {createFocusableRef} from './useDOMRef';\nimport Dash from '../ui-icons/Dash';\nimport {FieldErrorIcon, FieldGroup, FieldLabel, HelpText, Input} from './Field';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {FormContext, useFormProps} from './Form';\nimport {GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {InputContext, InputProps} from 'react-aria-components/Input';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport {pressScale} from './pressScale';\nimport {TextFieldRef} from './TextField';\nimport {useButton} from 'react-aria/useButton';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NumberFieldProps\n  extends\n    Omit<\n      AriaNumberFieldProps,\n      'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps,\n    Pick<InputProps, 'placeholder'> {\n  /**\n   * Whether to hide the increment and decrement buttons.\n   *\n   * @default false\n   */\n  hideStepper?: boolean;\n  /**\n   * The size of the NumberField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n  /**\n   * The prefix to display in the NumberField. A non-interactive element that appears before the\n   * input.\n   */\n  prefix?: ReactNode;\n}\n\nexport const NumberFieldContext =\n  createContext<ContextValue<Partial<NumberFieldProps>, TextFieldRef>>(null);\n\nconst inputButton = style<\n  ButtonRenderProps & {size: 'S' | 'M' | 'L' | 'XL'; type: 'decrement' | 'increment'}\n>({\n  ...controlBorderRadius('sm'),\n  display: 'flex',\n  outlineStyle: 'none',\n  textAlign: 'center',\n  borderStyle: 'none',\n  alignItems: 'center',\n  justifyContent: 'center',\n  width: {\n    size: {\n      S: 16,\n      M: 20,\n      L: 24,\n      XL: 32\n    }\n  },\n  height: 'auto',\n  marginStart: {\n    default: 'text-to-control',\n    type: {\n      increment: 0\n    }\n  },\n  aspectRatio: 'square',\n  flexShrink: 0,\n  minHeight: 0,\n  transition: {\n    default: 'default',\n    forcedColors: 'none'\n  },\n  backgroundColor: {\n    default: baseColor('gray-100'),\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonText',\n      isHovered: 'Highlight',\n      isDisabled: 'GrayText'\n    }\n  },\n  color: {\n    default: baseColor('neutral'),\n    isDisabled: 'disabled',\n    forcedColors: {\n      default: 'ButtonFace'\n    }\n  },\n  cursor: 'default'\n});\n\nconst iconStyles = style({\n  flexShrink: 0,\n  '--iconPrimary': {\n    type: 'fill',\n    value: 'currentColor'\n  }\n});\n\nconst stepperContainerStyles = style({\n  display: 'flex',\n  flexDirection: 'row',\n  gap: {\n    size: {\n      S: 8,\n      M: 4,\n      L: 8,\n      XL: 8\n    }\n  },\n  marginEnd: {\n    size: {\n      S: 2,\n      M: 4,\n      L: space(6),\n      XL: space(6)\n    }\n  }\n});\n\n/**\n * NumberFields allow users to input number values with a keyboard or increment/decrement with step\n * buttons.\n */\nexport const NumberField = forwardRef(function NumberField(\n  props: NumberFieldProps,\n  ref: Ref<TextFieldRef>\n) {\n  [props, ref] = useSpectrumContextProps(props, ref, NumberFieldContext);\n  props = useFormProps(props);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    hideStepper,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_className = '',\n    UNSAFE_style,\n    ...numberFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n  let domRef = useRef<HTMLDivElement | null>(null);\n  let inputRef = useRef<HTMLInputElement | null>(null);\n  let decrementButtonRef = useRef<HTMLDivElement | null>(null);\n  let incrementButtonRef = useRef<HTMLDivElement | null>(null);\n\n  // Expose imperative interface for ref\n  useImperativeHandle(ref, () => ({\n    ...createFocusableRef(domRef, inputRef),\n    select() {\n      if (inputRef.current) {\n        inputRef.current.select();\n      }\n    },\n    getInputElement() {\n      return inputRef.current;\n    }\n  }));\n\n  return (\n    <AriaNumberField\n      ref={domRef}\n      isRequired={isRequired}\n      {...numberFieldProps}\n      style={UNSAFE_style}\n      className={\n        UNSAFE_className +\n        style(field(), getAllowedOverrides())(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          props.styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n            <FieldGroup\n              prefix={props.prefix}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                paddingStart: 'edge-to-text',\n                paddingEnd: {\n                  default: 0,\n                  isStepperHidden: 'edge-to-text'\n                }\n              })({size, isStepperHidden: hideStepper})}>\n              <InputContext.Consumer>\n                {ctx => (\n                  <InputContext.Provider\n                    value={{\n                      ...ctx,\n                      ref: mergeRefs((ctx as any)?.ref, inputRef)\n                    }}>\n                    <Input />\n                  </InputContext.Provider>\n                )}\n              </InputContext.Consumer>\n              {isInvalid && <FieldErrorIcon isDisabled={isDisabled} />}\n              {!hideStepper && (\n                <div className={stepperContainerStyles({size})}>\n                  <StepButton\n                    ref={decrementButtonRef}\n                    slot=\"decrement\"\n                    style={renderProps => pressScale(decrementButtonRef)(renderProps)}\n                    className={renderProps =>\n                      inputButton({\n                        ...renderProps,\n                        type: 'decrement',\n                        size\n                      })\n                    }>\n                    <Dash size={size} className={iconStyles} />\n                  </StepButton>\n                  <StepButton\n                    ref={incrementButtonRef}\n                    slot=\"increment\"\n                    style={renderProps => pressScale(incrementButtonRef)(renderProps)}\n                    className={renderProps =>\n                      inputButton({\n                        ...renderProps,\n                        type: 'increment',\n                        size\n                      })\n                    }>\n                    <Add size={size} className={iconStyles} />\n                  </StepButton>\n                </div>\n              )}\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaNumberField>\n  );\n});\n\ninterface StepButtonProps extends AriaButtonProps {}\n\nconst additionalButtonHTMLAttributes = new Set([\n  'form',\n  'formAction',\n  'formEncType',\n  'formMethod',\n  'formNoValidate',\n  'formTarget',\n  'name',\n  'value'\n]);\n\nlet StepButton = forwardRef((props: StepButtonProps, ref: ForwardedRef<HTMLDivElement>) => {\n  [props, ref] = useContextProps(props, ref, ButtonContext as any);\n  let ctx = props as any;\n  /**\n   * Must use div for now because Safari pointer event bugs on disabled form elements.\n   * Link https://bugs.webkit.org/show_bug.cgi?id=219188.\n   */\n  let {buttonProps, isPressed} = useButton({...props, elementType: 'div'}, ref);\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover(props);\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      isHovered,\n      isPressed,\n      isFocused,\n      isFocusVisible,\n      isDisabled: props.isDisabled || false\n    },\n    defaultClassName: 'react-aria-Button'\n  });\n  return (\n    <div\n      {...filterDOMProps(props, {propNames: additionalButtonHTMLAttributes})}\n      {...mergeProps(buttonProps, focusProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={props.isDisabled || undefined}\n      data-pressed={ctx.isPressed || isPressed || undefined}\n      data-hovered={isHovered || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n    />\n  );\n});\n\n// replace from RAC\nfunction useRenderProps(props: any) {\n  let {\n    className,\n    style,\n    children,\n    defaultClassName = undefined,\n    defaultChildren = undefined,\n    defaultStyle,\n    values\n  } = props;\n\n  return useMemo(() => {\n    let computedClassName: string | undefined;\n    let computedStyle: CSSProperties | undefined;\n    let computedChildren: ReactNode | undefined;\n\n    if (typeof className === 'function') {\n      computedClassName = className({...values, defaultClassName});\n    } else {\n      computedClassName = className;\n    }\n\n    if (typeof style === 'function') {\n      computedStyle = style({...values, defaultStyle: defaultStyle || {}});\n    } else {\n      computedStyle = style;\n    }\n\n    if (typeof children === 'function') {\n      computedChildren = children({...values, defaultChildren});\n    } else if (children == null) {\n      computedChildren = defaultChildren;\n    } else {\n      computedChildren = children;\n    }\n\n    return {\n      className: computedClassName ?? defaultClassName,\n      style: computedStyle || defaultStyle ? {...defaultStyle, ...computedStyle} : undefined,\n      children: computedChildren ?? defaultChildren,\n      'data-rac': ''\n    };\n  }, [className, style, children, defaultClassName, defaultChildren, defaultStyle, values]);\n}\n"],"names":[],"version":3,"file":"NumberField.mjs.map"}