@easypost/easy-ui 1.0.0-alpha.71 → 1.0.0-alpha.73

package/__chunks__/{DatePickerBase-DFxPgoc8.js → DatePickerBase-D4UJlvkz.js}

@@ -19,34 +19,34 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const React = require("react");
-const InputIcon = require("./InputIcon-x3fs2oAT.js");
-const UnstyledButton = require("./UnstyledButton-yd6ZL2Yi.js");
-const CalendarBase = require("./CalendarBase-Cn_m810l.js");
-const HorizontalStack = require("./HorizontalStack-4-woUNq_.js");
+const InputIcon = require("./InputIcon-cFcmXohD.js");
+const UnstyledButton = require("./UnstyledButton-BNciIRwZ.js");
+const CalendarBase = require("./CalendarBase-BUa-SUff.js");
+const HorizontalStack = require("./HorizontalStack-BpcS3ASr.js");
 const utilities_css = require("../utilities/css.js");
-const context = require("./context-D3NeXov7.js");
-const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-CaF1VsOH.js");
-const useFormValidation = require("./useFormValidation-BeqiYVJN.js");
+const context = require("./context-BQfsEeih.js");
+const useLocalizedStringFormatter = require("./useLocalizedStringFormatter-C3ZwxPrF.js");
+const useFormValidation = require("./useFormValidation-BqUyj3MW.js");
 const useControlledState = require("./useControlledState-mnKBd6Uc.js");
-const FocusScope = require("./FocusScope-Djtxzznf.js");
-const mergeProps = require("./mergeProps-DniMwM6P.js");
-const usePress = require("./usePress-DTGD4Sub.js");
+const FocusScope = require("./FocusScope-CL3-fUEU.js");
+const mergeProps = require("./mergeProps-6pKCnMWU.js");
+const usePress = require("./usePress-BkfhIu8i.js");
 const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
-const scrollIntoView = require("./scrollIntoView-BN4yt25y.js");
-const useFormReset = require("./useFormReset-Bgj93eR3.js");
-const useField = require("./useField-BJW_bXVD.js");
-const useFocusWithin = require("./useFocusWithin-C-45XiL1.js");
-const useLabels = require("./useLabels-KmwewLTv.js");
+const scrollIntoView = require("./scrollIntoView-CzFYIYQT.js");
+const useFormReset = require("./useFormReset-Ja1aibwy.js");
+const useFocusWithin = require("./useFocusWithin-B1KKdipT.js");
+const useField = require("./useField-MeTEdBhD.js");
+const useLabels = require("./useLabels-DrIYrapv.js");
 const getScrollParent = require("./getScrollParent-DNz2ReWu.js");
-const isVirtualEvent = require("./isVirtualEvent-C-tB2MCl.js");
-const useEvent = require("./useEvent-DY7dR7Mi.js");
+const utils = require("./utils-DTjlhnVc.js");
+const useEvent = require("./useEvent-DiEr5shV.js");
 const NumberFormatter = require("./NumberFormatter-CXW1Iqpu.js");
-const useFilter = require("./useFilter-DpnZ54nd.js");
+const useFilter = require("./useFilter-DUqh08RA.js");
 const LiveAnnouncer = require("./LiveAnnouncer-CzeNwq2D.js");
-const VerticalStack = require("./VerticalStack-Dw2YBdjg.js");
-const Text = require("./Text-DKSomTmh.js");
-const utilities = require("./utilities-DIZYscJV.js");
-const Overlay = require("./Overlay-CwJbrICR.js");
+const VerticalStack = require("./VerticalStack-8rmfIYQv.js");
+const Text = require("./Text-BMoA0yMR.js");
+const utilities = require("./utilities-1DzM5WE1.js");
+const Overlay = require("./Overlay-CwRnK9dm.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -896,7 +896,7 @@ const $3e3ed55ab2966714$var$placeholders = new useLocalizedStringFormatter.$5b16
     day: "gg"
   },
   ja: {
-    year: " 年 ",
+    year: "年",
     month: "月",
     day: "日"
   },
