@okam/stack-ui 1.32.4 → 1.32.5

package/index145.mjs

@@ -1,117 +1,42 @@
-import { alignCenter as z, isInvalid as h, constrainValue as H, previousAvailableDate as J } from "./index231.mjs";
-import { useCalendarState as K } from "./index125.mjs";
-import { GregorianCalendar as Q } from "./index184.mjs";
-import { toCalendarDate as S, toCalendar as T } from "./index170.mjs";
-import { maxDate as W, minDate as X, isEqualDay as q } from "./index153.mjs";
-import { useControlledState as Y } from "./index157.mjs";
-import { useState as g, useRef as Z, useMemo as p } from "react";
-function oe(a) {
-  let { value: l, defaultValue: u, onChange: i, createCalendar: L, locale: A, visibleDuration: m = {
-    months: 1
-  }, minValue: c, maxValue: f, ...M } = a, [e, U] = Y(l, u || null, i), [r, V] = g(null), I = "center";
-  if (e && e.start && e.end) {
-    let s = z(S(e.start), m, A, c, f).add(m).subtract({
-      days: 1
-    });
-    e.end.compare(s) > 0 && (I = "start");
-  }
-  let v = Z(null), [d, y] = g(null), _ = p(() => W(c, d == null ? void 0 : d.start), [
-    c,
-    d
-  ]), E = p(() => X(f, d == null ? void 0 : d.end), [
-    f,
-    d
-  ]), n = K({
-    ...M,
-    value: e && e.start,
-    createCalendar: L,
-    locale: A,
-    visibleDuration: m,
-    minValue: _,
-    maxValue: E,
-    selectionAlignment: I
-  }), D = (t) => {
-    if (t && a.isDateUnavailable && !a.allowsNonContiguousRanges) {
-      const s = G(t, n, -1), o = G(t, n, 1);
-      v.current = {
-        start: s,
-        end: o
-      }, y(v.current);
-    } else
-      v.current = null, y(null);
-  }, [F, N] = g(n.visibleRange);
-  (!q(n.visibleRange.start, F.start) || !q(n.visibleRange.end, F.end)) && (D(r), N(n.visibleRange));
-  let R = (t) => {
-    t ? (V(t), D(t)) : (V(null), D(null));
-  }, b = r ? C(r, n.focusedDate) : e && C(e.start, e.end), P = (t) => {
-    if (a.isReadOnly) return;
-    const s = H(t, _, E), o = J(s, n.visibleRange.start, a.isDateUnavailable);
-    if (o)
-      if (!r) R(o);
-      else {
-        let x = C(r, o);
-        x && U({
-          start: B(x.start, e == null ? void 0 : e.start),
-          end: B(x.end, e == null ? void 0 : e.end)
-        }), R(null);
-      }
-  }, [O, j] = g(!1), { isDateUnavailable: $ } = a, w = p(() => !e || r ? !1 : $ && ($(e.start) || $(e.end)) ? !0 : h(e.start, c, f) || h(e.end, c, f), [
-    $,
-    e,
-    r,
-    c,
-    f
-  ]), k = a.isInvalid || a.validationState === "invalid" || w;
-  return {
-    ...n,
-    value: e,
-    setValue: U,
-    anchorDate: r,
-    setAnchorDate: R,
-    highlightedRange: b,
-    validationState: k ? "invalid" : null,
-    isValueInvalid: k,
-    selectFocusedDate() {
-      P(n.focusedDate);
-    },
-    selectDate: P,
-    highlightDate(t) {
-      r && n.setFocusedDate(t);
-    },
-    isSelected(t) {
-      return !!(b && t.compare(b.start) >= 0 && t.compare(b.end) <= 0 && !n.isCellDisabled(t) && !n.isCellUnavailable(t));
-    },
-    isInvalid(t) {
-      var s, o;
-      return n.isInvalid(t) || h(t, (s = v.current) === null || s === void 0 ? void 0 : s.start, (o = v.current) === null || o === void 0 ? void 0 : o.end);
-    },
-    isDragging: O,
-    setDragging: j
-  };
-}
-function C(a, l) {
-  return !a || !l ? null : (l.compare(a) < 0 && ([a, l] = [
-    l,
-    a
-  ]), {
-    start: S(a),
-    end: S(l)
-  });
-}
-function B(a, l) {
-  return a = T(a, (l == null ? void 0 : l.calendar) || new Q()), l && "hour" in l ? l.set(a) : a;
-}
-function G(a, l, u) {
-  let i = a.add({
-    days: u
-  });
-  for (; (u < 0 ? i.compare(l.visibleRange.start) >= 0 : i.compare(l.visibleRange.end) <= 0) && !l.isCellUnavailable(i); ) i = i.add({
-    days: u
-  });
-  if (l.isCellUnavailable(i)) return i.add({
-    days: -u
+import { ariaHideOutside as u } from "./index335.mjs";
+import { useOverlayPosition as $ } from "./index328.mjs";
+import { useOverlay as m } from "./index331.mjs";
+import { usePreventScroll as O } from "./index333.mjs";
+import { mergeProps as b } from "./index156.mjs";
+import { useLayoutEffect as P } from "./index172.mjs";
+function R(a, e) {
+  let { triggerRef: i, popoverRef: r, isNonModal: o, isKeyboardDismissDisabled: p, shouldCloseOnInteractOutside: d, ...s } = a, { overlayProps: l, underlayProps: t } = m({
+    // If popover is in the top layer, it should not prevent other popovers from being dismissed.
+    isOpen: e.isOpen && !s["data-react-aria-top-layer"],
+    onClose: e.close,
+    shouldCloseOnBlur: !0,
+    isDismissable: !o,
+    isKeyboardDismissDisabled: p,
+    shouldCloseOnInteractOutside: d
+  }, r), { overlayProps: n, arrowProps: c, placement: f } = $({
+    ...s,
+    targetRef: i,
+    overlayRef: r,
+    isOpen: e.isOpen,
+    onClose: o ? e.close : void 0
   });
+  return O({
+    isDisabled: o || !e.isOpen
+  }), P(() => {
+    if (e.isOpen && !o && r.current) return u([
+      r.current
+    ]);
+  }, [
+    o,
+    e.isOpen,
+    r
+  ]), {
+    popoverProps: b(l, n),
+    arrowProps: c,
+    underlayProps: t,
+    placement: f
+  };
 }
 export {
-  oe as useRangeCalendarState
+  R as usePopover
 };

package/index146.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index285.js"),r=require("react"),u=require("./index171.js"),a=require("@react-aria/i18n"),c=require("./index111.js");function d(e){return e&&e.__esModule?e.default:e}function m(e){let{onDismiss:t,...i}=e,s=a.useLocalizedStringFormatter(d(o),"@react-aria/overlays"),n=u.useLabels(i,s.format("dismiss")),l=()=>{t&&t()};return r.createElement(c.VisuallyHidden,null,r.createElement("button",{...n,tabIndex:-1,onClick:l,style:{width:1,height:1}}))}exports.DismissButton=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index336.js"),f=require("./index337.js"),C=require("@react-aria/focus"),e=require("react"),S=require("react-dom"),b=require("./index271.js"),l=e.createContext(null);function P(n){let c=b.useIsSSR(),{portalContainer:r=c?null:document.body,isExiting:s}=n,[o,a]=e.useState(!1),u=e.useMemo(()=>({contain:o,setContain:a}),[o,a]),{getContainer:i}=d.useUNSTABLE_PortalContext();if(!n.portalContainer&&i&&(r=i()),!r)return null;let t=n.children;return n.disableFocusManagement||(t=e.createElement(C.FocusScope,{restoreFocus:!0,contain:o&&!s},t)),t=e.createElement(l.Provider,{value:u},e.createElement(f.ClearPressResponder,null,t)),S.createPortal(t,r)}exports.Overlay=P;exports.OverlayContext=l;

package/index146.mjs

@@ -1,25 +1,28 @@
-import l from "./index285.mjs";
-import r from "react";
-import { useLabels as n } from "./index171.mjs";
-import { useLocalizedStringFormatter as m } from "@react-aria/i18n";
-import { VisuallyHidden as f } from "./index111.mjs";
-function c(e) {
-  return e && e.__esModule ? e.default : e;
-}
-function x(e) {
-  let { onDismiss: t, ...o } = e, i = m(c(l), "@react-aria/overlays"), s = n(o, i.format("dismiss")), a = () => {
-    t && t();
-  };
-  return /* @__PURE__ */ r.createElement(f, null, /* @__PURE__ */ r.createElement("button", {
-    ...s,
-    tabIndex: -1,
-    onClick: a,
-    style: {
-      width: 1,
-      height: 1
-    }
-  }));
+import { useUNSTABLE_PortalContext as f } from "./index336.mjs";
+import { ClearPressResponder as m } from "./index337.mjs";
+import { FocusScope as u } from "@react-aria/focus";
+import o, { useState as $, useMemo as b } from "react";
+import d from "react-dom";
+import { useIsSSR as x } from "./index271.mjs";
+const p = /* @__PURE__ */ o.createContext(null);
+function P(t) {
+  let i = x(), { portalContainer: a = i ? null : document.body, isExiting: c } = t, [r, n] = $(!1), s = b(() => ({
+    contain: r,
+    setContain: n
+  }), [
+    r,
+    n
+  ]), { getContainer: l } = f();
+  if (!t.portalContainer && l && (a = l()), !a) return null;
+  let e = t.children;
+  return t.disableFocusManagement || (e = /* @__PURE__ */ o.createElement(u, {
+    restoreFocus: !0,
+    contain: r && !c
+  }, e)), e = /* @__PURE__ */ o.createElement(p.Provider, {
+    value: s
+  }, /* @__PURE__ */ o.createElement(m, null, e)), /* @__PURE__ */ d.createPortal(e, a);
 }
 export {
-  x as DismissButton
+  P as Overlay,
+  p as OverlayContext
 };

package/index147.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./index286.js"),P=require("./index277.js"),y=require("./index281.js"),f=require("./index283.js"),v=require("./index158.js"),b=require("./index172.js");function m(i,e){let{triggerRef:l,popoverRef:r,isNonModal:s,isKeyboardDismissDisabled:n,shouldCloseOnInteractOutside:a,...o}=i,{overlayProps:t,underlayProps:u}=y.useOverlay({isOpen:e.isOpen&&!o["data-react-aria-top-layer"],onClose:e.close,shouldCloseOnBlur:!0,isDismissable:!s,isKeyboardDismissDisabled:n,shouldCloseOnInteractOutside:a},r),{overlayProps:p,arrowProps:d,placement:c}=P.useOverlayPosition({...o,targetRef:l,overlayRef:r,isOpen:e.isOpen,onClose:s?e.close:void 0});return f.usePreventScroll({isDisabled:s||!e.isOpen}),b.useLayoutEffect(()=>{if(e.isOpen&&!s&&r.current)return O.ariaHideOutside([r.current])},[s,e.isOpen,r]),{popoverProps:v.mergeProps(t,p),arrowProps:d,underlayProps:u,placement:c}}exports.usePopover=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("./index148.js"),A=require("./index168.js"),G=require("./index169.js"),J=require("./index170.js"),Q=require("./index139.js"),X=require("./index156.js"),Y=require("./index171.js"),g=require("./index172.js"),ee=require("./index173.js"),R=require("./index174.js"),P=require("./index175.js"),re=require("./index176.js"),te=require("./index177.js"),u=require("react"),p=require("@react-aria/i18n"),ae=require("./index178.js");function ie(r,t,n){let l=u.useRef(""),{locale:x}=p.useLocale(),M=A.useDisplayNames(),{ariaLabel:D,ariaLabelledBy:V,ariaDescribedBy:w,focusManager:c}=z.hookData.get(t),f=r.isPlaceholder?"":r.text,h=u.useMemo(()=>t.dateFormatter.resolvedOptions(),[t.dateFormatter]),T=p.useDateFormatter({month:"long",timeZone:h.timeZone}),k=p.useDateFormatter({hour:"numeric",hour12:h.hour12,timeZone:h.timeZone});if(r.type==="month"&&!r.isPlaceholder){let e=T.format(t.dateValue);f=e!==f?`${f} – ${e}`:e}else r.type==="hour"&&!r.isPlaceholder&&(f=k.format(t.dateValue));let{spinButtonProps:I}=ae.useSpinButton({value:r.value,textValue:f,minValue:r.minValue,maxValue:r.maxValue,isDisabled:t.isDisabled,isReadOnly:t.isReadOnly||!r.isEditable,isRequired:t.isRequired,onIncrement:()=>{l.current="",t.increment(r.type)},onDecrement:()=>{l.current="",t.decrement(r.type)},onIncrementPage:()=>{l.current="",t.incrementPage(r.type)},onDecrementPage:()=>{l.current="",t.decrementPage(r.type)},onIncrementToMax:()=>{l.current="",r.maxValue!==void 0&&t.setSegment(r.type,r.maxValue)},onDecrementToMin:()=>{l.current="",r.minValue!==void 0&&t.setSegment(r.type,r.minValue)}}),d=u.useMemo(()=>new te.NumberParser(x,{maximumFractionDigits:0}),[x]),S=()=>{if(r.text===r.placeholder&&c.focusPrevious(),d.isValidPartialNumber(r.text)&&!t.isReadOnly&&!r.isPlaceholder){let e=r.text.slice(0,-1),a=d.parse(e);e=a===0?"":e,e.length===0||a===0?t.clearSegment(r.type):t.setSegment(r.type,a),l.current=e}else r.type==="dayPeriod"&&t.clearSegment(r.type)},O=e=>{if(e.key==="a"&&(R.isMac()?e.metaKey:e.ctrlKey)&&e.preventDefault(),!(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey))switch(e.key){case"Backspace":case"Delete":e.preventDefault(),e.stopPropagation(),S();break}},{startsWith:m}=p.useFilter({sensitivity:"base"}),y=p.useDateFormatter({hour:"numeric",hour12:!0}),q=u.useMemo(()=>{let e=new Date;return e.setHours(0),y.formatToParts(e).find(a=>a.type==="dayPeriod").value},[y]),C=u.useMemo(()=>{let e=new Date;return e.setHours(12),y.formatToParts(e).find(a=>a.type==="dayPeriod").value},[y]),F=p.useDateFormatter({year:"numeric",era:"narrow",timeZone:"UTC"}),$=u.useMemo(()=>{if(r.type!=="era")return[];let e=J.toCalendar(new G.CalendarDate(1,1,1),t.calendar),a=t.calendar.getEras().map(o=>{let b=e.set({year:1,month:1,day:1,era:o}).toDate("UTC"),_=F.formatToParts(b).find(j=>j.type==="era").value;return{era:o,formatted:_}}),i=ne(a.map(o=>o.formatted));if(i)for(let o of a)o.formatted=o.formatted.slice(i);return a},[F,t.calendar,r.type]),N=e=>{if(t.isDisabled||t.isReadOnly)return;let a=l.current+e;switch(r.type){case"dayPeriod":if(m(q,e))t.setSegment("dayPeriod",0);else if(m(C,e))t.setSegment("dayPeriod",12);else break;c.focusNext();break;case"era":{let i=$.find(o=>m(o.formatted,e));i&&(t.setSegment("era",i.era),c.focusNext());break}case"day":case"hour":case"minute":case"second":case"month":case"year":{if(!d.isValidPartialNumber(a))return;let i=d.parse(a),o=i,b=r.minValue===0;if(r.type==="hour"&&t.dateFormatter.resolvedOptions().hour12){switch(t.dateFormatter.resolvedOptions().hourCycle){case"h11":i>11&&(o=d.parse(e));break;case"h12":b=!1,i>12&&(o=d.parse(e));break}r.value!==void 0&&r.value>=12&&i>1&&(i+=12)}else r.maxValue!==void 0&&i>r.maxValue&&(o=d.parse(e));if(isNaN(i))return;let v=o!==0||b;v&&t.setSegment(r.type,o),r.maxValue!==void 0&&(+(i+"0")>r.maxValue||a.length>=String(r.maxValue).length)?(l.current="",v&&c.focusNext()):l.current=a;break}}},L=()=>{l.current="",n.current&&re.scrollIntoViewport(n.current,{containingElement:ee.getScrollParent(n.current)});let e=window.getSelection();e==null||e.collapse(n.current)},B=u.useRef(typeof document<"u"?document:null);P.useEvent(B,"selectionchange",()=>{var e;let a=window.getSelection();a!=null&&a.anchorNode&&(!((e=n.current)===null||e===void 0)&&e.contains(a==null?void 0:a.anchorNode))&&a.collapse(n.current)});let E=u.useRef("");P.useEvent(n,"beforeinput",e=>{if(n.current)switch(e.preventDefault(),e.inputType){case"deleteContentBackward":case"deleteContentForward":d.isValidPartialNumber(r.text)&&!t.isReadOnly&&S();break;case"insertCompositionText":E.current=n.current.textContent,n.current.textContent=n.current.textContent;break;default:e.data!=null&&N(e.data);break}}),P.useEvent(n,"input",e=>{let{inputType:a,data:i}=e;switch(a){case"insertCompositionText":n.current&&(n.current.textContent=E.current),i!=null&&(m(q,i)||m(C,i))&&N(i);break}}),g.useLayoutEffect(()=>{let e=n.current;return()=>{document.activeElement===e&&(c.focusPrevious()||c.focusNext())}},[n,c]);let K=R.isIOS()||r.type==="timeZoneName"?{role:"textbox","aria-valuemax":null,"aria-valuemin":null,"aria-valuetext":null,"aria-valuenow":null}:{},Z=u.useMemo(()=>t.segments.find(e=>e.isEditable),[t.segments]);r!==Z&&!t.isInvalid&&(w=void 0);let H=Q.useId(),s=!t.isDisabled&&!t.isReadOnly&&r.isEditable,W=r.type==="literal"?"":M.of(r.type),U=Y.useLabels({"aria-label":`${W}${D?`, ${D}`:""}${V?", ":""}`,"aria-labelledby":V});return r.type==="literal"?{segmentProps:{"aria-hidden":!0}}:{segmentProps:X.mergeProps(I,U,{id:H,...K,"aria-invalid":t.isInvalid?"true":void 0,"aria-describedby":w,"aria-readonly":t.isReadOnly||!r.isEditable?"true":void 0,"data-placeholder":r.isPlaceholder||void 0,contentEditable:s,suppressContentEditableWarning:s,spellCheck:s?"false":void 0,autoCorrect:s?"off":void 0,[parseInt(u.version,10)>=17?"enterKeyHint":"enterkeyhint"]:s?"next":void 0,inputMode:t.isDisabled||r.type==="dayPeriod"||r.type==="era"||!s?void 0:"numeric",tabIndex:t.isDisabled?void 0:0,onKeyDown:O,onFocus:L,style:{caretColor:"transparent"},onPointerDown(e){e.stopPropagation()},onMouseDown(e){e.stopPropagation()}})}}function ne(r){r.sort();let t=r[0],n=r[r.length-1];for(let l=0;l<t.length;l++)if(t[l]!==n[l])return l;return 0}exports.useDateSegment=ie;

package/index147.mjs

@@ -1,42 +1,258 @@
-import { ariaHideOutside as u } from "./index286.mjs";
-import { useOverlayPosition as $ } from "./index277.mjs";
-import { useOverlay as m } from "./index281.mjs";
-import { usePreventScroll as O } from "./index283.mjs";
-import { mergeProps as b } from "./index158.mjs";
-import { useLayoutEffect as P } from "./index172.mjs";
-function R(a, e) {
-  let { triggerRef: i, popoverRef: r, isNonModal: o, isKeyboardDismissDisabled: p, shouldCloseOnInteractOutside: d, ...s } = a, { overlayProps: l, underlayProps: t } = m({
-    // If popover is in the top layer, it should not prevent other popovers from being dismissed.
-    isOpen: e.isOpen && !s["data-react-aria-top-layer"],
-    onClose: e.close,
-    shouldCloseOnBlur: !0,
-    isDismissable: !o,
-    isKeyboardDismissDisabled: p,
-    shouldCloseOnInteractOutside: d
-  }, r), { overlayProps: n, arrowProps: c, placement: f } = $({
-    ...s,
-    targetRef: i,
-    overlayRef: r,
-    isOpen: e.isOpen,
-    onClose: o ? e.close : void 0
+import { hookData as z } from "./index148.mjs";
+import { useDisplayNames as A } from "./index168.mjs";
+import { CalendarDate as G } from "./index169.mjs";
+import { toCalendar as J } from "./index170.mjs";
+import { useId as Q } from "./index139.mjs";
+import { mergeProps as X } from "./index156.mjs";
+import { useLabels as Y } from "./index171.mjs";
+import { useLayoutEffect as g } from "./index172.mjs";
+import { getScrollParent as ee } from "./index173.mjs";
+import { isIOS as re, isMac as ae } from "./index174.mjs";
+import { useEvent as h } from "./index175.mjs";
+import { scrollIntoViewport as te } from "./index176.mjs";
+import { NumberParser as ie } from "./index177.mjs";
+import oe, { useRef as v, useMemo as f } from "react";
+import { useLocale as le, useDateFormatter as y, useFilter as ne } from "@react-aria/i18n";
+import { useSpinButton as de } from "./index178.mjs";
+function Ce(r, a, o) {
+  let l = v(""), { locale: P } = le(), T = A(), { ariaLabel: D, ariaLabelledBy: V, ariaDescribedBy: w, focusManager: u } = z.get(a), p = r.isPlaceholder ? "" : r.text, $ = f(() => a.dateFormatter.resolvedOptions(), [
+    a.dateFormatter
+  ]), E = y({
+    month: "long",
+    timeZone: $.timeZone
+  }), O = y({
+    hour: "numeric",
+    hour12: $.hour12,
+    timeZone: $.timeZone
   });
-  return O({
-    isDisabled: o || !e.isOpen
-  }), P(() => {
-    if (e.isOpen && !o && r.current) return u([
-      r.current
-    ]);
+  if (r.type === "month" && !r.isPlaceholder) {
+    let e = E.format(a.dateValue);
+    p = e !== p ? `${p} – ${e}` : e;
+  } else r.type === "hour" && !r.isPlaceholder && (p = O.format(a.dateValue));
+  let { spinButtonProps: I } = de({
+    // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
+    // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
+    // https://github.com/dequelabs/axe-core/issues/3505
+    value: r.value,
+    textValue: p,
+    minValue: r.minValue,
+    maxValue: r.maxValue,
+    isDisabled: a.isDisabled,
+    isReadOnly: a.isReadOnly || !r.isEditable,
+    isRequired: a.isRequired,
+    onIncrement: () => {
+      l.current = "", a.increment(r.type);
+    },
+    onDecrement: () => {
+      l.current = "", a.decrement(r.type);
+    },
+    onIncrementPage: () => {
+      l.current = "", a.incrementPage(r.type);
+    },
+    onDecrementPage: () => {
+      l.current = "", a.decrementPage(r.type);
+    },
+    onIncrementToMax: () => {
+      l.current = "", r.maxValue !== void 0 && a.setSegment(r.type, r.maxValue);
+    },
+    onDecrementToMin: () => {
+      l.current = "", r.minValue !== void 0 && a.setSegment(r.type, r.minValue);
+    }
+  }), d = f(() => new ie(P, {
+    maximumFractionDigits: 0
+  }), [
+    P
+  ]), S = () => {
+    if (r.text === r.placeholder && u.focusPrevious(), d.isValidPartialNumber(r.text) && !a.isReadOnly && !r.isPlaceholder) {
+      let e = r.text.slice(0, -1), t = d.parse(e);
+      e = t === 0 ? "" : e, e.length === 0 || t === 0 ? a.clearSegment(r.type) : a.setSegment(r.type, t), l.current = e;
+    } else r.type === "dayPeriod" && a.clearSegment(r.type);
+  }, K = (e) => {
+    if (e.key === "a" && (ae() ? e.metaKey : e.ctrlKey) && e.preventDefault(), !(e.ctrlKey || e.metaKey || e.shiftKey || e.altKey))
+      switch (e.key) {
+        case "Backspace":
+        case "Delete":
+          e.preventDefault(), e.stopPropagation(), S();
+          break;
+      }
+  }, { startsWith: s } = ne({
+    sensitivity: "base"
+  }), m = y({
+    hour: "numeric",
+    hour12: !0
+  }), C = f(() => {
+    let e = /* @__PURE__ */ new Date();
+    return e.setHours(0), m.formatToParts(e).find((t) => t.type === "dayPeriod").value;
+  }, [
+    m
+  ]), N = f(() => {
+    let e = /* @__PURE__ */ new Date();
+    return e.setHours(12), m.formatToParts(e).find((t) => t.type === "dayPeriod").value;
+  }, [
+    m
+  ]), F = y({
+    year: "numeric",
+    era: "narrow",
+    timeZone: "UTC"
+  }), B = f(() => {
+    if (r.type !== "era") return [];
+    let e = J(new G(1, 1, 1), a.calendar), t = a.calendar.getEras().map((n) => {
+      let b = e.set({
+        year: 1,
+        month: 1,
+        day: 1,
+        era: n
+      }).toDate("UTC"), U = F.formatToParts(b).find((j) => j.type === "era").value;
+      return {
+        era: n,
+        formatted: U
+      };
+    }), i = ue(t.map((n) => n.formatted));
+    if (i) for (let n of t) n.formatted = n.formatted.slice(i);
+    return t;
+  }, [
+    F,
+    a.calendar,
+    r.type
+  ]), k = (e) => {
+    if (a.isDisabled || a.isReadOnly) return;
+    let t = l.current + e;
+    switch (r.type) {
+      case "dayPeriod":
+        if (s(C, e)) a.setSegment("dayPeriod", 0);
+        else if (s(N, e)) a.setSegment("dayPeriod", 12);
+        else break;
+        u.focusNext();
+        break;
+      case "era": {
+        let i = B.find((n) => s(n.formatted, e));
+        i && (a.setSegment("era", i.era), u.focusNext());
+        break;
+      }
+      case "day":
+      case "hour":
+      case "minute":
+      case "second":
+      case "month":
+      case "year": {
+        if (!d.isValidPartialNumber(t)) return;
+        let i = d.parse(t), n = i, b = r.minValue === 0;
+        if (r.type === "hour" && a.dateFormatter.resolvedOptions().hour12) {
+          switch (a.dateFormatter.resolvedOptions().hourCycle) {
+            case "h11":
+              i > 11 && (n = d.parse(e));
+              break;
+            case "h12":
+              b = !1, i > 12 && (n = d.parse(e));
+              break;
+          }
+          r.value !== void 0 && r.value >= 12 && i > 1 && (i += 12);
+        } else r.maxValue !== void 0 && i > r.maxValue && (n = d.parse(e));
+        if (isNaN(i)) return;
+        let x = n !== 0 || b;
+        x && a.setSegment(r.type, n), r.maxValue !== void 0 && (+(i + "0") > r.maxValue || t.length >= String(r.maxValue).length) ? (l.current = "", x && u.focusNext()) : l.current = t;
+        break;
+      }
+    }
+  }, L = () => {
+    l.current = "", o.current && te(o.current, {
+      containingElement: ee(o.current)
+    });
+    let e = window.getSelection();
+    e == null || e.collapse(o.current);
+  }, M = v(typeof document < "u" ? document : null);
+  h(M, "selectionchange", () => {
+    var e;
+    let t = window.getSelection();
+    t != null && t.anchorNode && (!((e = o.current) === null || e === void 0) && e.contains(t == null ? void 0 : t.anchorNode)) && t.collapse(o.current);
+  });
+  let R = v("");
+  h(o, "beforeinput", (e) => {
+    if (o.current)
+      switch (e.preventDefault(), e.inputType) {
+        case "deleteContentBackward":
+        case "deleteContentForward":
+          d.isValidPartialNumber(r.text) && !a.isReadOnly && S();
+          break;
+        case "insertCompositionText":
+          R.current = o.current.textContent, o.current.textContent = o.current.textContent;
+          break;
+        default:
+          e.data != null && k(e.data);
+          break;
+      }
+  }), h(o, "input", (e) => {
+    let { inputType: t, data: i } = e;
+    switch (t) {
+      case "insertCompositionText":
+        o.current && (o.current.textContent = R.current), i != null && (s(C, i) || s(N, i)) && k(i);
+        break;
+    }
+  }), g(() => {
+    let e = o.current;
+    return () => {
+      document.activeElement === e && (u.focusPrevious() || u.focusNext());
+    };
   }, [
     o,
-    e.isOpen,
-    r
-  ]), {
-    popoverProps: b(l, n),
-    arrowProps: c,
-    underlayProps: t,
-    placement: f
+    u
+  ]);
+  let Z = re() || r.type === "timeZoneName" ? {
+    role: "textbox",
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuetext": null,
+    "aria-valuenow": null
+  } : {}, _ = f(() => a.segments.find((e) => e.isEditable), [
+    a.segments
+  ]);
+  r !== _ && !a.isInvalid && (w = void 0);
+  let H = Q(), c = !a.isDisabled && !a.isReadOnly && r.isEditable, W = r.type === "literal" ? "" : T.of(r.type), q = Y({
+    "aria-label": `${W}${D ? `, ${D}` : ""}${V ? ", " : ""}`,
+    "aria-labelledby": V
+  });
+  return r.type === "literal" ? {
+    segmentProps: {
+      "aria-hidden": !0
+    }
+  } : {
+    segmentProps: X(I, q, {
+      id: H,
+      ...Z,
+      "aria-invalid": a.isInvalid ? "true" : void 0,
+      "aria-describedby": w,
+      "aria-readonly": a.isReadOnly || !r.isEditable ? "true" : void 0,
+      "data-placeholder": r.isPlaceholder || void 0,
+      contentEditable: c,
+      suppressContentEditableWarning: c,
+      spellCheck: c ? "false" : void 0,
+      autoCorrect: c ? "off" : void 0,
+      // Capitalization was changed in React 17...
+      [parseInt(oe.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: c ? "next" : void 0,
+      inputMode: a.isDisabled || r.type === "dayPeriod" || r.type === "era" || !c ? void 0 : "numeric",
+      tabIndex: a.isDisabled ? void 0 : 0,
+      onKeyDown: K,
+      onFocus: L,
+      style: {
+        caretColor: "transparent"
+      },
+      // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
+      onPointerDown(e) {
+        e.stopPropagation();
+      },
+      onMouseDown(e) {
+        e.stopPropagation();
+      }
+    })
   };
 }
+function ue(r) {
+  r.sort();
+  let a = r[0], o = r[r.length - 1];
+  for (let l = 0; l < a.length; l++)
+    if (a[l] !== o[l]) return l;
+  return 0;
+}
 export {
-  R as usePopover
+  Ce as useDateSegment
 };

package/index148.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index287.js"),f=require("./index288.js"),C=require("@react-aria/focus"),e=require("react"),S=require("react-dom"),b=require("./index289.js"),l=e.createContext(null);function P(n){let c=b.useIsSSR(),{portalContainer:r=c?null:document.body,isExiting:s}=n,[o,a]=e.useState(!1),u=e.useMemo(()=>({contain:o,setContain:a}),[o,a]),{getContainer:i}=d.useUNSTABLE_PortalContext();if(!n.portalContainer&&i&&(r=i()),!r)return null;let t=n.children;return n.disableFocusManagement||(t=e.createElement(C.FocusScope,{restoreFocus:!0,contain:o&&!s},t)),t=e.createElement(l.Provider,{value:u},e.createElement(f.ClearPressResponder,null,t)),S.createPortal(t,r)}exports.Overlay=P;exports.OverlayContext=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index163.js"),K=require("./index164.js"),V=require("@react-aria/focus"),D=require("./index156.js"),E=require("./index165.js"),O=require("./index166.js"),C=require("./index179.js"),l=require("react"),G=require("./index167.js"),I=require("./index161.js"),j=require("./index158.js"),L=require("@react-aria/i18n");function T(e){return e&&e.__esModule?e.default:e}const F=new WeakMap,t="__role_"+Date.now(),h="__focusManager_"+Date.now();function U(e,i,s){var u;let{isInvalid:f,validationErrors:b,validationDetails:M}=i.displayValidation,{labelProps:v,fieldProps:c,descriptionProps:p,errorMessageProps:q}=G.useField({...e,labelElementType:"span",isInvalid:f,errorMessage:e.errorMessage||b}),P=l.useRef(null),{focusWithinProps:_}=I.useFocusWithin({...e,onFocusWithin(r){var o;P.current=i.value,(o=e.onFocus)===null||o===void 0||o.call(e,r)},onBlurWithin:r=>{var o;i.confirmPlaceholder(),i.value!==P.current&&i.commitValidation(),(o=e.onBlur)===null||o===void 0||o.call(e,r)},onFocusWithinChange:e.onFocusChange}),$=L.useLocalizedStringFormatter(T(w),"@react-aria/datepicker"),B=i.maxGranularity==="hour"?"selectedTimeDescription":"selectedDateDescription",R=i.maxGranularity==="hour"?"time":"date",W=i.value?$.format(B,{[R]:i.formatValue({month:"long"})}):"",x=O.useDescription(W),m=e[t]==="presentation"?c["aria-describedby"]:[x["aria-describedby"],c["aria-describedby"]].filter(Boolean).join(" ")||void 0,g=e[h],n=l.useMemo(()=>g||V.createFocusManager(s),[g,s]),S=K.useDatePickerGroup(i,s,e[t]==="presentation");F.set(i,{ariaLabel:e["aria-label"],ariaLabelledBy:[v.id,e["aria-labelledby"]].filter(Boolean).join(" ")||void 0,ariaDescribedBy:m,focusManager:n});let y=l.useRef(e.autoFocus),d;e[t]==="presentation"?d={role:"presentation"}:d=D.mergeProps(c,{role:"group","aria-disabled":e.isDisabled||void 0,"aria-describedby":m}),l.useEffect(()=>{y.current&&n.focusFirst(),y.current=!1},[n]),C.useFormReset(e.inputRef,i.value,i.setValue),j.useFormValidation({...e,focus(){n.focusFirst()}},i,e.inputRef);let a={type:"hidden",name:e.name,value:((u=i.value)===null||u===void 0?void 0:u.toString())||"",disabled:e.isDisabled};e.validationBehavior==="native"&&(a.type="text",a.hidden=!0,a.required=e.isRequired,a.onChange=()=>{});let k=E.filterDOMProps(e);return{labelProps:{...v,onClick:()=>{n.focusFirst()}},fieldProps:D.mergeProps(k,d,S,_,{onKeyDown(r){e.onKeyDown&&e.onKeyDown(r)},onKeyUp(r){e.onKeyUp&&e.onKeyUp(r)}}),inputProps:a,descriptionProps:p,errorMessageProps:q,isInvalid:f,validationErrors:b,validationDetails:M}}exports.focusManagerSymbol=h;exports.hookData=F;exports.roleSymbol=t;exports.useDateField=U;