@react-aria/color 3.0.0-beta.26 → 3.0.0-beta.28

package/dist/lv-LV.main.js

@@ -0,0 +1,9 @@
+module.exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Kr\u{101}su atlas\u{12B}t\u{101}js`,
+    "twoDimensionalSlider": `2D sl\u{12B}dnis`
+};
+
+
+//# sourceMappingURL=lv-LV.main.js.map

package/dist/lv-LV.main.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA,iBAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,kCAAgB,CAAC;IACjC,wBAAwB,CAAC,gBAAU,CAAC;AACtC","sources":["packages/@react-aria/color/intl/lv-LV.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Krāsu atlasītājs\",\n  \"twoDimensionalSlider\": \"2D slīdnis\"\n}\n"],"names":[],"version":3,"file":"lv-LV.main.js.map"}

package/dist/lv-LV.mjs

@@ -0,0 +1,11 @@
+var $4e6cde11c2bc9840$exports = {};
+$4e6cde11c2bc9840$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Kr\u{101}su atlas\u{12B}t\u{101}js`,
+    "twoDimensionalSlider": `2D sl\u{12B}dnis`
+};
+
+
+export {$4e6cde11c2bc9840$exports as default};
+//# sourceMappingURL=lv-LV.module.js.map

package/dist/lv-LV.module.js

@@ -0,0 +1,11 @@
+var $4e6cde11c2bc9840$exports = {};
+$4e6cde11c2bc9840$exports = {
+    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
+    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
+    "colorPicker": `Kr\u{101}su atlas\u{12B}t\u{101}js`,
+    "twoDimensionalSlider": `2D sl\u{12B}dnis`
+};
+
+
+export {$4e6cde11c2bc9840$exports as default};
+//# sourceMappingURL=lv-LV.module.js.map

package/dist/lv-LV.module.js.map

@@ -0,0 +1 @@
+{"mappings":";AAAA,4BAAiB;IAAG,mBAAmB,CAAC,OAAS,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,YAAY,CAAC,CAAC;IACpF,qBAAqB,CAAC,OAAS,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,KAAK,CAAC,CAAC;IAC5D,eAAe,CAAC,kCAAgB,CAAC;IACjC,wBAAwB,CAAC,gBAAU,CAAC;AACtC","sources":["packages/@react-aria/color/intl/lv-LV.json"],"sourcesContent":["{\n  \"colorInputLabel\": \"{label}, {channelLabel}\",\n  \"colorNameAndValue\": \"{name}: {value}\",\n  \"colorPicker\": \"Krāsu atlasītājs\",\n  \"twoDimensionalSlider\": \"2D slīdnis\"\n}\n"],"names":[],"version":3,"file":"lv-LV.module.js.map"}

package/dist/main.js

@@ -1,15 +1,52 @@
+var $f141a15c3076a67b$exports = require("./ar-AE.main.js");
+var $435ac2a9fdd2ae5e$exports = require("./bg-BG.main.js");
+var $6b29758b432284f5$exports = require("./cs-CZ.main.js");
+var $357597bcf4afd6fb$exports = require("./da-DK.main.js");
+var $ddc6333960e2b591$exports = require("./de-DE.main.js");
+var $417ee93d3ca474c0$exports = require("./el-GR.main.js");
+var $519561bc6dcff98b$exports = require("./en-US.main.js");
+var $7a34c3fcc03402b8$exports = require("./es-ES.main.js");
+var $860f86d6eae22cba$exports = require("./et-EE.main.js");
+var $8525d3c77b8a51b0$exports = require("./fi-FI.main.js");
+var $8240fe6825e900ec$exports = require("./fr-FR.main.js");
+var $377849238307c673$exports = require("./he-IL.main.js");
+var $5a6f44e0ec14b083$exports = require("./hr-HR.main.js");
+var $82327d6e71e3e273$exports = require("./hu-HU.main.js");
+var $b1e297275c248ab8$exports = require("./it-IT.main.js");
+var $b39c9f2638b4d2b9$exports = require("./ja-JP.main.js");
+var $2d2fbf4195848a62$exports = require("./ko-KR.main.js");
+var $ea88350d0828fa2c$exports = require("./lt-LT.main.js");
+var $0e0acd541630120a$exports = require("./lv-LV.main.js");
+var $952a458224052046$exports = require("./nb-NO.main.js");
+var $2d8e195bc5683483$exports = require("./nl-NL.main.js");
+var $750d83f83c5f38d4$exports = require("./pl-PL.main.js");
+var $656b2846f611067c$exports = require("./pt-BR.main.js");
+var $58ce120874d069dd$exports = require("./pt-PT.main.js");
+var $fd6c85b4eba18825$exports = require("./ro-RO.main.js");
+var $8849a15ecc435984$exports = require("./ru-RU.main.js");
+var $5192372f064be783$exports = require("./sk-SK.main.js");
+var $094525f9176df65d$exports = require("./sl-SI.main.js");
+var $9795aa59b4ad40ed$exports = require("./sr-SP.main.js");
+var $9ebaa0b485f13e4d$exports = require("./sv-SE.main.js");
+var $ad58e2e4e0f2e750$exports = require("./tr-TR.main.js");
+var $dafc19306f8b2dfc$exports = require("./uk-UA.main.js");
+var $d31a8b80af5acc16$exports = require("./zh-CN.main.js");
+var $7377d28aec5fa200$exports = require("./zh-TW.main.js");
 var $kZqDi$reactariautils = require("@react-aria/utils");
 var $kZqDi$react = require("react");
 var $kZqDi$reactariainteractions = require("@react-aria/interactions");
 var $kZqDi$reactariai18n = require("@react-aria/i18n");
 var $kZqDi$reactariavisuallyhidden = require("@react-aria/visually-hidden");
 var $kZqDi$reactariaslider = require("@react-aria/slider");