@@ -1193,27 +1193,15 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     displayValue,
     timeZone
   ]);
-  let segments = React.useMemo(() => dateFormatter.formatToParts(dateValue).map((segment) => {
-    let isEditable = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type];
-    if (segment.type === "era" && calendar.getEras().length === 1) isEditable = false;
-    let isPlaceholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type];
-    let placeholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] ? $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(segment.type, segment.value, locale) : null;
-    return __spreadProps(__spreadValues({
-      type: $3c0fc76039f1c516$var$TYPE_MAPPING[segment.type] || segment.type,
-      text: isPlaceholder ? placeholder : segment.value
-    }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, segment.type, resolvedOptions)), {
-      isPlaceholder,
-      placeholder,
-      isEditable
-    });
-  }), [
+  let segments = React.useMemo(() => $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFormatter, resolvedOptions, displayValue, calendar, locale, granularity), [
     dateValue,
     validSegments,
     dateFormatter,
     resolvedOptions,
     displayValue,
     calendar,
-    locale
+    locale,
+    granularity
   ]);
   if (allSegments.era && validSegments.year && !validSegments.era) {
     validSegments.era = true;
@@ -1304,7 +1292,10 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         else if (!isPM && shouldBePM) value2 = displayValue.set({
           hour: displayValue.hour + 12
         });
-      } else if (part in displayValue) value2 = displayValue.set({
+      } else if (part === "hour" && "hour" in displayValue && displayValue.hour >= 12 && validSegments.dayPeriod) value2 = displayValue.set({
+        hour: placeholder["hour"] + 12
+      });
+      else if (part in displayValue) value2 = displayValue.set({
         [part]: placeholder[part]
       });
       setDate(null);
@@ -1323,6 +1314,60 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     }
   });
 }
+function $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFormatter, resolvedOptions, displayValue, calendar, locale, granularity) {
+  let timeValue = [
+    "hour",
+    "minute",
+    "second"
+  ];
+  let segments = dateFormatter.formatToParts(dateValue);
+  let processedSegments = [];
+  for (let segment of segments) {
+    let isEditable = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type];
+    if (segment.type === "era" && calendar.getEras().length === 1) isEditable = false;
+    let isPlaceholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type];
+    let placeholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] ? $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(segment.type, segment.value, locale) : null;
+    let dateSegment = __spreadProps(__spreadValues({
+      type: $3c0fc76039f1c516$var$TYPE_MAPPING[segment.type] || segment.type,
+      text: isPlaceholder ? placeholder : segment.value
+    }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, segment.type, resolvedOptions)), {
+      isPlaceholder,
+      placeholder,
+      isEditable
+    });
+    if (segment.type === "hour") {
+      processedSegments.push(__spreadProps(__spreadValues({
+        type: "literal",
+        text: "⁦"
+      }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, "literal", resolvedOptions)), {
+        isPlaceholder: false,
+        placeholder: "",
+        isEditable: false
+      }));
+      processedSegments.push(dateSegment);
+      if (segment.type === granularity) processedSegments.push(__spreadProps(__spreadValues({
+        type: "literal",
+        text: "⁩"
+      }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, "literal", resolvedOptions)), {
+        isPlaceholder: false,
+        placeholder: "",
+        isEditable: false
+      }));
+    } else if (timeValue.includes(segment.type) && segment.type === granularity) {
+      processedSegments.push(dateSegment);
+      processedSegments.push(__spreadProps(__spreadValues({
+        type: "literal",
+        text: "⁩"
+      }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, "literal", resolvedOptions)), {
+        isPlaceholder: false,
+        placeholder: "",
+        isEditable: false
+      }));
+    } else
+      processedSegments.push(dateSegment);
+  }
+  return processedSegments;
+}
 function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
   switch (type) {
     case "era": {
@@ -1714,7 +1759,7 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
   let cancelContextMenu = (e) => {
     e.preventDefault();
   };
-  let { addGlobalListener, removeAllGlobalListeners } = usePress.$03deb23ff14920c4$export$4eaf04e54aa8eed6();
+  let { addGlobalListener, removeAllGlobalListeners } = utils.$03deb23ff14920c4$export$4eaf04e54aa8eed6();
   return {
     spinButtonProps: {
       role: "spinbutton",
@@ -2455,14 +2500,24 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
       case "ArrowLeft":
         e.preventDefault();
         e.stopPropagation();
-        if (direction === "rtl") focusManager.focusNext();
-        else focusManager.focusPrevious();
+        if (direction === "rtl") {
+          if (ref.current) {
+            let target = e.target;
+            let prev = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, -1);
+            if (prev) prev.focus();
+          }
+        } else focusManager.focusPrevious();
         break;
       case "ArrowRight":
         e.preventDefault();
         e.stopPropagation();
-        if (direction === "rtl") focusManager.focusPrevious();
-        else focusManager.focusNext();
+        if (direction === "rtl") {
+          if (ref.current) {
+            let target = e.target;
+            let next = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, 1);
+            if (next) next.focus();
+          }
+        } else focusManager.focusNext();
         break;
     }
   };
