react-aria-components 1.16.0 → 1.18.0

package/dist/private/Heading.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AAqBM,MAAM,0DAAiB,CAAA,GAAA,oBAAY,EAAkD,CAAC;AAEtF,MAAM,0DAAU,CAAA,GAAA,iBAAS,EAAE,SAAS,QACzC,KAAmB,EACnB,GAAqC;IAErC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,YAAC,QAAQ,SAAE,QAAQ,cAAG,SAAS,EAAE,GAAG,UAAS,GAAG;IACpD,IAAI,UAAU,CAAA,GAAA,yCAAE,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;IAE9B,qBACE,gCAAC;QAAS,GAAG,QAAQ;QAAE,KAAK;QAAK,WAAW,aAAa;OACtD;AAGP","sources":["packages/react-aria-components/src/Heading.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {ContextValue, dom, DOMRenderProps, useContextProps} from './utils';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes} from 'react';\n\nexport interface HeadingProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'h1', undefined> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-Heading'\n   */\n  className?: string;\n  /**\n   * The heading level.\n   *\n   * @default 3\n   */\n  level?: number;\n}\n\nexport const HeadingContext = createContext<ContextValue<HeadingProps, HTMLHeadingElement>>({});\n\nexport const Heading = forwardRef(function Heading(\n  props: HeadingProps,\n  ref: ForwardedRef<HTMLHeadingElement>\n) {\n  [props, ref] = useContextProps(props, ref, HeadingContext);\n  let {children, level = 3, className, ...domProps} = props;\n  let Element = dom[`h${level}`];\n\n  return (\n    <Element {...domProps} ref={ref} className={className ?? 'react-aria-Heading'}>\n      {children}\n    </Element>\n  );\n});\n"],"names":[],"version":3,"file":"Heading.mjs.map"}

package/dist/private/HiddenDateInput.cjs

@@ -0,0 +1,126 @@
+var $c23NT$internationalizeddate = require("@internationalized/date");
+var $c23NT$reactariaprivateutilsshadowdomDOMFunctions = require("react-aria/private/utils/shadowdom/DOMFunctions");
+var $c23NT$react = require("react");
+var $c23NT$reactariaVisuallyHidden = require("react-aria/VisuallyHidden");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "HiddenDateInput", function () { return $42971d650511669b$export$eefa3e19139f00f3; });
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $42971d650511669b$var$dateSegments = [
+    'day',
+    'month',
+    'year'
+];
+const $42971d650511669b$var$granularityMap = {
+    hour: 1,
+    minute: 2,
+    second: 3
+};
+function $42971d650511669b$export$f6a685cd1acbd1fa(props, state) {
+    let { autoComplete: autoComplete, isDisabled: isDisabled, name: name } = props;
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $c23NT$reactariaVisuallyHidden.useVisuallyHidden)({
+        style: {
+            // Prevent page scrolling.
+            position: 'fixed',
+            top: 0,
+            left: 0
+        }
+    });
+    let inputStep = 60;
+    if (state.granularity === 'second') inputStep = 1;
+    else if (state.granularity === 'hour') inputStep = 3600;
+    let dateValue = '';
+    if (state.value) {
+        if (state.granularity === 'day') dateValue = (0, $c23NT$internationalizeddate.toCalendarDate)(state.value).toString();
+        else dateValue = (0, $c23NT$internationalizeddate.toCalendarDateTime)('timeZone' in state.value ? (0, $c23NT$internationalizeddate.toLocalTimeZone)(state.value) : state.value).toString();
+    }
+    let inputType = state.granularity === 'day' ? 'date' : 'datetime-local';
+    let timeSegments = [
+        'hour',
+        'minute',
+        'second'
+    ];
+    // Depending on the granularity, we only want to validate certain time segments
+    let end = 0;
+    if (timeSegments.includes(state.granularity)) {
+        end = $42971d650511669b$var$granularityMap[state.granularity];
+        timeSegments = timeSegments.slice(0, end);
+    }
+    return {
+        containerProps: {
+            ...visuallyHiddenProps,
+            'aria-hidden': true,
+            // @ts-ignore
+            ['data-react-aria-prevent-focus']: true,
+            // @ts-ignore
+            ['data-a11y-ignore']: 'aria-hidden-focus'
+        },
+        inputProps: {
+            tabIndex: -1,
+            autoComplete: autoComplete,
+            disabled: isDisabled,
+            type: inputType,
+            // We set the form prop to an empty string to prevent the hidden date input's value from being submitted
+            form: '',
+            name: name,
+            step: inputStep,
+            value: dateValue,
+            onChange: (e)=>{
+                let targetString = (0, $c23NT$reactariaprivateutilsshadowdomDOMFunctions.getEventTarget)(e).value.toString();
+                if (targetString) try {
+                    let targetValue = (0, $c23NT$internationalizeddate.parseDateTime)(targetString);
+                    if (state.granularity === 'day') targetValue = (0, $c23NT$internationalizeddate.parseDate)(targetString);
+                    // We check to to see if setSegment exists in the state since it only exists in DateFieldState and not DatePickerState.
+                    // The setValue method has different behavior depending on if it's coming from DateFieldState or DatePickerState.
+                    // In DateFieldState, setValue firsts checks to make sure that each segment is filled before committing the newValue
+                    // which is why in the code below we first set each segment to validate it before committing the new value.
+                    // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to
+                    // set a new value when the field itself is empty.
+                    if ('setSegment' in state) for(let type in targetValue){
+                        // eslint-disable-next-line max-depth
+                        if ($42971d650511669b$var$dateSegments.includes(type)) state.setSegment(type, targetValue[type]);
+                        // eslint-disable-next-line max-depth
+                        if (timeSegments.includes(type)) state.setSegment(type, targetValue[type]);
+                    }
+                    state.setValue(targetValue);
+                } catch  {
+                // ignore
+                }
+            }
+        }
+    };
+}
+function $42971d650511669b$export$eefa3e19139f00f3(props) {
+    let { state: state } = props;
+    let { containerProps: containerProps, inputProps: inputProps } = $42971d650511669b$export$f6a685cd1acbd1fa({
+        ...props
+    }, state);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($c23NT$react))).createElement("div", {
+        ...containerProps,
+        "data-testid": "hidden-dateinput-container"
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($c23NT$react))).createElement("input", inputProps));
+}
+
+
+//# sourceMappingURL=HiddenDateInput.cjs.map