+var $kZqDi$reactstatelyform = require("@react-stately/form");
 var $kZqDi$reactariatextfield = require("@react-aria/textfield");
 var $kZqDi$reactariaspinbutton = require("@react-aria/spinbutton");
 
+
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -40,311 +77,39 @@ $parcel$export(module.exports, "useColorField", () => $58c850037bc7a7ce$export$7
  * governing permissions and limitations under the License.
  */ 
 var $4a33e168940636d5$exports = {};
-var $f141a15c3076a67b$exports = {};
-$f141a15c3076a67b$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `أداة انتقاء اللون`,
-    "twoDimensionalSlider": `مُنزلق 2D`
-};
 
 
-var $435ac2a9fdd2ae5e$exports = {};
-$435ac2a9fdd2ae5e$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Средство за избиране на цвят`,
-    "twoDimensionalSlider": `2D плъзгач`
-};
-
 
-var $6b29758b432284f5$exports = {};
-$6b29758b432284f5$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Výběr barvy`,
-    "twoDimensionalSlider": `2D posuvník`
-};
 
 
-var $357597bcf4afd6fb$exports = {};
-$357597bcf4afd6fb$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Farvevælger`,
-    "twoDimensionalSlider": `2D-skyder`
-};
 
 
-var $ddc6333960e2b591$exports = {};
-$ddc6333960e2b591$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Farbwähler`,
-    "twoDimensionalSlider": `2D-Schieberegler`
-};
 
 
-var $417ee93d3ca474c0$exports = {};
-$417ee93d3ca474c0$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Επιλογέας χρωμάτων`,
-    "twoDimensionalSlider": `Ρυθμιστικό 2D`
-};
 
 
-var $519561bc6dcff98b$exports = {};
-$519561bc6dcff98b$exports = {
-    "colorPicker": `Color picker`,
-    "twoDimensionalSlider": `2D slider`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`
-};
 
 
-var $7a34c3fcc03402b8$exports = {};
-$7a34c3fcc03402b8$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Selector de color`,
-    "twoDimensionalSlider": `Regulador 2D`
-};
 
 
-var $860f86d6eae22cba$exports = {};
-$860f86d6eae22cba$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Värvivalija`,
-    "twoDimensionalSlider": `2D-liugur`
-};
 
 
-var $8525d3c77b8a51b0$exports = {};
-$8525d3c77b8a51b0$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Värimuokkain`,
-    "twoDimensionalSlider": `2D-liukusäädin`
-};
 
 
-var $8240fe6825e900ec$exports = {};
-$8240fe6825e900ec$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name} : ${args.value}`,
-    "colorPicker": `Sélecteur de couleurs`,
-    "twoDimensionalSlider": `Curseur 2D`
-};
 
 
-var $377849238307c673$exports = {};
-$377849238307c673$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `בוחר הצבעים`,
-    "twoDimensionalSlider": `מחוון דו מימדי`
-};
 
 
-var $5a6f44e0ec14b083$exports = {};
-$5a6f44e0ec14b083$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Odabir boje`,
-    "twoDimensionalSlider": `2D klizač`
-};
 
 
-var $82327d6e71e3e273$exports = {};
-$82327d6e71e3e273$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Színválasztó`,
-    "twoDimensionalSlider": `2D-csúszka`
-};
 
 
-var $b1e297275c248ab8$exports = {};
-$b1e297275c248ab8$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Selettore colore`,
-    "twoDimensionalSlider": `Cursore 2D`
-};
 
 
-var $b39c9f2638b4d2b9$exports = {};
-$b39c9f2638b4d2b9$exports = {
-    "colorInputLabel": (args)=>`${args.label}、${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name} : ${args.value}`,
-    "colorPicker": `カラーピッカー`,
-    "twoDimensionalSlider": `2D スライダー`
-};
 
 
-var $2d2fbf4195848a62$exports = {};
-$2d2fbf4195848a62$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `색상 피커`,
-    "twoDimensionalSlider": `2D 슬라이더`
-};
 
 
-var $ea88350d0828fa2c$exports = {};
-$ea88350d0828fa2c$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Spalvų parinkiklis`,
-    "twoDimensionalSlider": `2D slankiklis`
-};
-
-
-var $0e0acd541630120a$exports = {};
-$0e0acd541630120a$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Krāsu atlasītājs`,
-    "twoDimensionalSlider": `2D slīdnis`
-};
-
-
-var $952a458224052046$exports = {};
-$952a458224052046$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Fargevelger`,
-    "twoDimensionalSlider": `2D-glidebryter`
-};
-
-
-var $2d8e195bc5683483$exports = {};
-$2d8e195bc5683483$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Kleurkiezer`,
-    "twoDimensionalSlider": `2D-schuifregelaar`
-};
-
-
-var $750d83f83c5f38d4$exports = {};
-$750d83f83c5f38d4$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Próbnik kolorów`,
-    "twoDimensionalSlider": `Suwak 2D`
-};
-
-
-var $656b2846f611067c$exports = {};
-$656b2846f611067c$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Seletor de cores`,
-    "twoDimensionalSlider": `Controle deslizante 2D`
-};
-
-
-var $58ce120874d069dd$exports = {};
-$58ce120874d069dd$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Seletor de cores`,
-    "twoDimensionalSlider": `Controle deslizante 2D`
-};
-
-
-var $fd6c85b4eba18825$exports = {};
-$fd6c85b4eba18825$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Selector de culori`,
-    "twoDimensionalSlider": `Glisor 2D`
-};
-
-
-var $8849a15ecc435984$exports = {};
-$8849a15ecc435984$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Палитра цветов`,
-    "twoDimensionalSlider": `Ползунок 2D`
-};
-
-
-var $5192372f064be783$exports = {};
-$5192372f064be783$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Výber farieb`,
-    "twoDimensionalSlider": `2D jazdec`
-};
-
-
-var $094525f9176df65d$exports = {};
-$094525f9176df65d$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Izbirnik barv`,
-    "twoDimensionalSlider": `2D drsnik`
-};
-
-
-var $9795aa59b4ad40ed$exports = {};
-$9795aa59b4ad40ed$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Birač boja`,
-    "twoDimensionalSlider": `2D klizač`
-};
-
-
-var $9ebaa0b485f13e4d$exports = {};
-$9ebaa0b485f13e4d$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Färgväljaren`,
-    "twoDimensionalSlider": `2D-reglage`
-};
-
-
-var $ad58e2e4e0f2e750$exports = {};
-$ad58e2e4e0f2e750$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Renk Seçici`,
-    "twoDimensionalSlider": `2D sürgü`
-};
-
-
-var $dafc19306f8b2dfc$exports = {};
-$dafc19306f8b2dfc$exports = {
-    "colorInputLabel": (args)=>`${args.label}, ${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}: ${args.value}`,
-    "colorPicker": `Палітра кольорів`,
-    "twoDimensionalSlider": `Повзунок 2D`
-};
-
-
-var $d31a8b80af5acc16$exports = {};
-$d31a8b80af5acc16$exports = {
-    "colorInputLabel": (args)=>`${args.label}、${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}：${args.value}`,
-    "colorPicker": `拾色器`,
-    "twoDimensionalSlider": `2D 滑块`
-};
-
-
-var $7377d28aec5fa200$exports = {};
-$7377d28aec5fa200$exports = {
-    "colorInputLabel": (args)=>`${args.label}，${args.channelLabel}`,
-    "colorNameAndValue": (args)=>`${args.name}：${args.value}`,
-    "colorPicker": `檢色器`,
-    "twoDimensionalSlider": `2D 滑桿`
-};
-
 
 $4a33e168940636d5$exports = {
     "ar-AE": $f141a15c3076a67b$exports,
@@ -610,7 +375,7 @@ function $99936ad0bf67c8c4$export$dd62420467d245ca({ direction: direction, state
 
 function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
     let { isDisabled: isDisabled, inputXRef: inputXRef, inputYRef: inputYRef, containerRef: containerRef, "aria-label": ariaLabel, xName: xName, yName: yName } = props;
-    let stringFormatter = (0, $kZqDi$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($4a33e168940636d5$exports))));
+    let stringFormatter = (0, $kZqDi$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($4a33e168940636d5$exports))), "@react-aria/color");
     let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $kZqDi$reactariautils.useGlobalListeners)();
     let { direction: direction, locale: locale } = (0, $kZqDi$reactariai18n.useLocale)();
     let [focusedInput, setFocusedInput] = (0, $kZqDi$react.useState)(null);
@@ -676,9 +441,13 @@ function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
             state.setDragging(true);
         },
         onMove ({ deltaX: deltaX, deltaY: deltaY, pointerType: pointerType, shiftKey: shiftKey }) {
+            var _containerRef_current;
             let { incrementX: incrementX, decrementX: decrementX, incrementY: incrementY, decrementY: decrementY, xChannelPageStep: xChannelPageStep, xChannelStep: xChannelStep, yChannelPageStep: yChannelPageStep, yChannelStep: yChannelStep, getThumbPosition: getThumbPosition, setColorFromPoint: setColorFromPoint } = state;
             if (currentPosition.current == null) currentPosition.current = getThumbPosition();
-            let { width: width, height: height } = containerRef.current.getBoundingClientRect();
+            let { width: width, height: height } = ((_containerRef_current = containerRef.current) === null || _containerRef_current === void 0 ? void 0 : _containerRef_current.getBoundingClientRect()) || {
+                width: 0,
+                height: 0
+            };
             let valueChanged = deltaX !== 0 || deltaY !== 0;
             if (pointerType === "keyboard") {
                 let deltaXValue = shiftKey && xChannelPageStep > xChannelStep ? xChannelPageStep : xChannelStep;
@@ -698,7 +467,7 @@ function $47925bd68062ac17$export$2f92a7a615a014f6(props, state) {
             }
         },
         onMoveEnd () {
-            isOnColorArea.current = undefined;
+            isOnColorArea.current = false;
             state.setDragging(false);
             let input = focusedInput === "x" ? inputXRef : inputYRef;
             focusInput(input);
@@ -1106,7 +875,7 @@ function $1d29bf243d4a9a53$export$9064ff4e44b3729a(props, state, inputRef) {
             } else state.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);
         },
         onMoveEnd () {
-            isOnTrack.current = undefined;
+            isOnTrack.current = false;
             state.setDragging(false);
             focusInput();
         }
@@ -1305,9 +1074,10 @@ function $1d29bf243d4a9a53$var$circlePath(cx, cy, r) {
 
 
 
+
 function $58c850037bc7a7ce$export$77e32ca575a28fdf(props, state, ref) {
-    let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired } = props;
-    let { colorValue: colorValue, inputValue: inputValue, commit: commit, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin } = state;
+    let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationBehavior: validationBehavior = "aria" } = props;
+    let { colorValue: colorValue, inputValue: inputValue, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin, commit: commit } = state;
     let inputId = (0, $kZqDi$reactariautils.useId)();
     let { spinButtonProps: spinButtonProps } = (0, $kZqDi$reactariaspinbutton.useSpinButton)({
         isDisabled: isDisabled,
@@ -1344,26 +1114,30 @@ function $58c850037bc7a7ce$export$77e32ca575a28fdf(props, state, ref) {
     let onChange = (value)=>{
         if (state.validate(value)) state.setInputValue(value);
     };
-    let { labelProps: labelProps, inputProps: inputProps } = (0, $kZqDi$reactariatextfield.useFormattedTextField)((0, $kZqDi$reactariautils.mergeProps)(props, {
+    let { inputProps: inputProps, ...otherProps } = (0, $kZqDi$reactariatextfield.useFormattedTextField)((0, $kZqDi$reactariautils.mergeProps)(props, {
         id: inputId,
         value: inputValue,
         defaultValue: undefined,
+        validate: undefined,
+        [(0, $kZqDi$reactstatelyform.privateValidationStateProp)]: state,
         type: "text",
         autoComplete: "off",
         onChange: onChange
     }), state, ref);
+    inputProps = (0, $kZqDi$reactariautils.mergeProps)(inputProps, spinButtonProps, focusWithinProps, {
+        role: "textbox",
+        "aria-valuemax": null,
+        "aria-valuemin": null,
+        "aria-valuenow": null,
+        "aria-valuetext": null,
+        autoCorrect: "off",
+        spellCheck: "false",
+        onBlur: commit
+    });
+    if (validationBehavior === "native") inputProps["aria-required"] = undefined;
     return {
-        labelProps: labelProps,
-        inputProps: (0, $kZqDi$reactariautils.mergeProps)(inputProps, spinButtonProps, focusWithinProps, {
-            role: "textbox",
-            "aria-valuemax": null,
-            "aria-valuemin": null,
-            "aria-valuenow": null,
-            "aria-valuetext": null,
-            autoCorrect: "off",
-            spellCheck: "false",
-            onBlur: commit
-        })
+        inputProps: inputProps,
+        ...otherProps
     };
 }