@@ -2505,6 +2560,25 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
     onKeyDown
   });
 }
+function $3dfb0f96be0d6a08$var$findNextSegment(group, fromX, direction) {
+  let walker = FocusScope.$9bf71ea28793e738$export$2d6ec8fc375ceafa(group, {
+    tabbable: true
+  });
+  let node = walker.nextNode();
+  let closest = null;
+  let closestDistance = Infinity;
+  while (node) {
+    let x = node.getBoundingClientRect().left;
+    let distance = x - fromX;
+    let absoluteDistance = Math.abs(distance);
+    if (Math.sign(distance) === direction && absoluteDistance < closestDistance) {
+      closest = node;
+      closestDistance = absoluteDistance;
+    }
+    node = walker.nextNode();
+  }
+  return closest;
+}
 function $parcel$interopDefault$1(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -2610,6 +2684,9 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
       },
       onKeyUp(e) {
         if (props.onKeyUp) props.onKeyUp(e);
+      },
+      style: {
+        unicodeBidi: "isolate"
       }
     }),
     inputProps,
@@ -2650,7 +2727,7 @@ class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
 }
 function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
   let enteredKeys = React.useRef("");
-  let { locale } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let { locale, direction } = context.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
   let displayNames = $3aeceb3a64eb8358$export$d42c60378c8168f8();
   let { ariaLabel, ariaLabelledBy, ariaDescribedBy, focusManager } = $16f0b7bb276bc17e$export$653eddfc964b0f8a.get(state);
   let textValue = segment.isPlaceholder ? "" : segment.text;
@@ -2723,7 +2800,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
     } else if (segment.type === "dayPeriod") state.clearSegment(segment.type);
   };
   let onKeyDown = (e) => {
-    if (e.key === "a" && (isVirtualEvent.$c87311424ea30a05$export$9ac100e40613ea10() ? e.metaKey : e.ctrlKey)) e.preventDefault();
+    if (e.key === "a" && (utils.$c87311424ea30a05$export$9ac100e40613ea10() ? e.metaKey : e.ctrlKey)) e.preventDefault();
     if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
     switch (e.key) {
       case "Backspace":
@@ -2889,7 +2966,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
     ref,
     focusManager
   ]);
-  let touchPropOverrides = isVirtualEvent.$c87311424ea30a05$export$fedb369cb70207f1() || segment.type === "timeZoneName" ? {
+  let touchPropOverrides = utils.$c87311424ea30a05$export$fedb369cb70207f1() || segment.type === "timeZoneName" ? {
     role: "textbox",
     "aria-valuemax": null,
     "aria-valuemin": null,
@@ -2912,6 +2989,14 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
       "aria-hidden": true
     }
   };