package/dist/private/HiddenDateInput.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA2CD,MAAM,qCAAe;IAAC;IAAO;IAAS;CAAO;AAC7C,MAAM,uCAAiB;IAAC,MAAM;IAAG,QAAQ;IAAG,QAAQ;AAAC;AAE9C,SAAS,0CACd,KAA2B,EAC3B,KAAuC;IAEvC,IAAI,gBAAC,YAAY,cAAE,UAAU,QAAE,IAAI,EAAC,GAAG;IACvC,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,gDAAgB,EAAE;QAC5C,OAAO;YACL,0BAA0B;YAC1B,UAAU;YACV,KAAK;YACL,MAAM;QACR;IACF;IAEA,IAAI,YAAY;IAChB,IAAI,MAAM,WAAW,KAAK,UACxB,YAAY;SACP,IAAI,MAAM,WAAW,KAAK,QAC/B,YAAY;IAGd,IAAI,YAAY;IAChB,IAAI,MAAM,KAAK;QACb,IAAI,MAAM,WAAW,KAAK,OACxB,YAAY,CAAA,GAAA,2CAAa,EAAE,MAAM,KAAK,EAAE,QAAQ;aAEhD,YAAY,CAAA,GAAA,+CAAiB,EAC3B,cAAc,MAAM,KAAK,GAAG,CAAA,GAAA,4CAAc,EAAE,MAAM,KAAK,IAAI,MAAM,KAAK,EACtE,QAAQ;;IAId,IAAI,YAAY,MAAM,WAAW,KAAK,QAAQ,SAAS;IAEvD,IAAI,eAAe;QAAC;QAAQ;QAAU;KAAS;IAC/C,+EAA+E;IAC/E,IAAI,MAAM;IACV,IAAI,aAAa,QAAQ,CAAC,MAAM,WAAW,GAAG;QAC5C,MAAM,oCAAc,CAAC,MAAM,WAAW,CAAC;QACvC,eAAe,aAAa,KAAK,CAAC,GAAG;IACvC;IAEA,OAAO;QACL,gBAAgB;YACd,GAAG,mBAAmB;YACtB,eAAe;YACf,aAAa;YACb,CAAC,gCAAgC,EAAE;YACnC,aAAa;YACb,CAAC,mBAAmB,EAAE;QACxB;QACA,YAAY;YACV,UAAU;0BACV;YACA,UAAU;YACV,MAAM;YACN,wGAAwG;YACxG,MAAM;kBACN;YACA,MAAM;YACN,OAAO;YACP,UAAU,CAAA;gBACR,IAAI,eAAe,CAAA,GAAA,gEAAa,EAAE,GAAG,KAAK,CAAC,QAAQ;gBACnD,IAAI,cACF,IAAI;oBACF,IAAI,cAA+C,CAAA,GAAA,0CAAY,EAAE;oBACjE,IAAI,MAAM,WAAW,KAAK,OACxB,cAAc,CAAA,GAAA,sCAAQ,EAAE;oBAE1B,uHAAuH;oBACvH,iHAAiH;oBACjH,oHAAoH;oBACpH,2GAA2G;oBAC3G,wHAAwH;oBACxH,kDAAkD;oBAClD,IAAI,gBAAgB,OAClB,IAAK,IAAI,QAAQ,YAAa;wBAC5B,qCAAqC;wBACrC,IAAI,mCAAa,QAAQ,CAAC,OACxB,MAAM,UAAU,CAAC,MAAyB,WAAW,CAAC,KAAK;wBAE7D,qCAAqC;wBACrC,IAAI,aAAa,QAAQ,CAAC,OACxB,MAAM,UAAU,CAAC,MAAyB,WAAW,CAAC,KAAK;oBAE/D;oBAEF,MAAM,QAAQ,CAAC;gBACjB,EAAE,OAAM;gBACN,SAAS;gBACX;YAEJ;QACF;IACF;AACF;AAEO,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,EAAC,GAAG;IACd,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,0CAAmB;QAAC,GAAG,KAAK;IAAA,GAAG;IAClE,qBACE,0DAAC;QAAK,GAAG,cAAc;QAAE,eAAY;qBACnC,0DAAC,SAAU;AAGjB","sources":["packages/react-aria-components/src/HiddenDateInput.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {\n  CalendarDate,\n  CalendarDateTime,\n  parseDate,\n  parseDateTime,\n  toCalendarDate,\n  toCalendarDateTime,\n  toLocalTimeZone\n} from '@internationalized/date';\nimport {DateFieldState, DateSegmentType} from 'react-stately/useDateFieldState';\nimport {DatePickerState} from 'react-stately/useDatePickerState';\nimport {getEventTarget} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport React, {ReactNode} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface AriaHiddenDateInputProps {\n  /**\n   * Describes the type of autocomplete functionality the input should provide if any. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).\n   */\n  autoComplete?: string;\n  /** HTML form input name. */\n  name?: string;\n  /** Sets the disabled state of the input. */\n  isDisabled?: boolean;\n}\n\ninterface HiddenDateInputProps extends AriaHiddenDateInputProps {\n  /**\n   * State for the input.\n   */\n  state: DateFieldState | DatePickerState;\n}\n\nexport interface HiddenDateAria {\n  /** Props for the container element. */\n  containerProps: React.HTMLAttributes<HTMLDivElement>;\n  /** Props for the hidden input element. */\n  inputProps: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\nconst dateSegments = ['day', 'month', 'year'];\nconst granularityMap = {hour: 1, minute: 2, second: 3};\n\nexport function useHiddenDateInput(\n  props: HiddenDateInputProps,\n  state: DateFieldState | DatePickerState\n): HiddenDateAria {\n  let {autoComplete, isDisabled, name} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden({\n    style: {\n      // Prevent page scrolling.\n      position: 'fixed',\n      top: 0,\n      left: 0\n    }\n  });\n\n  let inputStep = 60;\n  if (state.granularity === 'second') {\n    inputStep = 1;\n  } else if (state.granularity === 'hour') {\n    inputStep = 3600;\n  }\n\n  let dateValue = '';\n  if (state.value) {\n    if (state.granularity === 'day') {\n      dateValue = toCalendarDate(state.value).toString();\n    } else {\n      dateValue = toCalendarDateTime(\n        'timeZone' in state.value ? toLocalTimeZone(state.value) : state.value\n      ).toString();\n    }\n  }\n\n  let inputType = state.granularity === 'day' ? 'date' : 'datetime-local';\n\n  let timeSegments = ['hour', 'minute', 'second'];\n  // Depending on the granularity, we only want to validate certain time segments\n  let end = 0;\n  if (timeSegments.includes(state.granularity)) {\n    end = granularityMap[state.granularity];\n    timeSegments = timeSegments.slice(0, end);\n  }\n\n  return {\n    containerProps: {\n      ...visuallyHiddenProps,\n      'aria-hidden': true,\n      // @ts-ignore\n      ['data-react-aria-prevent-focus']: true,\n      // @ts-ignore\n      ['data-a11y-ignore']: 'aria-hidden-focus'\n    },\n    inputProps: {\n      tabIndex: -1,\n      autoComplete,\n      disabled: isDisabled,\n      type: inputType,\n      // We set the form prop to an empty string to prevent the hidden date input's value from being submitted\n      form: '',\n      name,\n      step: inputStep,\n      value: dateValue,\n      onChange: e => {\n        let targetString = getEventTarget(e).value.toString();\n        if (targetString) {\n          try {\n            let targetValue: CalendarDateTime | CalendarDate = parseDateTime(targetString);\n            if (state.granularity === 'day') {\n              targetValue = parseDate(targetString);\n            }\n            // We check to to see if setSegment exists in the state since it only exists in DateFieldState and not DatePickerState.\n            // The setValue method has different behavior depending on if it's coming from DateFieldState or DatePickerState.\n            // In DateFieldState, setValue firsts checks to make sure that each segment is filled before committing the newValue\n            // which is why in the code below we first set each segment to validate it before committing the new value.\n            // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to\n            // set a new value when the field itself is empty.\n            if ('setSegment' in state) {\n              for (let type in targetValue) {\n                // eslint-disable-next-line max-depth\n                if (dateSegments.includes(type)) {\n                  state.setSegment(type as DateSegmentType, targetValue[type]);\n                }\n                // eslint-disable-next-line max-depth\n                if (timeSegments.includes(type)) {\n                  state.setSegment(type as DateSegmentType, targetValue[type]);\n                }\n              }\n            }\n            state.setValue(targetValue);\n          } catch {\n            // ignore\n          }\n        }\n      }\n    }\n  };\n}\n\nexport function HiddenDateInput(props: HiddenDateInputProps): ReactNode | null {\n  let {state} = props;\n  let {containerProps, inputProps} = useHiddenDateInput({...props}, state);\n  return (\n    <div {...containerProps} data-testid=\"hidden-dateinput-container\">\n      <input {...inputProps} />\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"HiddenDateInput.cjs.map"}

package/dist/private/HiddenDateInput.js

@@ -0,0 +1,117 @@
+import {toCalendarDate as $3waat$toCalendarDate, toCalendarDateTime as $3waat$toCalendarDateTime, toLocalTimeZone as $3waat$toLocalTimeZone, parseDateTime as $3waat$parseDateTime, parseDate as $3waat$parseDate} from "@internationalized/date";
+import {getEventTarget as $3waat$getEventTarget} from "react-aria/private/utils/shadowdom/DOMFunctions";
+import $3waat$react from "react";
+import {useVisuallyHidden as $3waat$useVisuallyHidden} from "react-aria/VisuallyHidden";
+
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $7133f72f3bca7442$var$dateSegments = [
+    'day',
+    'month',
+    'year'
+];
+const $7133f72f3bca7442$var$granularityMap = {
+    hour: 1,
+    minute: 2,
+    second: 3
+};
+function $7133f72f3bca7442$export$f6a685cd1acbd1fa(props, state) {
+    let { autoComplete: autoComplete, isDisabled: isDisabled, name: name } = props;
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $3waat$useVisuallyHidden)({
+        style: {
+            // Prevent page scrolling.
+            position: 'fixed',
+            top: 0,
+            left: 0
+        }
+    });
+    let inputStep = 60;
+    if (state.granularity === 'second') inputStep = 1;
+    else if (state.granularity === 'hour') inputStep = 3600;
+    let dateValue = '';
+    if (state.value) {
+        if (state.granularity === 'day') dateValue = (0, $3waat$toCalendarDate)(state.value).toString();
+        else dateValue = (0, $3waat$toCalendarDateTime)('timeZone' in state.value ? (0, $3waat$toLocalTimeZone)(state.value) : state.value).toString();
+    }
+    let inputType = state.granularity === 'day' ? 'date' : 'datetime-local';
+    let timeSegments = [
+        'hour',
+        'minute',
+        'second'
+    ];
+    // Depending on the granularity, we only want to validate certain time segments
+    let end = 0;
+    if (timeSegments.includes(state.granularity)) {
+        end = $7133f72f3bca7442$var$granularityMap[state.granularity];
+        timeSegments = timeSegments.slice(0, end);
+    }
+    return {
+        containerProps: {
+            ...visuallyHiddenProps,
+            'aria-hidden': true,
+            // @ts-ignore
+            ['data-react-aria-prevent-focus']: true,
+            // @ts-ignore
+            ['data-a11y-ignore']: 'aria-hidden-focus'
+        },
+        inputProps: {
+            tabIndex: -1,
+            autoComplete: autoComplete,
+            disabled: isDisabled,
+            type: inputType,
+            // We set the form prop to an empty string to prevent the hidden date input's value from being submitted
+            form: '',
+            name: name,
+            step: inputStep,
+            value: dateValue,
+            onChange: (e)=>{
+                let targetString = (0, $3waat$getEventTarget)(e).value.toString();
+                if (targetString) try {
+                    let targetValue = (0, $3waat$parseDateTime)(targetString);
+                    if (state.granularity === 'day') targetValue = (0, $3waat$parseDate)(targetString);
+                    // We check to to see if setSegment exists in the state since it only exists in DateFieldState and not DatePickerState.
+                    // The setValue method has different behavior depending on if it's coming from DateFieldState or DatePickerState.
+                    // In DateFieldState, setValue firsts checks to make sure that each segment is filled before committing the newValue
+                    // which is why in the code below we first set each segment to validate it before committing the new value.
+                    // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to
+                    // set a new value when the field itself is empty.
+                    if ('setSegment' in state) for(let type in targetValue){
+                        // eslint-disable-next-line max-depth
+                        if ($7133f72f3bca7442$var$dateSegments.includes(type)) state.setSegment(type, targetValue[type]);
+                        // eslint-disable-next-line max-depth
+                        if (timeSegments.includes(type)) state.setSegment(type, targetValue[type]);
+                    }
+                    state.setValue(targetValue);
+                } catch  {
+                // ignore
+                }
+            }
+        }
+    };
+}
+function $7133f72f3bca7442$export$eefa3e19139f00f3(props) {
+    let { state: state } = props;
+    let { containerProps: containerProps, inputProps: inputProps } = $7133f72f3bca7442$export$f6a685cd1acbd1fa({
+        ...props
+    }, state);
+    return /*#__PURE__*/ (0, $3waat$react).createElement("div", {
+        ...containerProps,
+        "data-testid": "hidden-dateinput-container"
+    }, /*#__PURE__*/ (0, $3waat$react).createElement("input", inputProps));
+}
+
+
+export {$7133f72f3bca7442$export$f6a685cd1acbd1fa as useHiddenDateInput, $7133f72f3bca7442$export$eefa3e19139f00f3 as HiddenDateInput};
+//# sourceMappingURL=HiddenDateInput.js.map

package/dist/private/HiddenDateInput.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA2CD,MAAM,qCAAe;IAAC;IAAO;IAAS;CAAO;AAC7C,MAAM,uCAAiB;IAAC,MAAM;IAAG,QAAQ;IAAG,QAAQ;AAAC;AAE9C,SAAS,0CACd,KAA2B,EAC3B,KAAuC;IAEvC,IAAI,gBAAC,YAAY,cAAE,UAAU,QAAE,IAAI,EAAC,GAAG;IACvC,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;QAC5C,OAAO;YACL,0BAA0B;YAC1B,UAAU;YACV,KAAK;YACL,MAAM;QACR;IACF;IAEA,IAAI,YAAY;IAChB,IAAI,MAAM,WAAW,KAAK,UACxB,YAAY;SACP,IAAI,MAAM,WAAW,KAAK,QAC/B,YAAY;IAGd,IAAI,YAAY;IAChB,IAAI,MAAM,KAAK;QACb,IAAI,MAAM,WAAW,KAAK,OACxB,YAAY,CAAA,GAAA,qBAAa,EAAE,MAAM,KAAK,EAAE,QAAQ;aAEhD,YAAY,CAAA,GAAA,yBAAiB,EAC3B,cAAc,MAAM,KAAK,GAAG,CAAA,GAAA,sBAAc,EAAE,MAAM,KAAK,IAAI,MAAM,KAAK,EACtE,QAAQ;;IAId,IAAI,YAAY,MAAM,WAAW,KAAK,QAAQ,SAAS;IAEvD,IAAI,eAAe;QAAC;QAAQ;QAAU;KAAS;IAC/C,+EAA+E;IAC/E,IAAI,MAAM;IACV,IAAI,aAAa,QAAQ,CAAC,MAAM,WAAW,GAAG;QAC5C,MAAM,oCAAc,CAAC,MAAM,WAAW,CAAC;QACvC,eAAe,aAAa,KAAK,CAAC,GAAG;IACvC;IAEA,OAAO;QACL,gBAAgB;YACd,GAAG,mBAAmB;YACtB,eAAe;YACf,aAAa;YACb,CAAC,gCAAgC,EAAE;YACnC,aAAa;YACb,CAAC,mBAAmB,EAAE;QACxB;QACA,YAAY;YACV,UAAU;0BACV;YACA,UAAU;YACV,MAAM;YACN,wGAAwG;YACxG,MAAM;kBACN;YACA,MAAM;YACN,OAAO;YACP,UAAU,CAAA;gBACR,IAAI,eAAe,CAAA,GAAA,qBAAa,EAAE,GAAG,KAAK,CAAC,QAAQ;gBACnD,IAAI,cACF,IAAI;oBACF,IAAI,cAA+C,CAAA,GAAA,oBAAY,EAAE;oBACjE,IAAI,MAAM,WAAW,KAAK,OACxB,cAAc,CAAA,GAAA,gBAAQ,EAAE;oBAE1B,uHAAuH;oBACvH,iHAAiH;oBACjH,oHAAoH;oBACpH,2GAA2G;oBAC3G,wHAAwH;oBACxH,kDAAkD;oBAClD,IAAI,gBAAgB,OAClB,IAAK,IAAI,QAAQ,YAAa;wBAC5B,qCAAqC;wBACrC,IAAI,mCAAa,QAAQ,CAAC,OACxB,MAAM,UAAU,CAAC,MAAyB,WAAW,CAAC,KAAK;wBAE7D,qCAAqC;wBACrC,IAAI,aAAa,QAAQ,CAAC,OACxB,MAAM,UAAU,CAAC,MAAyB,WAAW,CAAC,KAAK;oBAE/D;oBAEF,MAAM,QAAQ,CAAC;gBACjB,EAAE,OAAM;gBACN,SAAS;gBACX;YAEJ;QACF;IACF;AACF;AAEO,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,EAAC,GAAG;IACd,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,0CAAmB;QAAC,GAAG,KAAK;IAAA,GAAG;IAClE,qBACE,gCAAC;QAAK,GAAG,cAAc;QAAE,eAAY;qBACnC,gCAAC,SAAU;AAGjB","sources":["packages/react-aria-components/src/HiddenDateInput.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {\n  CalendarDate,\n  CalendarDateTime,\n  parseDate,\n  parseDateTime,\n  toCalendarDate,\n  toCalendarDateTime,\n  toLocalTimeZone\n} from '@internationalized/date';\nimport {DateFieldState, DateSegmentType} from 'react-stately/useDateFieldState';\nimport {DatePickerState} from 'react-stately/useDatePickerState';\nimport {getEventTarget} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport React, {ReactNode} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface AriaHiddenDateInputProps {\n  /**\n   * Describes the type of autocomplete functionality the input should provide if any. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).\n   */\n  autoComplete?: string;\n  /** HTML form input name. */\n  name?: string;\n  /** Sets the disabled state of the input. */\n  isDisabled?: boolean;\n}\n\ninterface HiddenDateInputProps extends AriaHiddenDateInputProps {\n  /**\n   * State for the input.\n   */\n  state: DateFieldState | DatePickerState;\n}\n\nexport interface HiddenDateAria {\n  /** Props for the container element. */\n  containerProps: React.HTMLAttributes<HTMLDivElement>;\n  /** Props for the hidden input element. */\n  inputProps: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\nconst dateSegments = ['day', 'month', 'year'];\nconst granularityMap = {hour: 1, minute: 2, second: 3};\n\nexport function useHiddenDateInput(\n  props: HiddenDateInputProps,\n  state: DateFieldState | DatePickerState\n): HiddenDateAria {\n  let {autoComplete, isDisabled, name} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden({\n    style: {\n      // Prevent page scrolling.\n      position: 'fixed',\n      top: 0,\n      left: 0\n    }\n  });\n\n  let inputStep = 60;\n  if (state.granularity === 'second') {\n    inputStep = 1;\n  } else if (state.granularity === 'hour') {\n    inputStep = 3600;\n  }\n\n  let dateValue = '';\n  if (state.value) {\n    if (state.granularity === 'day') {\n      dateValue = toCalendarDate(state.value).toString();\n    } else {\n      dateValue = toCalendarDateTime(\n        'timeZone' in state.value ? toLocalTimeZone(state.value) : state.value\n      ).toString();\n    }\n  }\n\n  let inputType = state.granularity === 'day' ? 'date' : 'datetime-local';\n\n  let timeSegments = ['hour', 'minute', 'second'];\n  // Depending on the granularity, we only want to validate certain time segments\n  let end = 0;\n  if (timeSegments.includes(state.granularity)) {\n    end = granularityMap[state.granularity];\n    timeSegments = timeSegments.slice(0, end);\n  }\n\n  return {\n    containerProps: {\n      ...visuallyHiddenProps,\n      'aria-hidden': true,\n      // @ts-ignore\n      ['data-react-aria-prevent-focus']: true,\n      // @ts-ignore\n      ['data-a11y-ignore']: 'aria-hidden-focus'\n    },\n    inputProps: {\n      tabIndex: -1,\n      autoComplete,\n      disabled: isDisabled,\n      type: inputType,\n      // We set the form prop to an empty string to prevent the hidden date input's value from being submitted\n      form: '',\n      name,\n      step: inputStep,\n      value: dateValue,\n      onChange: e => {\n        let targetString = getEventTarget(e).value.toString();\n        if (targetString) {\n          try {\n            let targetValue: CalendarDateTime | CalendarDate = parseDateTime(targetString);\n            if (state.granularity === 'day') {\n              targetValue = parseDate(targetString);\n            }\n            // We check to to see if setSegment exists in the state since it only exists in DateFieldState and not DatePickerState.\n            // The setValue method has different behavior depending on if it's coming from DateFieldState or DatePickerState.\n            // In DateFieldState, setValue firsts checks to make sure that each segment is filled before committing the newValue\n            // which is why in the code below we first set each segment to validate it before committing the new value.\n            // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to\n            // set a new value when the field itself is empty.\n            if ('setSegment' in state) {\n              for (let type in targetValue) {\n                // eslint-disable-next-line max-depth\n                if (dateSegments.includes(type)) {\n                  state.setSegment(type as DateSegmentType, targetValue[type]);\n                }\n                // eslint-disable-next-line max-depth\n                if (timeSegments.includes(type)) {\n                  state.setSegment(type as DateSegmentType, targetValue[type]);\n                }\n              }\n            }\n            state.setValue(targetValue);\n          } catch {\n            // ignore\n          }\n        }\n      }\n    }\n  };\n}\n\nexport function HiddenDateInput(props: HiddenDateInputProps): ReactNode | null {\n  let {state} = props;\n  let {containerProps, inputProps} = useHiddenDateInput({...props}, state);\n  return (\n    <div {...containerProps} data-testid=\"hidden-dateinput-container\">\n      <input {...inputProps} />\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"HiddenDateInput.js.map"}

package/dist/private/HiddenDateInput.mjs

@@ -0,0 +1,117 @@
+import {toCalendarDate as $9FtGl$toCalendarDate, toCalendarDateTime as $9FtGl$toCalendarDateTime, toLocalTimeZone as $9FtGl$toLocalTimeZone, parseDateTime as $9FtGl$parseDateTime, parseDate as $9FtGl$parseDate} from "@internationalized/date";
+import {getEventTarget as $9FtGl$getEventTarget} from "react-aria/private/utils/shadowdom/DOMFunctions";
+import $9FtGl$react from "react";
+import {useVisuallyHidden as $9FtGl$useVisuallyHidden} from "react-aria/VisuallyHidden";
+
+/*
+ * Copyright 2025 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+const $5a15223dacad897a$var$dateSegments = [
+    'day',
+    'month',
+    'year'
+];
+const $5a15223dacad897a$var$granularityMap = {
+    hour: 1,
+    minute: 2,
+    second: 3
+};
+function $5a15223dacad897a$export$f6a685cd1acbd1fa(props, state) {
+    let { autoComplete: autoComplete, isDisabled: isDisabled, name: name } = props;
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $9FtGl$useVisuallyHidden)({
+        style: {
+            // Prevent page scrolling.
+            position: 'fixed',
+            top: 0,
+            left: 0
+        }
+    });
+    let inputStep = 60;
+    if (state.granularity === 'second') inputStep = 1;
+    else if (state.granularity === 'hour') inputStep = 3600;
+    let dateValue = '';
+    if (state.value) {
+        if (state.granularity === 'day') dateValue = (0, $9FtGl$toCalendarDate)(state.value).toString();
+        else dateValue = (0, $9FtGl$toCalendarDateTime)('timeZone' in state.value ? (0, $9FtGl$toLocalTimeZone)(state.value) : state.value).toString();
+    }
+    let inputType = state.granularity === 'day' ? 'date' : 'datetime-local';
+    let timeSegments = [
+        'hour',
+        'minute',
+        'second'
+    ];
+    // Depending on the granularity, we only want to validate certain time segments
+    let end = 0;
+    if (timeSegments.includes(state.granularity)) {
+        end = $5a15223dacad897a$var$granularityMap[state.granularity];
+        timeSegments = timeSegments.slice(0, end);
+    }
+    return {
+        containerProps: {
+            ...visuallyHiddenProps,
+            'aria-hidden': true,
+            // @ts-ignore
+            ['data-react-aria-prevent-focus']: true,
+            // @ts-ignore
+            ['data-a11y-ignore']: 'aria-hidden-focus'
+        },
+        inputProps: {
+            tabIndex: -1,
+            autoComplete: autoComplete,
+            disabled: isDisabled,
+            type: inputType,
+            // We set the form prop to an empty string to prevent the hidden date input's value from being submitted
+            form: '',
+            name: name,
+            step: inputStep,
+            value: dateValue,
+            onChange: (e)=>{
+                let targetString = (0, $9FtGl$getEventTarget)(e).value.toString();
+                if (targetString) try {
+                    let targetValue = (0, $9FtGl$parseDateTime)(targetString);
+                    if (state.granularity === 'day') targetValue = (0, $9FtGl$parseDate)(targetString);
+                    // We check to to see if setSegment exists in the state since it only exists in DateFieldState and not DatePickerState.
+                    // The setValue method has different behavior depending on if it's coming from DateFieldState or DatePickerState.
+                    // In DateFieldState, setValue firsts checks to make sure that each segment is filled before committing the newValue
+                    // which is why in the code below we first set each segment to validate it before committing the new value.
+                    // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to
+                    // set a new value when the field itself is empty.
+                    if ('setSegment' in state) for(let type in targetValue){
+                        // eslint-disable-next-line max-depth
+                        if ($5a15223dacad897a$var$dateSegments.includes(type)) state.setSegment(type, targetValue[type]);
+                        // eslint-disable-next-line max-depth
+                        if (timeSegments.includes(type)) state.setSegment(type, targetValue[type]);
+                    }
+                    state.setValue(targetValue);
+                } catch  {
+                // ignore
+                }
+            }
+        }
+    };
+}
+function $5a15223dacad897a$export$eefa3e19139f00f3(props) {
+    let { state: state } = props;
+    let { containerProps: containerProps, inputProps: inputProps } = $5a15223dacad897a$export$f6a685cd1acbd1fa({
+        ...props
+    }, state);
+    return /*#__PURE__*/ (0, $9FtGl$react).createElement("div", {
+        ...containerProps,
+        "data-testid": "hidden-dateinput-container"
+    }, /*#__PURE__*/ (0, $9FtGl$react).createElement("input", inputProps));
+}
+
+
+export {$5a15223dacad897a$export$f6a685cd1acbd1fa as useHiddenDateInput, $5a15223dacad897a$export$eefa3e19139f00f3 as HiddenDateInput};
+//# sourceMappingURL=HiddenDateInput.mjs.map

package/dist/private/HiddenDateInput.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA2CD,MAAM,qCAAe;IAAC;IAAO;IAAS;CAAO;AAC7C,MAAM,uCAAiB;IAAC,MAAM;IAAG,QAAQ;IAAG,QAAQ;AAAC;AAE9C,SAAS,0CACd,KAA2B,EAC3B,KAAuC;IAEvC,IAAI,gBAAC,YAAY,cAAE,UAAU,QAAE,IAAI,EAAC,GAAG;IACvC,IAAI,uBAAC,mBAAmB,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;QAC5C,OAAO;YACL,0BAA0B;YAC1B,UAAU;YACV,KAAK;YACL,MAAM;QACR;IACF;IAEA,IAAI,YAAY;IAChB,IAAI,MAAM,WAAW,KAAK,UACxB,YAAY;SACP,IAAI,MAAM,WAAW,KAAK,QAC/B,YAAY;IAGd,IAAI,YAAY;IAChB,IAAI,MAAM,KAAK;QACb,IAAI,MAAM,WAAW,KAAK,OACxB,YAAY,CAAA,GAAA,qBAAa,EAAE,MAAM,KAAK,EAAE,QAAQ;aAEhD,YAAY,CAAA,GAAA,yBAAiB,EAC3B,cAAc,MAAM,KAAK,GAAG,CAAA,GAAA,sBAAc,EAAE,MAAM,KAAK,IAAI,MAAM,KAAK,EACtE,QAAQ;;IAId,IAAI,YAAY,MAAM,WAAW,KAAK,QAAQ,SAAS;IAEvD,IAAI,eAAe;QAAC;QAAQ;QAAU;KAAS;IAC/C,+EAA+E;IAC/E,IAAI,MAAM;IACV,IAAI,aAAa,QAAQ,CAAC,MAAM,WAAW,GAAG;QAC5C,MAAM,oCAAc,CAAC,MAAM,WAAW,CAAC;QACvC,eAAe,aAAa,KAAK,CAAC,GAAG;IACvC;IAEA,OAAO;QACL,gBAAgB;YACd,GAAG,mBAAmB;YACtB,eAAe;YACf,aAAa;YACb,CAAC,gCAAgC,EAAE;YACnC,aAAa;YACb,CAAC,mBAAmB,EAAE;QACxB;QACA,YAAY;YACV,UAAU;0BACV;YACA,UAAU;YACV,MAAM;YACN,wGAAwG;YACxG,MAAM;kBACN;YACA,MAAM;YACN,OAAO;YACP,UAAU,CAAA;gBACR,IAAI,eAAe,CAAA,GAAA,qBAAa,EAAE,GAAG,KAAK,CAAC,QAAQ;gBACnD,IAAI,cACF,IAAI;oBACF,IAAI,cAA+C,CAAA,GAAA,oBAAY,EAAE;oBACjE,IAAI,MAAM,WAAW,KAAK,OACxB,cAAc,CAAA,GAAA,gBAAQ,EAAE;oBAE1B,uHAAuH;oBACvH,iHAAiH;oBACjH,oHAAoH;oBACpH,2GAA2G;oBAC3G,wHAAwH;oBACxH,kDAAkD;oBAClD,IAAI,gBAAgB,OAClB,IAAK,IAAI,QAAQ,YAAa;wBAC5B,qCAAqC;wBACrC,IAAI,mCAAa,QAAQ,CAAC,OACxB,MAAM,UAAU,CAAC,MAAyB,WAAW,CAAC,KAAK;wBAE7D,qCAAqC;wBACrC,IAAI,aAAa,QAAQ,CAAC,OACxB,MAAM,UAAU,CAAC,MAAyB,WAAW,CAAC,KAAK;oBAE/D;oBAEF,MAAM,QAAQ,CAAC;gBACjB,EAAE,OAAM;gBACN,SAAS;gBACX;YAEJ;QACF;IACF;AACF;AAEO,SAAS,0CAAgB,KAA2B;IACzD,IAAI,SAAC,KAAK,EAAC,GAAG;IACd,IAAI,kBAAC,cAAc,cAAE,UAAU,EAAC,GAAG,0CAAmB;QAAC,GAAG,KAAK;IAAA,GAAG;IAClE,qBACE,gCAAC;QAAK,GAAG,cAAc;QAAE,eAAY;qBACnC,gCAAC,SAAU;AAGjB","sources":["packages/react-aria-components/src/HiddenDateInput.tsx"],"sourcesContent":["/*\n * Copyright 2025 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 {\n  CalendarDate,\n  CalendarDateTime,\n  parseDate,\n  parseDateTime,\n  toCalendarDate,\n  toCalendarDateTime,\n  toLocalTimeZone\n} from '@internationalized/date';\nimport {DateFieldState, DateSegmentType} from 'react-stately/useDateFieldState';\nimport {DatePickerState} from 'react-stately/useDatePickerState';\nimport {getEventTarget} from 'react-aria/private/utils/shadowdom/DOMFunctions';\nimport React, {ReactNode} from 'react';\nimport {useVisuallyHidden} from 'react-aria/VisuallyHidden';\n\ninterface AriaHiddenDateInputProps {\n  /**\n   * Describes the type of autocomplete functionality the input should provide if any. See\n   * [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).\n   */\n  autoComplete?: string;\n  /** HTML form input name. */\n  name?: string;\n  /** Sets the disabled state of the input. */\n  isDisabled?: boolean;\n}\n\ninterface HiddenDateInputProps extends AriaHiddenDateInputProps {\n  /**\n   * State for the input.\n   */\n  state: DateFieldState | DatePickerState;\n}\n\nexport interface HiddenDateAria {\n  /** Props for the container element. */\n  containerProps: React.HTMLAttributes<HTMLDivElement>;\n  /** Props for the hidden input element. */\n  inputProps: React.InputHTMLAttributes<HTMLInputElement>;\n}\n\nconst dateSegments = ['day', 'month', 'year'];\nconst granularityMap = {hour: 1, minute: 2, second: 3};\n\nexport function useHiddenDateInput(\n  props: HiddenDateInputProps,\n  state: DateFieldState | DatePickerState\n): HiddenDateAria {\n  let {autoComplete, isDisabled, name} = props;\n  let {visuallyHiddenProps} = useVisuallyHidden({\n    style: {\n      // Prevent page scrolling.\n      position: 'fixed',\n      top: 0,\n      left: 0\n    }\n  });\n\n  let inputStep = 60;\n  if (state.granularity === 'second') {\n    inputStep = 1;\n  } else if (state.granularity === 'hour') {\n    inputStep = 3600;\n  }\n\n  let dateValue = '';\n  if (state.value) {\n    if (state.granularity === 'day') {\n      dateValue = toCalendarDate(state.value).toString();\n    } else {\n      dateValue = toCalendarDateTime(\n        'timeZone' in state.value ? toLocalTimeZone(state.value) : state.value\n      ).toString();\n    }\n  }\n\n  let inputType = state.granularity === 'day' ? 'date' : 'datetime-local';\n\n  let timeSegments = ['hour', 'minute', 'second'];\n  // Depending on the granularity, we only want to validate certain time segments\n  let end = 0;\n  if (timeSegments.includes(state.granularity)) {\n    end = granularityMap[state.granularity];\n    timeSegments = timeSegments.slice(0, end);\n  }\n\n  return {\n    containerProps: {\n      ...visuallyHiddenProps,\n      'aria-hidden': true,\n      // @ts-ignore\n      ['data-react-aria-prevent-focus']: true,\n      // @ts-ignore\n      ['data-a11y-ignore']: 'aria-hidden-focus'\n    },\n    inputProps: {\n      tabIndex: -1,\n      autoComplete,\n      disabled: isDisabled,\n      type: inputType,\n      // We set the form prop to an empty string to prevent the hidden date input's value from being submitted\n      form: '',\n      name,\n      step: inputStep,\n      value: dateValue,\n      onChange: e => {\n        let targetString = getEventTarget(e).value.toString();\n        if (targetString) {\n          try {\n            let targetValue: CalendarDateTime | CalendarDate = parseDateTime(targetString);\n            if (state.granularity === 'day') {\n              targetValue = parseDate(targetString);\n            }\n            // We check to to see if setSegment exists in the state since it only exists in DateFieldState and not DatePickerState.\n            // The setValue method has different behavior depending on if it's coming from DateFieldState or DatePickerState.\n            // In DateFieldState, setValue firsts checks to make sure that each segment is filled before committing the newValue\n            // which is why in the code below we first set each segment to validate it before committing the new value.\n            // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to\n            // set a new value when the field itself is empty.\n            if ('setSegment' in state) {\n              for (let type in targetValue) {\n                // eslint-disable-next-line max-depth\n                if (dateSegments.includes(type)) {\n                  state.setSegment(type as DateSegmentType, targetValue[type]);\n                }\n                // eslint-disable-next-line max-depth\n                if (timeSegments.includes(type)) {\n                  state.setSegment(type as DateSegmentType, targetValue[type]);\n                }\n              }\n            }\n            state.setValue(targetValue);\n          } catch {\n            // ignore\n          }\n        }\n      }\n    }\n  };\n}\n\nexport function HiddenDateInput(props: HiddenDateInputProps): ReactNode | null {\n  let {state} = props;\n  let {containerProps, inputProps} = useHiddenDateInput({...props}, state);\n  return (\n    <div {...containerProps} data-testid=\"hidden-dateinput-container\">\n      <input {...inputProps} />\n    </div>\n  );\n}\n"],"names":[],"version":3,"file":"HiddenDateInput.mjs.map"}

package/dist/private/Input.cjs

@@ -0,0 +1,76 @@
+var $048d76b84370f141$exports = require("./utils.cjs");
+var $68ctA$reactariaprivatecollectionsHidden = require("react-aria/private/collections/Hidden");
+var $68ctA$reactariamergeProps = require("react-aria/mergeProps");
+var $68ctA$react = require("react");
+var $68ctA$reactariauseFocusRing = require("react-aria/useFocusRing");
+var $68ctA$reactariauseHover = require("react-aria/useHover");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "InputContext", function () { return $81dc1c05bf045ce0$export$37fb8590cf2c088c; });
+$parcel$export(module.exports, "Input", function () { return $81dc1c05bf045ce0$export$f5b8910cec6cf069; });
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+const $81dc1c05bf045ce0$export$37fb8590cf2c088c = /*#__PURE__*/ (0, $68ctA$react.createContext)({});
+let $81dc1c05bf045ce0$var$filterHoverProps = (props)=>{
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
+    return otherProps;
+};
+const $81dc1c05bf045ce0$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $68ctA$reactariaprivatecollectionsHidden.createHideableComponent)(function Input(props, ref) {
+    [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $81dc1c05bf045ce0$export$37fb8590cf2c088c);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $68ctA$reactariauseHover.useHover)({
+        ...props,
+        isDisabled: props.disabled
+    });
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $68ctA$reactariauseFocusRing.useFocusRing)({
+        isTextInput: true,
+        autoFocus: props.autoFocus
+    });
+    let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';
+    let renderProps = (0, $048d76b84370f141$exports.useRenderProps)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.disabled || false,
+            isInvalid: isInvalid
+        },
+        defaultClassName: 'react-aria-Input'
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($68ctA$react))).createElement((0, $048d76b84370f141$exports.dom).input, {
+        ...(0, $68ctA$reactariamergeProps.mergeProps)($81dc1c05bf045ce0$var$filterHoverProps(props), focusProps, hoverProps),
+        ...renderProps,
+        ref: ref,
+        "data-focused": isFocused || undefined,
+        "data-disabled": props.disabled || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-invalid": isInvalid || undefined
+    });
+});
+
+
+//# sourceMappingURL=Input.cjs.map

package/dist/private/Input.cjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAqEM,MAAM,0DAAe,CAAA,GAAA,0BAAY,EAA8C,CAAC;AAEvF,IAAI,yCAAmB,CAAC;IACtB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,4CAAQ,WAAW,GAAG,CAAA,GAAA,gEAAsB,EAAE,SAAS,MAClE,KAAiB,EACjB,GAAmC;IAEnC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAE3C,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE;QACrC,GAAG,KAAK;QACR,YAAY,MAAM,QAAQ;IAC5B;IACA,IAAI,aAAC,SAAS,kBAAE,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE;QACzD,aAAa;QACb,WAAW,MAAM,SAAS;IAC5B;IAEA,IAAI,YAAY,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,KAAK;IACrE,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;uBACN;uBACA;4BACA;YACA,YAAY,MAAM,QAAQ,IAAI;uBAC9B;QACF;QACA,kBAAkB;IACpB;IAEA,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,KAAK;QACP,GAAG,CAAA,GAAA,qCAAS,EAAE,uCAAiB,QAAQ,YAAY,WAAW;QAC9D,GAAG,WAAW;QACf,KAAK;QACL,gBAAc,aAAa;QAC3B,iBAAe,MAAM,QAAQ,IAAI;QACjC,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;QACtC,gBAAc,aAAa;;AAGjC","sources":["packages/react-aria-components/src/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, InputHTMLAttributes} from 'react';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\n\nexport interface InputRenderProps {\n  /**\n   * Whether the input is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the input is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the input is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the input is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the input is invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n}\n\nexport interface InputProps\n  extends\n    Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'>,\n    HoverEvents,\n    StyleRenderProps<InputRenderProps, 'input'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Input'\n   */\n  className?: ClassNameOrFunction<InputRenderProps>;\n  /**\n   * Temporary text that occupies the text input when it is empty.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder).\n   */\n  placeholder?: string;\n}\n\nexport const InputContext = createContext<ContextValue<InputProps, HTMLInputElement>>({});\n\nlet filterHoverProps = (props: InputProps) => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n  return otherProps;\n};\n\n/**\n * An input allows a user to input text.\n */\nexport const Input = /*#__PURE__*/ createHideableComponent(function Input(\n  props: InputProps,\n  ref: ForwardedRef<HTMLInputElement>\n) {\n  [props, ref] = useContextProps(props, ref, InputContext);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: props.disabled\n  });\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing({\n    isTextInput: true,\n    autoFocus: props.autoFocus\n  });\n\n  let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      isHovered,\n      isFocused,\n      isFocusVisible,\n      isDisabled: props.disabled || false,\n      isInvalid\n    },\n    defaultClassName: 'react-aria-Input'\n  });\n\n  return (\n    <dom.input\n      {...mergeProps(filterHoverProps(props), focusProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      data-focused={isFocused || undefined}\n      data-disabled={props.disabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"Input.cjs.map"}

package/dist/private/Input.js

@@ -0,0 +1,66 @@
+import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415, useRenderProps as $b7b7a92703138c9b$export$4d86445c2cf5e3} from "./utils.js";
+import {createHideableComponent as $l0qp7$createHideableComponent} from "react-aria/private/collections/Hidden";
+import {mergeProps as $l0qp7$mergeProps} from "react-aria/mergeProps";
+import $l0qp7$react, {createContext as $l0qp7$createContext} from "react";
+import {useFocusRing as $l0qp7$useFocusRing} from "react-aria/useFocusRing";
+import {useHover as $l0qp7$useHover} from "react-aria/useHover";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+const $d8e7992b5f7739ce$export$37fb8590cf2c088c = /*#__PURE__*/ (0, $l0qp7$createContext)({});
+let $d8e7992b5f7739ce$var$filterHoverProps = (props)=>{
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let { onHoverStart: onHoverStart, onHoverChange: onHoverChange, onHoverEnd: onHoverEnd, ...otherProps } = props;
+    return otherProps;
+};
+const $d8e7992b5f7739ce$export$f5b8910cec6cf069 = /*#__PURE__*/ (0, $l0qp7$createHideableComponent)(function Input(props, ref) {
+    [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $d8e7992b5f7739ce$export$37fb8590cf2c088c);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $l0qp7$useHover)({
+        ...props,
+        isDisabled: props.disabled
+    });
+    let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $l0qp7$useFocusRing)({
+        isTextInput: true,
+        autoFocus: props.autoFocus
+    });
+    let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';
+    let renderProps = (0, $b7b7a92703138c9b$export$4d86445c2cf5e3)({
+        ...props,
+        values: {
+            isHovered: isHovered,
+            isFocused: isFocused,
+            isFocusVisible: isFocusVisible,
+            isDisabled: props.disabled || false,
+            isInvalid: isInvalid
+        },
+        defaultClassName: 'react-aria-Input'
+    });
+    return /*#__PURE__*/ (0, $l0qp7$react).createElement((0, $b7b7a92703138c9b$export$df3a06d6289f983e).input, {
+        ...(0, $l0qp7$mergeProps)($d8e7992b5f7739ce$var$filterHoverProps(props), focusProps, hoverProps),
+        ...renderProps,
+        ref: ref,
+        "data-focused": isFocused || undefined,
+        "data-disabled": props.disabled || undefined,
+        "data-hovered": isHovered || undefined,
+        "data-focus-visible": isFocusVisible || undefined,
+        "data-invalid": isInvalid || undefined
+    });
+});
+
+
+export {$d8e7992b5f7739ce$export$37fb8590cf2c088c as InputContext, $d8e7992b5f7739ce$export$f5b8910cec6cf069 as Input};
+//# sourceMappingURL=Input.js.map

