@base-ui/react 1.7.0 → 1.8.0

package/number-field/group/NumberFieldGroupDataAttributes.d.ts

@@ -1,42 +1,40 @@
-export declare enum NumberFieldGroupDataAttributes {
-  /**
-   * Present while scrubbing.
-   */
-  scrubbing = "data-scrubbing",
-  /**
-   * Present when the number field is disabled.
-   */
-  disabled = "data-disabled",
-  /**
-   * Present when the number field is readonly.
-   */
-  readonly = "data-readonly",
-  /**
-   * Present when the number field is required.
-   */
-  required = "data-required",
-  /**
-   * Present when the number field is in a valid state (when wrapped in Field.Root).
-   */
-  valid = "data-valid",
-  /**
-   * Present when the number field is in an invalid state (when wrapped in Field.Root).
-   */
-  invalid = "data-invalid",
-  /**
-   * Present when the number field has been touched (when wrapped in Field.Root).
-   */
-  touched = "data-touched",
-  /**
-   * Present when the number field's value has changed (when wrapped in Field.Root).
-   */
-  dirty = "data-dirty",
-  /**
-   * Present when the number field is filled (when wrapped in Field.Root).
-   */
-  filled = "data-filled",
-  /**
-   * Present when the number field is focused (when wrapped in Field.Root).
-   */
-  focused = "data-focused",
-}
+/**
+ * Present while scrubbing.
+ */
+export declare const scrubbing = "data-scrubbing";
+/**
+ * Present when the number field is disabled.
+ */
+export declare const disabled = "data-disabled";
+/**
+ * Present when the number field is readonly.
+ */
+export declare const readonly = "data-readonly";
+/**
+ * Present when the number field is required.
+ */
+export declare const required = "data-required";
+/**
+ * Present when the number field is in a valid state (when wrapped in Field.Root).
+ */
+export declare const valid = "data-valid";
+/**
+ * Present when the number field is in an invalid state (when wrapped in Field.Root).
+ */
+export declare const invalid = "data-invalid";
+/**
+ * Present when the number field has been touched (when wrapped in Field.Root).
+ */
+export declare const touched = "data-touched";
+/**
+ * Present when the number field's value has changed (when wrapped in Field.Root).
+ */
+export declare const dirty = "data-dirty";
+/**
+ * Present when the number field is filled (when wrapped in Field.Root).
+ */
+export declare const filled = "data-filled";
+/**
+ * Present when the number field is focused (when wrapped in Field.Root).
+ */
+export declare const focused = "data-focused";

package/number-field/group/NumberFieldGroupDataAttributes.js