+  let segmentStyle = {
+    caretColor: "transparent"
+  };
+  if (direction === "rtl") {
+    segmentStyle.unicodeBidi = "embed";
+    let format = options[segment.type];
+    if (format === "numeric" || format === "2-digit") segmentStyle.direction = "ltr";
+  }
   return {
     segmentProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(spinButtonProps, labelProps, __spreadProps(__spreadValues({
       id
@@ -2930,9 +3015,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
       tabIndex: state.isDisabled ? void 0 : 0,
       onKeyDown,
       onFocus,
-      style: {
-        caretColor: "transparent"
-      },
+      style: segmentStyle,
       // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
       onPointerDown(e) {
         e.stopPropagation();
@@ -2989,16 +3072,16 @@ const CalendarMonth = (_a) => {
     d: "M197.69-100q-23.53 0-40.61-17.08T140-157.69v-579.23q0-23.53 17.08-40.61t40.61-17.08h73.85v-70h50.38v70h317.69v-70h49.23v70h73.47q23.53 0 40.61 17.08T820-736.92v579.23q0 23.53-17.08 40.61T762.31-100H197.69Zm0-45.39h564.62q4.61 0 8.46-3.84 3.84-3.85 3.84-8.46V-555H185.39v397.31q0 4.61 3.84 8.46 3.85 3.84 8.46 3.84Zm-12.3-454.99h589.22v-136.54q0-4.62-3.84-8.46-3.85-3.85-8.46-3.85H197.69q-4.61 0-8.46 3.85-3.84 3.84-3.84 8.46v136.54Zm0 0v-148.85 148.85ZM480-396.92q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35Zm-160 0q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35Zm320 0q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35ZM480-240q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q494.69-240 480-240Zm-160 0q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q334.69-240 320-240Zm320 0q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q654.69-240 640-240Z"
   }));
 };
-const DatePicker = "_DatePicker_1pt5b_5";
-const datePickerTrigger = "_datePickerTrigger_1pt5b_26";
-const datePickerTriggerContainer = "_datePickerTriggerContainer_1pt5b_64";
-const datePickerSm = "_datePickerSm_1pt5b_70";
-const disabled = "_disabled_1pt5b_83";
-const errorInput = "_errorInput_1pt5b_99";
-const underlay = "_underlay_1pt5b_107";
-const dialog = "_dialog_1pt5b_112";
-const DateSegment$1 = "_DateSegment_1pt5b_122";
-const literalSegment = "_literalSegment_1pt5b_131";
+const DatePicker = "_DatePicker_zx72s_5";
+const datePickerTrigger = "_datePickerTrigger_zx72s_26";
+const datePickerTriggerContainer = "_datePickerTriggerContainer_zx72s_64";
+const datePickerSm = "_datePickerSm_zx72s_70";
+const disabled = "_disabled_zx72s_83";
+const errorInput = "_errorInput_zx72s_99";
+const underlay = "_underlay_zx72s_107";
+const dialog = "_dialog_zx72s_112";
+const DateSegment$1 = "_DateSegment_zx72s_122";
+const literalSegment = "_literalSegment_zx72s_131";
 const styles = {
   DatePicker,
   datePickerTrigger,

package/__chunks__/{DatePickerBase-B5DTXN8_.mjs → DatePickerBase-nYyQbAs_.mjs}

@@ -19,34 +19,34 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React__default, { useState, useMemo, useRef, useEffect } from "react";
-import { I as InputIcon, l as logWarningForMissingAriaLabel } from "./InputIcon-MAaUXGCr.mjs";
-import { U as UnstyledButton } from "./UnstyledButton-D_DzFe67.mjs";
-import { o as $35ea8db9cb2ccb90$export$680ea196effce5f, m as $fb18d541ea1ad717$export$ad991b66133851cf, k as $11d87f3f76e88657$export$b4a036af3fc0b032, p as $14e0f24ef4ac5c92$export$461939dd4422153, q as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, d as $11d87f3f76e88657$export$93522d1a439f3617, n as $11d87f3f76e88657$export$b21e0b124e224484, r as $14e0f24ef4ac5c92$export$b2f4953d301981d5, s as $14e0f24ef4ac5c92$export$5412ac11713b72ad, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, u as $35ea8db9cb2ccb90$export$99faa760c7908e4f, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-NkfY0ZZQ.mjs";
-import { H as HorizontalStack } from "./HorizontalStack-hi_QrrZB.mjs";
+import { I as InputIcon, l as logWarningForMissingAriaLabel } from "./InputIcon-C1dofAnd.mjs";
+import { U as UnstyledButton } from "./UnstyledButton-aKk2POM3.mjs";
+import { o as $35ea8db9cb2ccb90$export$680ea196effce5f, m as $fb18d541ea1ad717$export$ad991b66133851cf, k as $11d87f3f76e88657$export$b4a036af3fc0b032, p as $14e0f24ef4ac5c92$export$461939dd4422153, q as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, d as $11d87f3f76e88657$export$93522d1a439f3617, n as $11d87f3f76e88657$export$b21e0b124e224484, l as $3b62074eb05584b2$export$80ee6245ec4f29ec, r as $14e0f24ef4ac5c92$export$b2f4953d301981d5, s as $14e0f24ef4ac5c92$export$5412ac11713b72ad, t as $896ba0a80a8f4d36$export$85fd5fdf27bacc79, u as $35ea8db9cb2ccb90$export$99faa760c7908e4f, b as $64244302c3013299$export$dd0bbc9b26defe37 } from "./CalendarBase-mv9La5tR.mjs";
+import { H as HorizontalStack } from "./HorizontalStack-8RcZ4huI.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZCcafjG.mjs";
-import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0, $ as $fca6afa0e843324b$export$f12b703ca79dfbb1, c as $fca6afa0e843324b$export$87b761675e8eaa10 } from "./useLocalizedStringFormatter-BHXy3Wtu.mjs";
-import { d as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, e as $e5be200c675c3b3a$export$aca958c65c314e6c, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-CCe1AoIX.mjs";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BZH2zfKM.mjs";
+import { a as $5b160d28a433310d$export$c17fa47878dc55b6, b as $6db58dc88e78b024$export$2f817fcdc4b89ae0, $ as $fca6afa0e843324b$export$f12b703ca79dfbb1, c as $fca6afa0e843324b$export$87b761675e8eaa10 } from "./useLocalizedStringFormatter-BhtDVRd3.mjs";
+import { d as $e5be200c675c3b3a$export$75ee7c75d68f5b0e, e as $e5be200c675c3b3a$export$aca958c65c314e6c, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-SckXeoUZ.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
-import { a as $9bf71ea28793e738$export$c5251b9e124bf29, $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-CUJV-jWH.mjs";
-import { a as $8ae05eaa5c114e9c$export$7f54fc3180508a52, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, c as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-DSi85raC.mjs";
-import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CqfuY_T7.mjs";
+import { a as $9bf71ea28793e738$export$c5251b9e124bf29, $ as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-Dg66t-dG.mjs";
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, $ as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-C4OYS8Nd.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CMfwAyab.mjs";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
-import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1, b as $2f04cbc44ee30ce0$export$c826860796309d1b } from "./scrollIntoView-wURtlgJt.mjs";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DA1Lwdha.mjs";
-import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-B6VplZ_n.mjs";
-import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-BGNdxo9d.mjs";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-5f58TiCH.mjs";
+import { $ as $ef06256079686ba0$export$f8aeda7b10753fa1, b as $2f04cbc44ee30ce0$export$c826860796309d1b } from "./scrollIntoView-1v0vfaIN.mjs";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DwIsbrAk.mjs";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-DMidhx8C.mjs";
+import { $ as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./useField-CQfJ37Nt.mjs";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-ClfID0sX.mjs";
 import { $ as $62d8ded9296f3872$export$cfa2225e87938781 } from "./getScrollParent-B5CCP-yO.mjs";
-import { g as $c87311424ea30a05$export$fedb369cb70207f1, c as $c87311424ea30a05$export$9ac100e40613ea10 } from "./isVirtualEvent-B_Z4yzgm.mjs";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-B0fsKtsf.mjs";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, r as $c87311424ea30a05$export$fedb369cb70207f1, j as $c87311424ea30a05$export$9ac100e40613ea10 } from "./utils-_T25xnBK.mjs";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-DUet8f_n.mjs";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-p5KNJNTT.mjs";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "./useFilter-D-K0Oj-7.mjs";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "./useFilter-D3MAuO1e.mjs";
 import { a as $319e236875307eab$export$d10ae4f68404609a, $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./LiveAnnouncer-BSV5-C0m.mjs";
-import { V as VerticalStack } from "./VerticalStack-yZwmajIO.mjs";
-import { T as Text } from "./Text-DAilskpC.mjs";
-import { $ as $f2f8a6077418541e$export$542a6fd13ac93354, c as DEFAULT_PLACEMENT, O as OVERLAY_OFFSET, d as OVERLAY_PADDING_FROM_CONTAINER, a as $86ea4cb521eb2e37$export$2317d149ed6f78c4 } from "./utilities-CczOI9Hn.mjs";
-import { d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-zuiAML3I.mjs";
+import { V as VerticalStack } from "./VerticalStack-7ngWLZ9D.mjs";
+import { T as Text } from "./Text-Bx5xQvLg.mjs";
+import { $ as $f2f8a6077418541e$export$542a6fd13ac93354, c as DEFAULT_PLACEMENT, O as OVERLAY_OFFSET, d as OVERLAY_PADDING_FROM_CONTAINER, a as $86ea4cb521eb2e37$export$2317d149ed6f78c4 } from "./utilities-9S1EwfZA.mjs";
+import { d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-BtkNBEyr.mjs";
 const $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
 const $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
   "latn",
@@ -879,7 +879,7 @@ const $3e3ed55ab2966714$var$placeholders = new $5b160d28a433310d$export$c17fa478
     day: "gg"
   },
   ja: {
-    year: " 年 ",
+    year: "年",
     month: "月",
     day: "日"
   },
@@ -1176,27 +1176,15 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     displayValue,
     timeZone
   ]);
-  let segments = useMemo(() => dateFormatter.formatToParts(dateValue).map((segment) => {
-    let isEditable = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type];
-    if (segment.type === "era" && calendar.getEras().length === 1) isEditable = false;
-    let isPlaceholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type];
-    let placeholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] ? $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(segment.type, segment.value, locale) : null;
-    return __spreadProps(__spreadValues({
-      type: $3c0fc76039f1c516$var$TYPE_MAPPING[segment.type] || segment.type,
-      text: isPlaceholder ? placeholder : segment.value
-    }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, segment.type, resolvedOptions)), {
-      isPlaceholder,
-      placeholder,
-      isEditable
-    });
-  }), [
+  let segments = useMemo(() => $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFormatter, resolvedOptions, displayValue, calendar, locale, granularity), [
     dateValue,
     validSegments,
     dateFormatter,
     resolvedOptions,
     displayValue,
     calendar,
-    locale
+    locale,
+    granularity
   ]);
   if (allSegments.era && validSegments.year && !validSegments.era) {
     validSegments.era = true;
@@ -1287,7 +1275,10 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
         else if (!isPM && shouldBePM) value2 = displayValue.set({
           hour: displayValue.hour + 12
         });
-      } else if (part in displayValue) value2 = displayValue.set({
+      } else if (part === "hour" && "hour" in displayValue && displayValue.hour >= 12 && validSegments.dayPeriod) value2 = displayValue.set({
+        hour: placeholder["hour"] + 12
+      });
+      else if (part in displayValue) value2 = displayValue.set({
         [part]: placeholder[part]
       });
       setDate(null);
@@ -1306,6 +1297,60 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     }
   });
 }
+function $3c0fc76039f1c516$var$processSegments(dateValue, validSegments, dateFormatter, resolvedOptions, displayValue, calendar, locale, granularity) {
+  let timeValue = [
+    "hour",
+    "minute",
+    "second"
+  ];
+  let segments = dateFormatter.formatToParts(dateValue);
+  let processedSegments = [];
+  for (let segment of segments) {
+    let isEditable = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type];
+    if (segment.type === "era" && calendar.getEras().length === 1) isEditable = false;
+    let isPlaceholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type];
+    let placeholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] ? $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(segment.type, segment.value, locale) : null;
+    let dateSegment = __spreadProps(__spreadValues({
+      type: $3c0fc76039f1c516$var$TYPE_MAPPING[segment.type] || segment.type,
+      text: isPlaceholder ? placeholder : segment.value
+    }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, segment.type, resolvedOptions)), {
+      isPlaceholder,
+      placeholder,
+      isEditable
+    });
+    if (segment.type === "hour") {
+      processedSegments.push(__spreadProps(__spreadValues({
+        type: "literal",
+        text: "⁦"
+      }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, "literal", resolvedOptions)), {
+        isPlaceholder: false,
+        placeholder: "",
+        isEditable: false
+      }));
+      processedSegments.push(dateSegment);
+      if (segment.type === granularity) processedSegments.push(__spreadProps(__spreadValues({
+        type: "literal",
+        text: "⁩"
+      }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, "literal", resolvedOptions)), {
+        isPlaceholder: false,
+        placeholder: "",
+        isEditable: false
+      }));
+    } else if (timeValue.includes(segment.type) && segment.type === granularity) {
+      processedSegments.push(dateSegment);
+      processedSegments.push(__spreadProps(__spreadValues({
+        type: "literal",
+        text: "⁩"
+      }, $3c0fc76039f1c516$var$getSegmentLimits(displayValue, "literal", resolvedOptions)), {
+        isPlaceholder: false,
+        placeholder: "",
+        isEditable: false
+      }));
+    } else
+      processedSegments.push(dateSegment);
+  }
+  return processedSegments;
+}
 function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
   switch (type) {
     case "era": {
@@ -2438,14 +2483,24 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
       case "ArrowLeft":
         e.preventDefault();
         e.stopPropagation();
-        if (direction === "rtl") focusManager.focusNext();
-        else focusManager.focusPrevious();
+        if (direction === "rtl") {
+          if (ref.current) {
+            let target = e.target;
+            let prev = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, -1);
+            if (prev) prev.focus();
+          }
+        } else focusManager.focusPrevious();
         break;
       case "ArrowRight":
         e.preventDefault();
         e.stopPropagation();
-        if (direction === "rtl") focusManager.focusPrevious();
-        else focusManager.focusNext();
+        if (direction === "rtl") {
+          if (ref.current) {
+            let target = e.target;
+            let next = $3dfb0f96be0d6a08$var$findNextSegment(ref.current, target.getBoundingClientRect().left, 1);
+            if (next) next.focus();
+          }
+        } else focusManager.focusNext();
         break;
     }
   };
