@react-spectrum/s2 1.3.1 → 1.5.0

package/dist/private/TimeField.cjs

@@ -51,51 +51,51 @@ const $7b93ad26130ad3f8$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $gqnnu$react
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se13';
+            rules += ' se15';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU13';
+                if (!gridColumnStart) rules += ' z2mU15';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG13';
+                    if (!gridColumnEnd) rules += ' yvoofG15';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod13';
+            if (props.isInForm) rules += ' DLwlgod15';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                if (props.labelPosition === "side") rules += ' DPlN5qb15';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn15';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb13';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-            if (props.labelPosition === "side") rules += ' CbRM95c13';
-            else if (props.labelPosition === "top") rules += ' Cxaocre13';
+            if (props.labelPosition === "side") rules += ' EPlN5qb15';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc15';
+            if (props.labelPosition === "side") rules += ' CbRM95c15';
+            else if (props.labelPosition === "top") rules += ' Cxaocre15';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-e15';
+                rules += ' vx15';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-d15';
+                rules += ' vx15';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-b15';
+                rules += ' vx15';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-a15';
+                rules += ' vx15';
             } else {
-                rules += ' -_6BNtrc-c13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-c15';
+                rules += ' vx15';
             }
-            rules += ' ea13';
-            rules += ' _Fd13';
-            rules += ' _FnuYUweb13';
-            if (props.size === "XL") rules += ' -BhX7R-Fz13';
-            else if (props.size === "L") rules += ' -BhX7R-Fv13';
-            else if (props.size === "S") rules += ' -BhX7R-Fp13';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-            else rules += ' -BhX7R-Fx13';
-            rules += ' -AJjOLd-UVkF0Db13';
-            rules += ' qg13';
-            rules += ' __ca13';
+            rules += ' ea15';
+            rules += ' _Fd15';
+            rules += ' _FnuYUweb15';
+            if (props.size === "XL") rules += ' -BhX7R-Fz15';
+            else if (props.size === "L") rules += ' -BhX7R-Fv15';
+            else if (props.size === "S") rules += ' -BhX7R-Fp15';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn15';
+            else rules += ' -BhX7R-Fx15';
+            rules += ' -AJjOLd-UVkF0Db15';
+            rules += ' qg15';
+            rules += ' __ca15';
             return rules;
         }({
             isInForm: !!formContext,
@@ -122,26 +122,26 @@ const $7b93ad26130ad3f8$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $gqnnu$react
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            if (props.size === "XL") rules += ' Nl13';
-                            else if (props.size === "L") rules += ' Nj13';
-                            else if (props.size === "S") rules += ' Nf13';
-                            else if (props.size === "XS") rules += ' Ne13';
-                            else rules += ' Nk13';
-                            if (props.isQuiet) rules += ' _qd13';
-                            else rules += ' _qtb13';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt13';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne13';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr13';
-                            else rules += ' -Anxdcc-Z3fn9H13';
-                            rules += ' __v6TNLWb13';
-                            rules += ' SMBFGYc13';
-                            rules += ' RfBFGYc13';
-                            rules += ' -S_-Sv13';
-                            rules += ' -R_-Rv13';
+                            rules += ' zXcEWr15';
+                            rules += ' yXcEWr15';
+                            rules += ' BXcEWr15';
+                            rules += ' AXcEWr15';
+                            if (props.size === "XL") rules += ' Nl15';
+                            else if (props.size === "L") rules += ' Nj15';
+                            else if (props.size === "S") rules += ' Nf15';
+                            else if (props.size === "XS") rules += ' Ne15';
+                            else rules += ' Nk15';
+                            if (props.isQuiet) rules += ' _qd15';
+                            else rules += ' _qtb15';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt15';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne15';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr15';
+                            else rules += ' -Anxdcc-Z3fn9H15';
+                            rules += ' __v6TNLWb15';
+                            rules += ' SMBFGYc15';
+                            rules += ' RfBFGYc15';
+                            rules += ' -S_-Sv15';
+                            rules += ' -R_-Rv15';
                             return rules;
                         }({
                             size: size

package/dist/private/TimeField.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA0BM,MAAM,0DAAmB,CAAA,GAAA,0BAAY,EAA8D;AAMnG,MAAM,4CAA0B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,UAC7E,KAAwB,EAAE,GAAwB;IAElD,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SACF,KAAK,kBACL,cAAc,EACd,aAAa,kBAAkB,gBAC/B,YAAY,cACZ,UAAU,QACV,OAAO,oBACP,gBAAgB,2BAChB,kBAAkB,cAClB,aAAa,uBACb,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,gBACJ,GAAG;IACJ,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,0CAAU;IAEvC,qBACE,gCAAC,CAAA,GAAA,6CAAY;QACX,KAAK;QACL,YAAY;QACX,GAAG,cAAc;QAClB,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAAsC;YAC1E,UAAU,CAAC,CAAC;2BACZ;kBACA;QACF,GAAG;kBACF,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC;YACvB,qBACE;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,YAAY;wBACZ,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB;kCACf;;kCAGH,iCAAC,CAAA,GAAA,oCAAS;wBACR,MAAK;wBACL,YAAY;wBACZ,WAAW;wBACX,MAAM;wBACN,QAAQ;;;;;;;;;;;;;;;;;;;;;;;0BAGL;kCAAC;wBAAI;;0CACR,gCAAC,CAAA,GAAA,4CAAiB;0CAChB,cAAA,gCAAC,CAAA,GAAA,mCAAQ;;0CAEX,gCAAC,CAAA,GAAA,0CAAe;gCAAE,WAAW;gCAAW,YAAY;;;;kCAEtD,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;QAIT;;AAGN","sources":["packages/@react-spectrum/s2/src/TimeField.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {TimeField as AriaTimeField, TimeFieldProps as AriaTimeFieldProps, TimeValue} from 'react-aria-components/TimeField';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface TimeFieldProps<T extends TimeValue> extends\n  Omit<AriaTimeFieldProps<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the TimeField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const TimeFieldContext = createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<T extends TimeValue>(\n  props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, styles)}>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n\n            <FieldGroup\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                paddingX: 'edge-to-text'\n              })({size})}>\n              <DateInputContainer>\n                <DateInput />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA4CM,MAAM,0DACX,CAAA,GAAA,0BAAY,EAA8D;AAMrE,MAAM,4CAA0B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,UAE7E,KAAwB,EAAE,GAAwB;IAClD,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SACF,KAAK,kBACL,cAAc,EACd,aAAa,kBAAkB,gBAC/B,YAAY,cACZ,UAAU,QACV,OAAO,oBACP,gBAAgB,2BAChB,kBAAkB,cAClB,aAAa,uBACb,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,gBACJ,GAAG;IACJ,IAAI,cAAc,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,0CAAU;IAEvC,qBACE,gCAAC,CAAA,GAAA,6CAAY;QACX,KAAK;QACL,YAAY;QACX,GAAG,cAAc;QAClB,OAAO;QACP,WACE,AAAC,CAAA,oBAAoB,EAAC,IACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UACE;YACE,UAAU,CAAC,CAAC;2BACZ;kBACA;QACF,GACA;kBAGH,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC;YACvB,qBACE;;kCACE,gCAAC,CAAA,GAAA,oCAAS;wBACR,YAAY;wBACZ,YAAY;wBACZ,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB;kCACf;;kCAGH,iCAAC,CAAA,GAAA,oCAAS;wBACR,MAAK;wBACL,YAAY;wBACZ,WAAW;wBACX,MAAM;wBACN,QAAQ;;;;;;;;;;;;;;;;;;;;;;;0BAGL;kCAAC;wBAAI;;0CACR,gCAAC,CAAA,GAAA,4CAAiB;0CAChB,cAAA,gCAAC,CAAA,GAAA,mCAAQ;;0CAEX,gCAAC,CAAA,GAAA,0CAAe;gCAAE,WAAW;gCAAW,YAAY;;;;kCAEtD,gCAAC,CAAA,GAAA,kCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;QAIT;;AAGN","sources":["packages/@react-spectrum/s2/src/TimeField.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue\n} from 'react-aria-components/TimeField';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {\n  forwardRefType,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface TimeFieldProps<T extends TimeValue>\n  extends\n    Omit<\n      AriaTimeFieldProps<T>,\n      'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The size of the TimeField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n}\n\nexport const TimeFieldContext =\n  createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<\n  T extends TimeValue\n>(props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\n      style={UNSAFE_style}\n      className={\n        (UNSAFE_className || '') +\n        style(field(), getAllowedOverrides())(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n\n            <FieldGroup\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                paddingX: 'edge-to-text'\n              })({size})}>\n              <DateInputContainer>\n                <DateInput />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.cjs.map"}

package/dist/private/TimeField.css

@@ -1,197 +1,197 @@
 @layer _.a {
-  .se13 {
+  .se15 {
     display: grid;
   }
 
-  .z2mU13 {
+  .z2mU15 {
     grid-column-start: 1;
   }
 
-  .yvoofG13 {
+  .yvoofG15 {
     grid-column-end: span 2;
   }
 
-  .DM8Mfn13 {
+  .DM8Mfn15 {
     grid-template-columns: 1fr;
   }
 
-  .DPlN5qb13 {
+  .DPlN5qb15 {
     grid-template-columns: auto 1fr;
   }
 
-  .DLwlgod13 {
+  .DLwlgod15 {
     grid-template-columns: subgrid;
   }
 
-  .E4w1sLc13 {
+  .E4w1sLc15 {
     grid-template-rows: auto 1fr auto;
   }
 
-  .EPlN5qb13 {
+  .EPlN5qb15 {
     grid-template-rows: auto 1fr;
   }
 
-  .Cxaocre13 {
+  .Cxaocre15 {
     grid-template-areas: "label"
                          "input"
                          "helptext";
   }
 
-  .CbRM95c13 {
+  .CbRM95c15 {
     grid-template-areas: "label input"
                          "label helptext";
   }
 
-  .-_6BNtrc-c13 {
+  .-_6BNtrc-c15 {
     --fs: pow(1.125, 0);
   }
 
-  .-_6BNtrc-a13 {
+  .-_6BNtrc-a15 {
     --fs: pow(1.125, -2);
   }
 
-  .-_6BNtrc-b13 {
+  .-_6BNtrc-b15 {
     --fs: pow(1.125, -1);
   }
 
-  .-_6BNtrc-d13 {
+  .-_6BNtrc-d15 {
     --fs: pow(1.125, 1);
   }
 
-  .-_6BNtrc-e13 {
+  .-_6BNtrc-e15 {
     --fs: pow(1.125, 2);
   }
 
-  .vx13 {
+  .vx15 {
     font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
   }
 
-  .ea13 {
+  .ea15 {
     align-items: baseline;
   }
 
-  ._Fd13 {
+  ._Fd15 {
     line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs)) - 10)) / 22) * .15), 2px);
   }
 
-  .-BhX7R-Fx13 {
+  .-BhX7R-Fx15 {
     --field-height: calc(2rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fn13 {
+  .-BhX7R-Fn15 {
     --field-height: calc(1.25rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fp13 {
+  .-BhX7R-Fp15 {
     --field-height: calc(1.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fv13 {
+  .-BhX7R-Fv15 {
     --field-height: calc(2.5rem * var(--s2-scale));
   }
 
-  .-BhX7R-Fz13 {
+  .-BhX7R-Fz15 {
     --field-height: calc(3rem * var(--s2-scale));
   }
 
-  .-AJjOLd-UVkF0Db13 {
+  .-AJjOLd-UVkF0Db15 {
     --field-gap: calc((var(--field-height) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
   }
 
-  .qg13 {
+  .qg15 {
     column-gap: .75rem;
   }
 
-  .__ca13 {
+  .__ca15 {
     -webkit-tap-highlight-color: #0000;
   }
 
-  .zXcEWr13 {
+  .zXcEWr15 {
     grid-column-start: input;
   }
 
-  .yXcEWr13 {
+  .yXcEWr15 {
     grid-column-end: input;
   }
 
-  .BXcEWr13 {
+  .BXcEWr15 {
     grid-row-start: input;
   }
 
-  .AXcEWr13 {
+  .AXcEWr15 {
     grid-row-end: input;
   }
 
-  .Nk13 {
+  .Nk15 {
     min-width: calc(2rem * var(--s2-scale));
   }
 
-  .Ne13 {
+  .Ne15 {
     min-width: calc(1.25rem * var(--s2-scale));
   }
 
-  .Nf13 {
+  .Nf15 {
     min-width: calc(1.5rem * var(--s2-scale));
   }
 
-  .Nj13 {
+  .Nj15 {
     min-width: calc(2.5rem * var(--s2-scale));
   }
 
-  .Nl13 {
+  .Nl15 {
     min-width: calc(3rem * var(--s2-scale));
   }
 
-  ._qd13 {
+  ._qd15 {
     contain: none;
   }
 
-  .-Anxdcc-Z3fn9H13 {
+  .-Anxdcc-Z3fn9H15 {
     --defaultWidth: calc(13rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zr13 {
+  .-Anxdcc-Zr15 {
     --defaultWidth: calc(12rem * var(--s2-scale));
   }
 
-  .-Anxdcc-ZStdtne13 {
+  .-Anxdcc-ZStdtne15 {
     --defaultWidth: calc(14rem * var(--s2-scale));
   }
 
-  .-Anxdcc-Zt13 {
+  .-Anxdcc-Zt15 {
     --defaultWidth: calc(15rem * var(--s2-scale));
   }
 
-  .__v6TNLWb13 {
+  .__v6TNLWb15 {
     contain-intrinsic-width: calc(var(--defaultWidth) - var(--S, 0px) - var(--R, 0px) - var(--m, 0px) - var(--l, 0px));
   }
 
-  .SMBFGYc13 {
+  .SMBFGYc15 {
     padding-inline-start: var(--S);
   }
 
-  .RfBFGYc13 {
+  .RfBFGYc15 {
     padding-inline-end: var(--R);
   }
 
-  .-S_-Sv13 {
+  .-S_-Sv15 {
     --S: calc(var(--F, var(--M)) * 3 / 8);
   }
 
-  .-R_-Rv13 {
+  .-R_-Rv15 {
     --R: calc(var(--F, var(--M)) * 3 / 8);
   }
 }
 
 @layer _.b {
-  ._FnuYUweb13:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
+  ._FnuYUweb15:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
     line-height: 1.5;
   }
 }
 
 @layer _.b.t {
   @supports (contain-intrinsic-width: 1px) {
-    ._qtb13 {
+    ._qtb15 {
       contain: inline-size;
     }
   }

package/dist/private/TimeField.css.map

@@ -1 +1 @@
-{"mappings":"ACqE4C;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAwBtB;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAxBsB;EAAA;;;;;AAwBtB;EAAA;IAAA","sources":["9212c0f0415b4003","packages/@react-spectrum/s2/src/TimeField.tsx"],"sourcesContent":["@import \"0005dc6a1b0099cd\";\n@import \"cdf111f48efb4f0d\";\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {TimeField as AriaTimeField, TimeFieldProps as AriaTimeFieldProps, TimeValue} from 'react-aria-components/TimeField';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface TimeFieldProps<T extends TimeValue> extends\n  Omit<AriaTimeFieldProps<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the TimeField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const TimeFieldContext = createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<T extends TimeValue>(\n  props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, styles)}>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n\n            <FieldGroup\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                paddingX: 'edge-to-text'\n              })({size})}>\n              <DateInputContainer>\n                <DateInput />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.css.map"}
+{"mappings":"AC0FQ;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EA4Bc;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AA5Bd;EAAA;;;;;AA4Bc;EAAA;IAAA","sources":["9212c0f0415b4003","packages/@react-spectrum/s2/src/TimeField.tsx"],"sourcesContent":["@import \"0005dc6a1b0099cd\";\n@import \"cdf111f48efb4f0d\";\n","/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue\n} from 'react-aria-components/TimeField';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {\n  forwardRefType,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface TimeFieldProps<T extends TimeValue>\n  extends\n    Omit<\n      AriaTimeFieldProps<T>,\n      'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The size of the TimeField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n}\n\nexport const TimeFieldContext =\n  createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<\n  T extends TimeValue\n>(props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\n      style={UNSAFE_style}\n      className={\n        (UNSAFE_className || '') +\n        style(field(), getAllowedOverrides())(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n\n            <FieldGroup\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                paddingX: 'edge-to-text'\n              })({size})}>\n              <DateInputContainer>\n                <DateInput />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.css.map"}

package/dist/private/TimeField.mjs

@@ -44,51 +44,51 @@ const $a4c1b812c7e17006$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $2nExR$forwa
                 if (p[1] === "y") gridColumnEnd = true;
                 rules += p[0];
             }
-            rules += ' se13';
+            rules += ' se15';
             if (props.isInForm) {
-                if (!gridColumnStart) rules += ' z2mU13';
+                if (!gridColumnStart) rules += ' z2mU15';
             }
             if (props.isInForm) {
                 if (props.labelPosition === "side") {
-                    if (!gridColumnEnd) rules += ' yvoofG13';
+                    if (!gridColumnEnd) rules += ' yvoofG15';
                 }
             }
-            if (props.isInForm) rules += ' DLwlgod13';
+            if (props.isInForm) rules += ' DLwlgod15';
             else {
-                if (props.labelPosition === "side") rules += ' DPlN5qb13';
-                else if (props.labelPosition === "top") rules += ' DM8Mfn13';
+                if (props.labelPosition === "side") rules += ' DPlN5qb15';
+                else if (props.labelPosition === "top") rules += ' DM8Mfn15';
             }
-            if (props.labelPosition === "side") rules += ' EPlN5qb13';
-            else if (props.labelPosition === "top") rules += ' E4w1sLc13';
-            if (props.labelPosition === "side") rules += ' CbRM95c13';
-            else if (props.labelPosition === "top") rules += ' Cxaocre13';
+            if (props.labelPosition === "side") rules += ' EPlN5qb15';
+            else if (props.labelPosition === "top") rules += ' E4w1sLc15';
+            if (props.labelPosition === "side") rules += ' CbRM95c15';
+            else if (props.labelPosition === "top") rules += ' Cxaocre15';
             if (props.size === "XL") {
-                rules += ' -_6BNtrc-e13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-e15';
+                rules += ' vx15';
             } else if (props.size === "L") {
-                rules += ' -_6BNtrc-d13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-d15';
+                rules += ' vx15';
             } else if (props.size === "S") {
-                rules += ' -_6BNtrc-b13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-b15';
+                rules += ' vx15';
             } else if (props.size === "XS") {
-                rules += ' -_6BNtrc-a13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-a15';
+                rules += ' vx15';
             } else {
-                rules += ' -_6BNtrc-c13';
-                rules += ' vx13';
+                rules += ' -_6BNtrc-c15';
+                rules += ' vx15';
             }
-            rules += ' ea13';
-            rules += ' _Fd13';
-            rules += ' _FnuYUweb13';
-            if (props.size === "XL") rules += ' -BhX7R-Fz13';
-            else if (props.size === "L") rules += ' -BhX7R-Fv13';
-            else if (props.size === "S") rules += ' -BhX7R-Fp13';
-            else if (props.size === "XS") rules += ' -BhX7R-Fn13';
-            else rules += ' -BhX7R-Fx13';
-            rules += ' -AJjOLd-UVkF0Db13';
-            rules += ' qg13';
-            rules += ' __ca13';
+            rules += ' ea15';
+            rules += ' _Fd15';
+            rules += ' _FnuYUweb15';
+            if (props.size === "XL") rules += ' -BhX7R-Fz15';
+            else if (props.size === "L") rules += ' -BhX7R-Fv15';
+            else if (props.size === "S") rules += ' -BhX7R-Fp15';
+            else if (props.size === "XS") rules += ' -BhX7R-Fn15';
+            else rules += ' -BhX7R-Fx15';
+            rules += ' -AJjOLd-UVkF0Db15';
+            rules += ' qg15';
+            rules += ' __ca15';
             return rules;
         }({
             isInForm: !!formContext,
@@ -115,26 +115,26 @@ const $a4c1b812c7e17006$export$5eaee2322dd727eb = /*#__PURE__*/ (0, $2nExR$forwa
                         size: size,
                         styles: function anonymous(props) {
                             let rules = " ";
-                            rules += ' zXcEWr13';
-                            rules += ' yXcEWr13';
-                            rules += ' BXcEWr13';
-                            rules += ' AXcEWr13';
-                            if (props.size === "XL") rules += ' Nl13';
-                            else if (props.size === "L") rules += ' Nj13';
-                            else if (props.size === "S") rules += ' Nf13';
-                            else if (props.size === "XS") rules += ' Ne13';
-                            else rules += ' Nk13';
-                            if (props.isQuiet) rules += ' _qd13';
-                            else rules += ' _qtb13';
-                            if (props.size === "XL") rules += ' -Anxdcc-Zt13';
-                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne13';
-                            else if (props.size === "S") rules += ' -Anxdcc-Zr13';
-                            else rules += ' -Anxdcc-Z3fn9H13';
-                            rules += ' __v6TNLWb13';
-                            rules += ' SMBFGYc13';
-                            rules += ' RfBFGYc13';
-                            rules += ' -S_-Sv13';
-                            rules += ' -R_-Rv13';
+                            rules += ' zXcEWr15';
+                            rules += ' yXcEWr15';
+                            rules += ' BXcEWr15';
+                            rules += ' AXcEWr15';
+                            if (props.size === "XL") rules += ' Nl15';
+                            else if (props.size === "L") rules += ' Nj15';
+                            else if (props.size === "S") rules += ' Nf15';
+                            else if (props.size === "XS") rules += ' Ne15';
+                            else rules += ' Nk15';
+                            if (props.isQuiet) rules += ' _qd15';
+                            else rules += ' _qtb15';
+                            if (props.size === "XL") rules += ' -Anxdcc-Zt15';
+                            else if (props.size === "L") rules += ' -Anxdcc-ZStdtne15';
+                            else if (props.size === "S") rules += ' -Anxdcc-Zr15';
+                            else rules += ' -Anxdcc-Z3fn9H15';
+                            rules += ' __v6TNLWb15';
+                            rules += ' SMBFGYc15';
+                            rules += ' RfBFGYc15';
+                            rules += ' -S_-Sv15';
+                            rules += ' -R_-Rv15';
                             return rules;
                         }({
                             size: size

package/dist/private/TimeField.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA0BM,MAAM,0DAAmB,CAAA,GAAA,oBAAY,EAA8D;AAMnG,MAAM,4CAA0B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,UAC7E,KAAwB,EAAE,GAAwB;IAElD,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SACF,KAAK,kBACL,cAAc,EACd,aAAa,kBAAkB,gBAC/B,YAAY,cACZ,UAAU,QACV,OAAO,oBACP,gBAAgB,2BAChB,kBAAkB,cAClB,aAAa,uBACb,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,gBACJ,GAAG;IACJ,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,kBAAU;IAEvC,qBACE,gBAAC,CAAA,GAAA,gBAAY;QACX,KAAK;QACL,YAAY;QACX,GAAG,cAAc;QAClB,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAAsC;YAC1E,UAAU,CAAC,CAAC;2BACZ;kBACA;QACF,GAAG;kBACF,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC;YACvB,qBACE;;kCACE,gBAAC,CAAA,GAAA,yCAAS;wBACR,YAAY;wBACZ,YAAY;wBACZ,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB;kCACf;;kCAGH,iBAAC,CAAA,GAAA,yCAAS;wBACR,MAAK;wBACL,YAAY;wBACZ,WAAW;wBACX,MAAM;wBACN,QAAQ;;;;;;;;;;;;;;;;;;;;;;;0BAGL;kCAAC;wBAAI;;0CACR,gBAAC,CAAA,GAAA,uCAAiB;0CAChB,cAAA,gBAAC,CAAA,GAAA,yCAAQ;;0CAEX,gBAAC,CAAA,GAAA,yCAAe;gCAAE,WAAW;gCAAW,YAAY;;;;kCAEtD,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;QAIT;;AAGN","sources":["packages/@react-spectrum/s2/src/TimeField.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {TimeField as AriaTimeField, TimeFieldProps as AriaTimeFieldProps, TimeValue} from 'react-aria-components/TimeField';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {field, fieldInput, getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {forwardRefType, GlobalDOMAttributes, HelpTextProps, SpectrumLabelableProps} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface TimeFieldProps<T extends TimeValue> extends\n  Omit<AriaTimeFieldProps<T>, 'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes>,\n  StyleProps,\n  SpectrumLabelableProps,\n  HelpTextProps {\n    /**\n     * The size of the TimeField.\n     *\n     * @default 'M'\n     */\n    size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport const TimeFieldContext = createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<T extends TimeValue>(\n  props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>\n): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\n      style={UNSAFE_style}\n      className={(UNSAFE_className || '') + style(field(), getAllowedOverrides())({\n        isInForm: !!formContext,\n        labelPosition,\n        size\n      }, styles)}>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n\n            <FieldGroup\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                paddingX: 'edge-to-text'\n              })({size})}>\n              <DateInputContainer>\n                <DateInput />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AA4CM,MAAM,0DACX,CAAA,GAAA,oBAAY,EAA8D;AAMrE,MAAM,4CAA0B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,UAE7E,KAAwB,EAAE,GAAwB;IAClD,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SACF,KAAK,kBACL,cAAc,EACd,aAAa,kBAAkB,gBAC/B,YAAY,cACZ,UAAU,QACV,OAAO,oBACP,gBAAgB,2BAChB,kBAAkB,cAClB,aAAa,uBACb,YAAY,oBACZ,gBAAgB,UAChB,MAAM,EACN,GAAG,gBACJ,GAAG;IACJ,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,kBAAU;IAEvC,qBACE,gBAAC,CAAA,GAAA,gBAAY;QACX,KAAK;QACL,YAAY;QACX,GAAG,cAAc;QAClB,OAAO;QACP,WACE,AAAC,CAAA,oBAAoB,EAAC,IACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UACE;YACE,UAAU,CAAC,CAAC;2BACZ;kBACA;QACF,GACA;kBAGH,CAAC,cAAC,UAAU,aAAE,SAAS,EAAC;YACvB,qBACE;;kCACE,gBAAC,CAAA,GAAA,yCAAS;wBACR,YAAY;wBACZ,YAAY;wBACZ,MAAM;wBACN,eAAe;wBACf,YAAY;wBACZ,oBAAoB;wBACpB,gBAAgB;kCACf;;kCAGH,iBAAC,CAAA,GAAA,yCAAS;wBACR,MAAK;wBACL,YAAY;wBACZ,WAAW;wBACX,MAAM;wBACN,QAAQ;;;;;;;;;;;;;;;;;;;;;;;0BAGL;kCAAC;wBAAI;;0CACR,gBAAC,CAAA,GAAA,uCAAiB;0CAChB,cAAA,gBAAC,CAAA,GAAA,yCAAQ;;0CAEX,gBAAC,CAAA,GAAA,yCAAe;gCAAE,WAAW;gCAAW,YAAY;;;;kCAEtD,gBAAC,CAAA,GAAA,yCAAO;wBACN,MAAM;wBACN,YAAY;wBACZ,WAAW;wBACX,aAAa;kCACZ;;;;QAIT;;AAGN","sources":["packages/@react-spectrum/s2/src/TimeField.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue\n} from 'react-aria-components/TimeField';\nimport {ContextValue} from 'react-aria-components/slots';\nimport {createContext, forwardRef, ReactElement, Ref, useContext} from 'react';\nimport {DateInput, DateInputContainer, InvalidIndicator} from './DateField';\nimport {\n  field,\n  fieldInput,\n  getAllowedOverrides,\n  StyleProps\n} from './style-utils' with {type: 'macro'};\nimport {FieldGroup, FieldLabel, HelpText} from './Field';\nimport {FormContext} from 'react-aria-components/Form';\nimport {\n  forwardRefType,\n  GlobalDOMAttributes,\n  HelpTextProps,\n  SpectrumLabelableProps\n} from '@react-types/shared';\nimport {style} from '../style' with {type: 'macro'};\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface TimeFieldProps<T extends TimeValue>\n  extends\n    Omit<\n      AriaTimeFieldProps<T>,\n      'children' | 'className' | 'style' | 'render' | keyof GlobalDOMAttributes\n    >,\n    StyleProps,\n    SpectrumLabelableProps,\n    HelpTextProps {\n  /**\n   * The size of the TimeField.\n   *\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL';\n}\n\nexport const TimeFieldContext =\n  createContext<ContextValue<Partial<TimeFieldProps<any>>, HTMLDivElement>>(null);\n\n/**\n * TimeFields allow users to enter and edit time values using a keyboard.\n * Each part of the time is displayed in an individually editable segment.\n */\nexport const TimeField = /*#__PURE__*/ (forwardRef as forwardRefType)(function TimeField<\n  T extends TimeValue\n>(props: TimeFieldProps<T>, ref: Ref<HTMLDivElement>): ReactElement {\n  [props, ref] = useSpectrumContextProps(props, ref, TimeFieldContext);\n  let {\n    label,\n    contextualHelp,\n    description: descriptionMessage,\n    errorMessage,\n    isRequired,\n    size = 'M',\n    labelPosition = 'top',\n    necessityIndicator,\n    labelAlign = 'start',\n    UNSAFE_style,\n    UNSAFE_className,\n    styles,\n    ...timeFieldProps\n  } = props;\n  let formContext = useContext(FormContext);\n\n  return (\n    <AriaTimeField\n      ref={ref}\n      isRequired={isRequired}\n      {...timeFieldProps}\n      style={UNSAFE_style}\n      className={\n        (UNSAFE_className || '') +\n        style(field(), getAllowedOverrides())(\n          {\n            isInForm: !!formContext,\n            labelPosition,\n            size\n          },\n          styles\n        )\n      }>\n      {({isDisabled, isInvalid}) => {\n        return (\n          <>\n            <FieldLabel\n              isDisabled={isDisabled}\n              isRequired={isRequired}\n              size={size}\n              labelPosition={labelPosition}\n              labelAlign={labelAlign}\n              necessityIndicator={necessityIndicator}\n              contextualHelp={contextualHelp}>\n              {label}\n            </FieldLabel>\n\n            <FieldGroup\n              role=\"presentation\"\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              size={size}\n              styles={style({\n                ...fieldInput(),\n                paddingX: 'edge-to-text'\n              })({size})}>\n              <DateInputContainer>\n                <DateInput />\n              </DateInputContainer>\n              <InvalidIndicator isInvalid={isInvalid} isDisabled={isDisabled} />\n            </FieldGroup>\n            <HelpText\n              size={size}\n              isDisabled={isDisabled}\n              isInvalid={isInvalid}\n              description={descriptionMessage}>\n              {errorMessage}\n            </HelpText>\n          </>\n        );\n      }}\n    </AriaTimeField>\n  );\n});\n"],"names":[],"version":3,"file":"TimeField.mjs.map"}