@@ -3,47 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NumberFieldGroupDataAttributes = void 0;
-let NumberFieldGroupDataAttributes = exports.NumberFieldGroupDataAttributes = /*#__PURE__*/function (NumberFieldGroupDataAttributes) {
-  /**
-   * Present while scrubbing.
-   */
-  NumberFieldGroupDataAttributes["scrubbing"] = "data-scrubbing";
-  /**
-   * Present when the number field is disabled.
-   */
-  NumberFieldGroupDataAttributes["disabled"] = "data-disabled";
-  /**
-   * Present when the number field is readonly.
-   */
-  NumberFieldGroupDataAttributes["readonly"] = "data-readonly";
-  /**
-   * Present when the number field is required.
-   */
-  NumberFieldGroupDataAttributes["required"] = "data-required";
-  /**
-   * Present when the number field is in a valid state (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["valid"] = "data-valid";
-  /**
-   * Present when the number field is in an invalid state (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["invalid"] = "data-invalid";
-  /**
-   * Present when the number field has been touched (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["touched"] = "data-touched";
-  /**
-   * Present when the number field's value has changed (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["dirty"] = "data-dirty";
-  /**
-   * Present when the number field is filled (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["filled"] = "data-filled";
-  /**
-   * Present when the number field is focused (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["focused"] = "data-focused";
-  return NumberFieldGroupDataAttributes;
-}({});
+exports.valid = exports.touched = exports.scrubbing = exports.required = exports.readonly = exports.invalid = exports.focused = exports.filled = exports.disabled = exports.dirty = void 0;
+/**
+ * Present while scrubbing.
+ */
+const scrubbing = exports.scrubbing = 'data-scrubbing';
+/**
+ * Present when the number field is disabled.
+ */
+const disabled = exports.disabled = 'data-disabled';
+/**
+ * Present when the number field is readonly.
+ */
+const readonly = exports.readonly = 'data-readonly';
+/**
+ * Present when the number field is required.
+ */
+const required = exports.required = 'data-required';
+/**
+ * Present when the number field is in a valid state (when wrapped in Field.Root).
+ */
+const valid = exports.valid = 'data-valid';
+/**
+ * Present when the number field is in an invalid state (when wrapped in Field.Root).
+ */
+const invalid = exports.invalid = 'data-invalid';
+/**
+ * Present when the number field has been touched (when wrapped in Field.Root).
+ */
+const touched = exports.touched = 'data-touched';
+/**
+ * Present when the number field's value has changed (when wrapped in Field.Root).
+ */
+const dirty = exports.dirty = 'data-dirty';
+/**
+ * Present when the number field is filled (when wrapped in Field.Root).
+ */
+const filled = exports.filled = 'data-filled';
+/**
+ * Present when the number field is focused (when wrapped in Field.Root).
+ */
+const focused = exports.focused = 'data-focused';

package/number-field/group/NumberFieldGroupDataAttributes.mjs

@@ -1,43 +1,40 @@
-export let NumberFieldGroupDataAttributes = /*#__PURE__*/function (NumberFieldGroupDataAttributes) {
-  /**
-   * Present while scrubbing.
-   */
-  NumberFieldGroupDataAttributes["scrubbing"] = "data-scrubbing";
-  /**
-   * Present when the number field is disabled.
-   */
-  NumberFieldGroupDataAttributes["disabled"] = "data-disabled";
-  /**
-   * Present when the number field is readonly.
-   */
-  NumberFieldGroupDataAttributes["readonly"] = "data-readonly";
-  /**
-   * Present when the number field is required.
-   */
-  NumberFieldGroupDataAttributes["required"] = "data-required";
-  /**
-   * Present when the number field is in a valid state (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["valid"] = "data-valid";
-  /**
-   * Present when the number field is in an invalid state (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["invalid"] = "data-invalid";
-  /**
-   * Present when the number field has been touched (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["touched"] = "data-touched";
-  /**
-   * Present when the number field's value has changed (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["dirty"] = "data-dirty";
-  /**
-   * Present when the number field is filled (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["filled"] = "data-filled";
-  /**
-   * Present when the number field is focused (when wrapped in Field.Root).
-   */
-  NumberFieldGroupDataAttributes["focused"] = "data-focused";
-  return NumberFieldGroupDataAttributes;
-}({});
+/**
+ * Present while scrubbing.
+ */
+export const scrubbing = 'data-scrubbing';
+/**
+ * Present when the number field is disabled.
+ */
+export const disabled = 'data-disabled';
+/**
+ * Present when the number field is readonly.
+ */
+export const readonly = 'data-readonly';
+/**
+ * Present when the number field is required.
+ */
+export const required = 'data-required';
+/**
+ * Present when the number field is in a valid state (when wrapped in Field.Root).
+ */
+export const valid = 'data-valid';
+/**
+ * Present when the number field is in an invalid state (when wrapped in Field.Root).
+ */
+export const invalid = 'data-invalid';
+/**
+ * Present when the number field has been touched (when wrapped in Field.Root).
+ */
+export const touched = 'data-touched';
+/**
+ * Present when the number field's value has changed (when wrapped in Field.Root).
+ */
+export const dirty = 'data-dirty';
+/**
+ * Present when the number field is filled (when wrapped in Field.Root).
+ */
+export const filled = 'data-filled';
+/**
+ * Present when the number field is focused (when wrapped in Field.Root).
+ */
+export const focused = 'data-focused';

package/number-field/increment/NumberFieldIncrementDataAttributes.d.mts

@@ -1,42 +1,40 @@
-export declare enum NumberFieldIncrementDataAttributes {
-  /**
-   * Present while scrubbing.
-   */
-  scrubbing = "data-scrubbing",
-  /**
-   * Present when the number field is disabled.
-   */
-  disabled = "data-disabled",
-  /**
-   * Present when the number field is readonly.
-   */
-  readonly = "data-readonly",
-  /**
-   * Present when the number field is required.
-   */
-  required = "data-required",
-  /**
-   * Present when the number field is in a valid state (when wrapped in Field.Root).
-   */
-  valid = "data-valid",
-  /**
-   * Present when the number field is in an invalid state (when wrapped in Field.Root).
-   */
-  invalid = "data-invalid",
-  /**
-   * Present when the number field has been touched (when wrapped in Field.Root).
-   */
-  touched = "data-touched",
-  /**
-   * Present when the number field's value has changed (when wrapped in Field.Root).
-   */
-  dirty = "data-dirty",
-  /**
-   * Present when the number field is filled (when wrapped in Field.Root).
-   */
-  filled = "data-filled",
-  /**
-   * Present when the number field is focused (when wrapped in Field.Root).
-   */
-  focused = "data-focused",
-}
+/**
+ * Present while scrubbing.
+ */
+export declare const scrubbing = "data-scrubbing";
+/**
+ * Present when the number field is disabled.
+ */
+export declare const disabled = "data-disabled";
+/**
+ * Present when the number field is readonly.
+ */
+export declare const readonly = "data-readonly";
+/**
+ * Present when the number field is required.
+ */
+export declare const required = "data-required";
+/**
+ * Present when the number field is in a valid state (when wrapped in Field.Root).
+ */
+export declare const valid = "data-valid";
+/**
+ * Present when the number field is in an invalid state (when wrapped in Field.Root).
+ */
+export declare const invalid = "data-invalid";
+/**
+ * Present when the number field has been touched (when wrapped in Field.Root).
+ */
+export declare const touched = "data-touched";
+/**
+ * Present when the number field's value has changed (when wrapped in Field.Root).
+ */
+export declare const dirty = "data-dirty";
+/**
+ * Present when the number field is filled (when wrapped in Field.Root).
+ */
+export declare const filled = "data-filled";
+/**
+ * Present when the number field is focused (when wrapped in Field.Root).
+ */
+export declare const focused = "data-focused";

package/number-field/increment/NumberFieldIncrementDataAttributes.d.ts

@@ -1,42 +1,40 @@
-export declare enum NumberFieldIncrementDataAttributes {
-  /**
-   * Present while scrubbing.
-   */
-  scrubbing = "data-scrubbing",
-  /**
-   * Present when the number field is disabled.
-   */
-  disabled = "data-disabled",
-  /**
-   * Present when the number field is readonly.
-   */
-  readonly = "data-readonly",
-  /**
-   * Present when the number field is required.
-   */
-  required = "data-required",
-  /**
-   * Present when the number field is in a valid state (when wrapped in Field.Root).
-   */
-  valid = "data-valid",
-  /**
-   * Present when the number field is in an invalid state (when wrapped in Field.Root).
-   */
-  invalid = "data-invalid",
-  /**
-   * Present when the number field has been touched (when wrapped in Field.Root).
-   */
-  touched = "data-touched",
-  /**
-   * Present when the number field's value has changed (when wrapped in Field.Root).
-   */
-  dirty = "data-dirty",
-  /**
-   * Present when the number field is filled (when wrapped in Field.Root).
-   */
-  filled = "data-filled",
-  /**
-   * Present when the number field is focused (when wrapped in Field.Root).
-   */
-  focused = "data-focused",
-}
+/**
+ * Present while scrubbing.
+ */
+export declare const scrubbing = "data-scrubbing";
+/**
+ * Present when the number field is disabled.
+ */
+export declare const disabled = "data-disabled";
+/**
+ * Present when the number field is readonly.
+ */
+export declare const readonly = "data-readonly";
+/**
+ * Present when the number field is required.
+ */
+export declare const required = "data-required";
+/**
+ * Present when the number field is in a valid state (when wrapped in Field.Root).
+ */
+export declare const valid = "data-valid";
+/**
+ * Present when the number field is in an invalid state (when wrapped in Field.Root).
+ */
+export declare const invalid = "data-invalid";
+/**
+ * Present when the number field has been touched (when wrapped in Field.Root).
+ */
+export declare const touched = "data-touched";
+/**
+ * Present when the number field's value has changed (when wrapped in Field.Root).
+ */
+export declare const dirty = "data-dirty";
+/**
+ * Present when the number field is filled (when wrapped in Field.Root).
+ */
+export declare const filled = "data-filled";
+/**
+ * Present when the number field is focused (when wrapped in Field.Root).
+ */
+export declare const focused = "data-focused";

package/number-field/increment/NumberFieldIncrementDataAttributes.js

@@ -3,47 +3,44 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NumberFieldIncrementDataAttributes = void 0;
-let NumberFieldIncrementDataAttributes = exports.NumberFieldIncrementDataAttributes = /*#__PURE__*/function (NumberFieldIncrementDataAttributes) {
-  /**
-   * Present while scrubbing.
-   */
-  NumberFieldIncrementDataAttributes["scrubbing"] = "data-scrubbing";
-  /**
-   * Present when the number field is disabled.
-   */
-  NumberFieldIncrementDataAttributes["disabled"] = "data-disabled";
-  /**
-   * Present when the number field is readonly.
-   */
-  NumberFieldIncrementDataAttributes["readonly"] = "data-readonly";
-  /**
-   * Present when the number field is required.
-   */
-  NumberFieldIncrementDataAttributes["required"] = "data-required";
-  /**
-   * Present when the number field is in a valid state (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["valid"] = "data-valid";
-  /**
-   * Present when the number field is in an invalid state (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["invalid"] = "data-invalid";
-  /**
-   * Present when the number field has been touched (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["touched"] = "data-touched";
-  /**
-   * Present when the number field's value has changed (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["dirty"] = "data-dirty";
-  /**
-   * Present when the number field is filled (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["filled"] = "data-filled";
-  /**
-   * Present when the number field is focused (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["focused"] = "data-focused";
-  return NumberFieldIncrementDataAttributes;
-}({});
+exports.valid = exports.touched = exports.scrubbing = exports.required = exports.readonly = exports.invalid = exports.focused = exports.filled = exports.disabled = exports.dirty = void 0;
+/**
+ * Present while scrubbing.
+ */
+const scrubbing = exports.scrubbing = 'data-scrubbing';
+/**
+ * Present when the number field is disabled.
+ */
+const disabled = exports.disabled = 'data-disabled';
+/**
+ * Present when the number field is readonly.
+ */
+const readonly = exports.readonly = 'data-readonly';
+/**
+ * Present when the number field is required.
+ */
+const required = exports.required = 'data-required';
+/**
+ * Present when the number field is in a valid state (when wrapped in Field.Root).
+ */
+const valid = exports.valid = 'data-valid';
+/**
+ * Present when the number field is in an invalid state (when wrapped in Field.Root).
+ */
+const invalid = exports.invalid = 'data-invalid';
+/**
+ * Present when the number field has been touched (when wrapped in Field.Root).
+ */
+const touched = exports.touched = 'data-touched';
+/**
+ * Present when the number field's value has changed (when wrapped in Field.Root).
+ */
+const dirty = exports.dirty = 'data-dirty';
+/**
+ * Present when the number field is filled (when wrapped in Field.Root).
+ */
+const filled = exports.filled = 'data-filled';
+/**
+ * Present when the number field is focused (when wrapped in Field.Root).
+ */
+const focused = exports.focused = 'data-focused';

package/number-field/increment/NumberFieldIncrementDataAttributes.mjs

@@ -1,43 +1,40 @@
-export let NumberFieldIncrementDataAttributes = /*#__PURE__*/function (NumberFieldIncrementDataAttributes) {
-  /**
-   * Present while scrubbing.
-   */
-  NumberFieldIncrementDataAttributes["scrubbing"] = "data-scrubbing";
-  /**
-   * Present when the number field is disabled.
-   */
-  NumberFieldIncrementDataAttributes["disabled"] = "data-disabled";
-  /**
-   * Present when the number field is readonly.
-   */
-  NumberFieldIncrementDataAttributes["readonly"] = "data-readonly";
-  /**
-   * Present when the number field is required.
-   */
-  NumberFieldIncrementDataAttributes["required"] = "data-required";
-  /**
-   * Present when the number field is in a valid state (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["valid"] = "data-valid";
-  /**
-   * Present when the number field is in an invalid state (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["invalid"] = "data-invalid";
-  /**
-   * Present when the number field has been touched (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["touched"] = "data-touched";
-  /**
-   * Present when the number field's value has changed (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["dirty"] = "data-dirty";
-  /**
-   * Present when the number field is filled (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["filled"] = "data-filled";
-  /**
-   * Present when the number field is focused (when wrapped in Field.Root).
-   */
-  NumberFieldIncrementDataAttributes["focused"] = "data-focused";
-  return NumberFieldIncrementDataAttributes;
-}({});
+/**
+ * Present while scrubbing.
+ */
+export const scrubbing = 'data-scrubbing';
+/**
+ * Present when the number field is disabled.
+ */
+export const disabled = 'data-disabled';
+/**
+ * Present when the number field is readonly.
+ */
+export const readonly = 'data-readonly';
+/**
+ * Present when the number field is required.
+ */
+export const required = 'data-required';
+/**
+ * Present when the number field is in a valid state (when wrapped in Field.Root).
+ */
+export const valid = 'data-valid';
+/**
+ * Present when the number field is in an invalid state (when wrapped in Field.Root).
+ */
+export const invalid = 'data-invalid';
+/**
+ * Present when the number field has been touched (when wrapped in Field.Root).
+ */
+export const touched = 'data-touched';
+/**
+ * Present when the number field's value has changed (when wrapped in Field.Root).
+ */
+export const dirty = 'data-dirty';
+/**
+ * Present when the number field is filled (when wrapped in Field.Root).
+ */
+export const filled = 'data-filled';
+/**
+ * Present when the number field is focused (when wrapped in Field.Root).
+ */
+export const focused = 'data-focused';

package/number-field/input/NumberFieldInput.js

@@ -10,6 +10,7 @@ var React = _interopRequireWildcard(require("react"));
 var _safeReact = require("@base-ui/utils/safeReact");
 var _warn = require("@base-ui/utils/warn");
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
+var _formatNumber = require("@base-ui/utils/formatNumber");
 var _NumberFieldRootContext = require("../root/NumberFieldRootContext");
 var _FieldRootContext = require("../../internals/field-root-context/FieldRootContext");
 var _useRegisterFieldControl = require("../../internals/field-register-control/useRegisterFieldControl");
@@ -19,7 +20,6 @@ var _parse = require("../utils/parse");
 var _stateAttributesMapping = require("../utils/stateAttributesMapping");
 var _useRenderElement = require("../../internals/useRenderElement");
 var _createBaseUIEventDetails = require("../../internals/createBaseUIEventDetails");
-var _formatNumber = require("../../utils/formatNumber");
 var _useValueChanged = require("../../internals/useValueChanged");
 var _reasons = require("../../internals/reasons");
 var _validate = require("../utils/validate");
@@ -81,7 +81,6 @@ const NumberFieldInput = exports.NumberFieldInput = /*#__PURE__*/React.forwardRe
   const {
     labelId
   } = (0, _LabelableContext.useLabelableContext)();
-  const hasTouchedInputRef = React.useRef(false);
   const blockRevalidationRef = React.useRef(false);
   const pendingCaretRef = React.useRef(null);
   (0, _useRegisterFieldControl.useRegisterFieldControl)(inputRef, id, value, undefined, !disabled, nameProp);
@@ -126,16 +125,6 @@ const NumberFieldInput = exports.NumberFieldInput = /*#__PURE__*/React.forwardRe
         return;
       }
       setFocused(true);
-      if (hasTouchedInputRef.current) {
-        return;
-      }
-      hasTouchedInputRef.current = true;
-
-      // Browsers set selection at the start of the input field by default. We want to set it at
-      // the end for the first focus.
-      const target = event.currentTarget;
-      const length = target.value.length;
-      target.setSelectionRange(length, length);
     },
     onBlur(event) {
       if (event.defaultPrevented || disabled) {