@@ -2488,6 +2543,25 @@ function $3dfb0f96be0d6a08$export$4a931266a3838b86(state, ref, disableArrowNavig
     onKeyDown
   });
 }
+function $3dfb0f96be0d6a08$var$findNextSegment(group, fromX, direction) {
+  let walker = $9bf71ea28793e738$export$2d6ec8fc375ceafa(group, {
+    tabbable: true
+  });
+  let node = walker.nextNode();
+  let closest = null;
+  let closestDistance = Infinity;
+  while (node) {
+    let x = node.getBoundingClientRect().left;
+    let distance = x - fromX;
+    let absoluteDistance = Math.abs(distance);
+    if (Math.sign(distance) === direction && absoluteDistance < closestDistance) {
+      closest = node;
+      closestDistance = absoluteDistance;
+    }
+    node = walker.nextNode();
+  }
+  return closest;
+}
 function $parcel$interopDefault$1(a) {
   return a && a.__esModule ? a.default : a;
 }
@@ -2593,6 +2667,9 @@ function $16f0b7bb276bc17e$export$5591b0b878c1a989(props, state, ref) {
       },
       onKeyUp(e) {
         if (props.onKeyUp) props.onKeyUp(e);
+      },
+      style: {
+        unicodeBidi: "isolate"
       }
     }),
     inputProps,