package/dist/private/Input.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AAqEM,MAAM,0DAAe,CAAA,GAAA,oBAAY,EAA8C,CAAC;AAEvF,IAAI,yCAAmB,CAAC;IACtB,6DAA6D;IAC7D,IAAI,gBAAC,YAAY,iBAAE,aAAa,cAAE,UAAU,EAAE,GAAG,YAAW,GAAG;IAC/D,OAAO;AACT;AAKO,MAAM,4CAAQ,WAAW,GAAG,CAAA,GAAA,8BAAsB,EAAE,SAAS,MAClE,KAAiB,EACjB,GAAmC;IAEnC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAE3C,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QACrC,GAAG,KAAK;QACR,YAAY,MAAM,QAAQ;IAC5B;IACA,IAAI,aAAC,SAAS,kBAAE,cAAc,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;QACzD,aAAa;QACb,WAAW,MAAM,SAAS;IAC5B;IAEA,IAAI,YAAY,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,eAAe,KAAK;IACrE,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,QAAQ;uBACN;uBACA;4BACA;YACA,YAAY,MAAM,QAAQ,IAAI;uBAC9B;QACF;QACA,kBAAkB;IACpB;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,KAAK;QACP,GAAG,CAAA,GAAA,iBAAS,EAAE,uCAAiB,QAAQ,YAAY,WAAW;QAC9D,GAAG,WAAW;QACf,KAAK;QACL,gBAAc,aAAa;QAC3B,iBAAe,MAAM,QAAQ,IAAI;QACjC,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;QACtC,gBAAc,aAAa;;AAGjC","sources":["packages/react-aria-components/src/Input.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, InputHTMLAttributes} from 'react';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\n\nexport interface InputRenderProps {\n  /**\n   * Whether the input is currently hovered with a mouse.\n   *\n   * @selector [data-hovered]\n   */\n  isHovered: boolean;\n  /**\n   * Whether the input is focused, either via a mouse or keyboard.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the input is keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * Whether the input is disabled.\n   *\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean;\n  /**\n   * Whether the input is invalid.\n   *\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean;\n}\n\nexport interface InputProps\n  extends\n    Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'>,\n    HoverEvents,\n    StyleRenderProps<InputRenderProps, 'input'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Input'\n   */\n  className?: ClassNameOrFunction<InputRenderProps>;\n  /**\n   * Temporary text that occupies the text input when it is empty.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/placeholder).\n   */\n  placeholder?: string;\n}\n\nexport const InputContext = createContext<ContextValue<InputProps, HTMLInputElement>>({});\n\nlet filterHoverProps = (props: InputProps) => {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {onHoverStart, onHoverChange, onHoverEnd, ...otherProps} = props;\n  return otherProps;\n};\n\n/**\n * An input allows a user to input text.\n */\nexport const Input = /*#__PURE__*/ createHideableComponent(function Input(\n  props: InputProps,\n  ref: ForwardedRef<HTMLInputElement>\n) {\n  [props, ref] = useContextProps(props, ref, InputContext);\n\n  let {hoverProps, isHovered} = useHover({\n    ...props,\n    isDisabled: props.disabled\n  });\n  let {isFocused, isFocusVisible, focusProps} = useFocusRing({\n    isTextInput: true,\n    autoFocus: props.autoFocus\n  });\n\n  let isInvalid = !!props['aria-invalid'] && props['aria-invalid'] !== 'false';\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      isHovered,\n      isFocused,\n      isFocusVisible,\n      isDisabled: props.disabled || false,\n      isInvalid\n    },\n    defaultClassName: 'react-aria-Input'\n  });\n\n  return (\n    <dom.input\n      {...mergeProps(filterHoverProps(props), focusProps, hoverProps)}\n      {...renderProps}\n      ref={ref}\n      data-focused={isFocused || undefined}\n      data-disabled={props.disabled || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}\n      data-invalid={isInvalid || undefined}\n    />\n  );\n});\n"],"names":[],"version":3,"file":"Input.js.map"}