@@ -2633,7 +2710,7 @@ class $3aeceb3a64eb8358$var$DisplayNamesPolyfill {
 }
 function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
   let enteredKeys = useRef("");
-  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  let { locale, direction } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
   let displayNames = $3aeceb3a64eb8358$export$d42c60378c8168f8();
   let { ariaLabel, ariaLabelledBy, ariaDescribedBy, focusManager } = $16f0b7bb276bc17e$export$653eddfc964b0f8a.get(state);
   let textValue = segment.isPlaceholder ? "" : segment.text;
@@ -2895,6 +2972,14 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
       "aria-hidden": true
     }
   };
+  let segmentStyle = {
+    caretColor: "transparent"
+  };
+  if (direction === "rtl") {
+    segmentStyle.unicodeBidi = "embed";
+    let format = options[segment.type];
+    if (format === "numeric" || format === "2-digit") segmentStyle.direction = "ltr";
+  }
   return {
     segmentProps: $3ef42575df84b30b$export$9d1611c77c2fe928(spinButtonProps, labelProps, __spreadProps(__spreadValues({
       id
@@ -2913,9 +2998,7 @@ function $32489daedd52963e$export$1315d136e6f7581(segment, state, ref) {
       tabIndex: state.isDisabled ? void 0 : 0,
       onKeyDown,
       onFocus,
-      style: {
-        caretColor: "transparent"
-      },
+      style: segmentStyle,
       // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
       onPointerDown(e) {
         e.stopPropagation();
@@ -2972,16 +3055,16 @@ const CalendarMonth = (_a) => {
     d: "M197.69-100q-23.53 0-40.61-17.08T140-157.69v-579.23q0-23.53 17.08-40.61t40.61-17.08h73.85v-70h50.38v70h317.69v-70h49.23v70h73.47q23.53 0 40.61 17.08T820-736.92v579.23q0 23.53-17.08 40.61T762.31-100H197.69Zm0-45.39h564.62q4.61 0 8.46-3.84 3.84-3.85 3.84-8.46V-555H185.39v397.31q0 4.61 3.84 8.46 3.85 3.84 8.46 3.84Zm-12.3-454.99h589.22v-136.54q0-4.62-3.84-8.46-3.85-3.85-8.46-3.85H197.69q-4.61 0-8.46 3.85-3.84 3.84-3.84 8.46v136.54Zm0 0v-148.85 148.85ZM480-396.92q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35Zm-160 0q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35Zm320 0q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35ZM480-240q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q494.69-240 480-240Zm-160 0q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q334.69-240 320-240Zm320 0q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q654.69-240 640-240Z"
   }));
 };
-const DatePicker = "_DatePicker_1pt5b_5";
-const datePickerTrigger = "_datePickerTrigger_1pt5b_26";
-const datePickerTriggerContainer = "_datePickerTriggerContainer_1pt5b_64";
-const datePickerSm = "_datePickerSm_1pt5b_70";
-const disabled = "_disabled_1pt5b_83";
-const errorInput = "_errorInput_1pt5b_99";
-const underlay = "_underlay_1pt5b_107";
-const dialog = "_dialog_1pt5b_112";
-const DateSegment$1 = "_DateSegment_1pt5b_122";
-const literalSegment = "_literalSegment_1pt5b_131";
+const DatePicker = "_DatePicker_zx72s_5";
+const datePickerTrigger = "_datePickerTrigger_zx72s_26";
+const datePickerTriggerContainer = "_datePickerTriggerContainer_zx72s_64";
+const datePickerSm = "_datePickerSm_zx72s_70";
+const disabled = "_disabled_zx72s_83";
+const errorInput = "_errorInput_zx72s_99";
+const underlay = "_underlay_zx72s_107";
+const dialog = "_dialog_zx72s_112";
+const DateSegment$1 = "_DateSegment_zx72s_122";
+const literalSegment = "_literalSegment_zx72s_131";
 const styles = {
   DatePicker,
   datePickerTrigger,