@viasat/beam-react 2.64.0 → 2.66.0

package/lib/wip/DateField/DateField.es.js

@@ -1,245 +1,271 @@
-import { jsxs as B, jsx as a } from "react/jsx-runtime";
-import Re from "clsx";
-import { forwardRef as Ce, useMemo as Ee, useCallback as Oe } from "react";
-import { s as r, b as Be, c as i, a as m } from "../../../chunks/DateField.Segment.BMXzpxgl.js";
-import { t as Le } from "../../../chunks/constants.Cruz2A1w.js";
-import { i as Ve } from "../../../chunks/helpers.CiQfGwdc.js";
-import { H as Te } from "../../../chunks/form.context.BDYA2JQs.js";
-import { LabelProvider as Ae } from "../../Form/contexts/label.context.es.js";
-import { HelperTextProvider as Pe } from "../../Form/contexts/helperText.context.es.js";
-import { useUniversalRef as qe } from "../../Form/hooks/useUniversalRef.hook.es.js";
-import { useIsMounted as Ke } from "../../../utils/hooks/useIsMounted.es.js";
-import { ErrorBoundary as He } from "../ErrorBoundary/ErrorBoundary.es.js";
-import { DateFieldSegments as We } from "./DateField.Segments.es.js";
-import { useDevMinMaxWarning as Ye, useDevInvalidValueWarning as _e } from "./DateField.devWarnings.es.js";
-import { getDateParts as $e, getSegmentOrder as je, toISODateString as ke, DEFAULT_LOCALE as L } from "./DateField.utils.es.js";
-import { useDateFieldFocus as Ue } from "./useDateFieldFocus.es.js";
-import { useDateFieldForm as ze } from "./useDateFieldForm.es.js";
-import { useDateFieldKeyboard as Ge } from "./useDateFieldKeyboard.es.js";
-import { useDateFieldSegments as Je } from "./useDateFieldSegments.es.js";
-import { useDateFieldValidity as Qe } from "./useDateFieldValidity.es.js";
-import { useDateFieldValue as Xe } from "./useDateFieldValue.es.js";
-import { useInvalidState as Ze } from "./useInvalidState.es.js";
-const ea = "MM/DD/YYYY", aa = () => {
-  process.env.NODE_ENV !== "production" && console.warn(
-    "DateField: segments failed to render; showing a static fallback."
-  );
-}, Ma = Ce(
+import { jsxs as Y, jsx as t } from "react/jsx-runtime";
+import Pe from "clsx";
+import { forwardRef as qe, useRef as c, useMemo as He, useCallback as o } from "react";
+import { s, b as Ke, c as u, a as g } from "../../../chunks/DateField.Segment.BMXzpxgl.js";
+import { t as je } from "../../../chunks/constants.Cruz2A1w.js";
+import { i as We } from "../../../chunks/helpers.CiQfGwdc.js";
+import { H as Ye } from "../../../chunks/form.context.BDYA2JQs.js";
+import { LabelProvider as _e } from "../../Form/contexts/label.context.es.js";
+import { HelperTextProvider as $e } from "../../Form/contexts/helperText.context.es.js";
+import { useIsMounted as ke } from "../../../utils/hooks/useIsMounted.es.js";
+import { mergeRefs as Ue } from "../../../utils/functions.es.js";
+import { ErrorBoundary as ze } from "../ErrorBoundary/ErrorBoundary.es.js";
+import { DateFieldSegments as Ge } from "./DateField.Segments.es.js";
+import { useDevMinMaxWarning as Je, useDevInvalidValueWarning as Qe } from "./DateField.devWarnings.es.js";
+import { getDateParts as Xe, getSegmentOrder as Ze, toISODateString as er, DEFAULT_LOCALE as _ } from "./DateField.utils.es.js";
+import { useDateFieldFocus as rr } from "./useDateFieldFocus.es.js";
+import { useDateFieldForm as ar } from "./useDateFieldForm.es.js";
+import { useDateFieldKeyboard as tr } from "./useDateFieldKeyboard.es.js";
+import { useDateFieldSegments as sr } from "./useDateFieldSegments.es.js";
+import { useDateFieldValidity as nr } from "./useDateFieldValidity.es.js";
+import { useDateFieldValue as lr } from "./useDateFieldValue.es.js";
+import { useInvalidState as or } from "./useInvalidState.es.js";
+const ir = "MM/DD/YYYY", dr = () => {
+  process.env.NODE_ENV !== "production" && console.warn("DateField: segments failed to render; showing a static fallback.");
+}, Br = qe(
   function({
-    value: u,
-    defaultValue: c,
-    onChange: V,
-    minDate: f,
-    maxDate: p,
-    getClampAnnouncement: T,
-    locale: A,
-    label: g = null,
-    helperText: b = null,
-    error: v,
-    hideRequiredMarker: P = !1,
-    validationRules: q,
-    width: K,
-    theme: D,
-    fluid: H = !1,
-    disabled: W = !1,
-    readOnly: Y = !1,
-    required: _ = !1,
-    name: F,
-    id: $,
-    className: j,
-    style: k,
-    "aria-label": U,
-    "aria-describedby": z,
-    "aria-labelledby": G,
-    ...J
-  }, Q) {
+    value: v,
+    defaultValue: D,
+    onChange: $,
+    minDate: F,
+    maxDate: h,
+    getClampAnnouncement: k,
+    locale: U,
+    label: S = null,
+    helperText: x = null,
+    error: y,
+    hideRequiredMarker: z = !1,
+    validationRules: G,
+    width: J,
+    theme: I,
+    fluid: Q = !1,
+    disabled: X = !1,
+    readOnly: Z = !1,
+    required: ee = !1,
+    name: M,
+    id: re,
+    className: ae,
+    style: te,
+    "aria-label": se,
+    "aria-describedby": ne,
+    "aria-labelledby": le,
+    ...oe
+  }, R) {
     const {
       disabled: e,
-      readOnly: t,
-      required: h,
-      invalid: X,
-      errorMessageProvided: S,
-      defaultValue: Z,
-      errorId: x,
-      helperTextId: ee,
-      validationErrorsId: ae,
-      labelId: y,
-      ariaDescribedBy: re,
-      ariaLabelledBy: se,
-      showErrors: oe
-    } = ze({
-      name: F,
-      disabled: W,
-      readOnly: Y,
-      required: _,
-      defaultValue: c,
-      error: v,
-      hasHelperText: !!b,
-      hasLabel: !!g,
-      validationRules: q,
-      ariaDescribedBy: z,
-      ariaLabelledBy: G
+      readOnly: n,
+      required: E,
+      invalid: ie,
+      errorMessageProvided: N,
+      defaultValue: de,
+      errorId: O,
+      helperTextId: ce,
+      validationErrorsId: ue,
+      labelId: w,
+      ariaDescribedBy: me,
+      ariaLabelledBy: fe,
+      showErrors: pe
+    } = ar({
+      name: M,
+      disabled: X,
+      readOnly: Z,
+      required: ee,
+      defaultValue: D,
+      error: y,
+      hasHelperText: !!x,
+      hasLabel: !!S,
+      validationRules: G,
+      ariaDescribedBy: ne,
+      ariaLabelledBy: le
     });
-    Ye(f, p), _e(u, c);
-    const { refFn: ie, ref: I } = qe(Q), { segmentRefs: te, registerSegmentRef: le } = Je(), ne = A ?? L, M = Ke(), l = $e(M ? ne : L), N = Ee(() => je(l), [l]), {
-      segmentText: de,
-      segmentValues: w,
-      currentValue: R,
-      wasTouched: me,
-      appendDigit: C,
-      adjustSegment: ue,
-      clearSegment: ce,
-      beginSegmentEdit: fe,
-      commitOnBlur: pe,
-      clampAnnouncement: ge
-    } = Xe({
-      value: u,
-      defaultValue: Z,
-      onChange: V,
-      minDate: f,
-      maxDate: p,
-      getClampAnnouncement: T
+    Je(F, h), Qe(v, D);
+    const l = c(null), { segmentRefs: be, registerSegmentRef: ge } = sr(), ve = U ?? _, C = ke(), m = Xe(C ? ve : _), i = He(() => Ze(m), [m]), {
+      segmentText: De,
+      segmentValues: L,
+      currentValue: B,
+      wasTouched: Fe,
+      appendDigit: V,
+      adjustSegment: he,
+      clearSegment: Se,
+      clearAll: T,
+      beginSegmentEdit: xe,
+      commitOnBlur: ye,
+      clampAnnouncement: Ie
+    } = lr({
+      value: v,
+      defaultValue: de,
+      onChange: $,
+      minDate: F,
+      maxDate: h,
+      getClampAnnouncement: k
     }), {
-      focusedSegment: E,
-      fieldTabIndex: be,
-      handleSegmentFocus: O,
-      handleFieldFocus: ve,
-      handleFieldBlur: De,
-      handleFieldMouseDown: Fe,
-      focusNext: n,
-      focusPrevious: he
-    } = Ue({
+      focusedSegment: A,
+      fieldTabIndex: Me,
+      handleSegmentFocus: d,
+      handleFieldFocus: Re,
+      handleFieldBlur: Ee,
+      handleFieldMouseDown: Ne,
+      focusNext: f,
+      focusPrevious: Oe
+    } = rr({
       disabled: e,
-      fieldRef: I,
-      segmentRefs: te,
-      partsOrder: N,
-      onSegmentFocusChange: fe,
-      onFieldBlur: pe
-    }), Se = Ge({
+      fieldRef: l,
+      segmentRefs: be,
+      partsOrder: i,
+      onSegmentFocusChange: xe,
+      onFieldBlur: ye
+    }), we = tr({
       disabled: e,
-      readOnly: t,
-      fieldRef: I,
-      focusNext: n,
-      focusPrevious: he,
-      adjustSegment: ue,
-      clearSegment: ce
-    }), { isInvalid: xe } = Qe({
-      segments: w,
-      currentValue: R,
-      wasTouched: me,
-      isFocused: E !== null
-    }), ye = Oe(
-      (s, o) => {
-        const { advanced: we } = C(s, o);
-        we && n(s);
+      readOnly: n,
+      fieldRef: l,
+      focusNext: f,
+      focusPrevious: Oe,
+      adjustSegment: he,
+      clearSegment: Se
+    }), { isInvalid: Ce } = nr({
+      segments: L,
+      currentValue: B,
+      wasTouched: Fe,
+      isFocused: A !== null
+    }), Le = o(
+      (r, a) => {
+        const { advanced: b } = V(r, a);
+        b && f(r);
       },
-      [C, n]
-    ), d = Ze({
-      formInvalid: X,
-      valueInvalid: xe
-    }), Ie = M && Ve() ? "textbox" : "spinbutton", Me = (s) => {
+      [V, f]
+    ), p = or({
+      formInvalid: ie,
+      valueInvalid: Ce
+    }), Be = C && We() ? "textbox" : "spinbutton", P = o(
+      (r) => {
+        e || d(i[0], r);
+      },
+      [e, d, i]
+    ), q = o(() => {
+      var a;
+      if (e) return;
+      const r = document.activeElement;
+      r instanceof HTMLElement && r !== l.current && ((a = l.current) != null && a.contains(r)) && r.blur();
+    }, [e]), H = o(() => {
+      e || n || T();
+    }, [e, n, T]), K = c(P), j = c(q), W = c(H);
+    K.current = P, j.current = q, W.current = H;
+    const Ve = o(
+      (r) => {
+        const a = r ? Object.assign(r, {
+          focus: (b) => K.current(b),
+          blur: () => j.current(),
+          clear: () => W.current()
+        }) : null;
+        Ue(
+          l,
+          R
+        )(a);
+      },
+      [R]
+    ), Te = (r) => {
       if (e) return;
-      const o = s.target.closest("label");
-      !o || o.id !== y || (s.preventDefault(), O(N[0]));
-    }, Ne = Re(
-      r[Be],
-      D && Le(D),
-      H && r[`${i}fluid`],
-      d && r[`${i}error`],
-      e && r[`${i}disabled`],
-      t && r[`${i}read-only`],
-      j
+      const a = r.target.closest("label");
+      !a || a.id !== w || (r.preventDefault(), d(i[0]));
+    }, Ae = Pe(
+      s[Ke],
+      I && je(I),
+      Q && s[`${u}fluid`],
+      p && s[`${u}error`],
+      e && s[`${u}disabled`],
+      n && s[`${u}read-only`],
+      ae
     );
-    return /* @__PURE__ */ B(
+    return /* @__PURE__ */ Y(
       "div",
       {
-        className: Ne,
-        style: { ...k, maxWidth: K },
-        onMouseDownCapture: Me,
+        className: Ae,
+        style: { ...te, maxWidth: J },
+        onMouseDownCapture: Te,
         children: [
-          /* @__PURE__ */ a(
-            Ae,
+          /* @__PURE__ */ t(
+            _e,
             {
-              ctxId: y,
+              ctxId: w,
               ctxDisabled: e,
-              ctxRequired: h && !P,
-              children: g
+              ctxRequired: E && !z,
+              children: S
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "div",
             {
-              ...J,
-              ref: ie,
-              id: $,
+              ...oe,
+              ref: Ve,
+              id: re,
               role: "group",
-              "aria-label": U,
-              "aria-labelledby": se,
+              "aria-label": se,
+              "aria-labelledby": fe,
               "aria-disabled": e || void 0,
-              "aria-required": h || void 0,
-              "aria-invalid": d || void 0,
-              "aria-describedby": re,
-              "aria-errormessage": S ? x : void 0,
-              tabIndex: be,
-              className: r[m.field],
-              onMouseDown: Fe,
-              onFocus: ve,
-              children: /* @__PURE__ */ a(
-                He,
+              "aria-required": E || void 0,
+              "aria-invalid": p || void 0,
+              "aria-describedby": me,
+              "aria-errormessage": N ? O : void 0,
+              tabIndex: Me,
+              className: s[g.field],
+              onMouseDown: Ne,
+              onFocus: Re,
+              children: /* @__PURE__ */ t(
+                ze,
                 {
-                  fallback: /* @__PURE__ */ a("span", { className: r[m.segments], children: ea }),
-                  onError: aa,
-                  children: /* @__PURE__ */ a(
-                    We,
+                  fallback: /* @__PURE__ */ t("span", { className: s[g.segments], children: ir }),
+                  onError: dr,
+                  children: /* @__PURE__ */ t(
+                    Ge,
                     {
-                      parts: l,
-                      segmentText: de,
-                      segmentValues: w,
-                      focusedSegment: E,
+                      parts: m,
+                      segmentText: De,
+                      segmentValues: L,
+                      focusedSegment: A,
                       disabled: e,
-                      readOnly: t,
-                      invalid: d,
-                      role: Ie,
-                      onSegmentFocus: O,
-                      onSegmentBlur: De,
-                      onSegmentInput: ye,
-                      onSegmentKeyDown: Se,
-                      registerSegmentRef: le
+                      readOnly: n,
+                      invalid: p,
+                      role: Be,
+                      onSegmentFocus: d,
+                      onSegmentBlur: Ee,
+                      onSegmentInput: Le,
+                      onSegmentKeyDown: we,
+                      registerSegmentRef: ge
                     }
                   )
                 }
               )
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "span",
             {
               role: "status",
               "aria-live": "polite",
               "aria-atomic": "true",
-              className: r[m.srStatus],
-              children: ge
+              className: s[g.srStatus],
+              children: Ie
             }
           ),
-          /* @__PURE__ */ a(
+          /* @__PURE__ */ t(
             "input",
             {
               type: "hidden",
-              name: F,
-              value: ke(R),
+              name: M,
+              value: er(B),
               disabled: e
             }
           ),
-          /* @__PURE__ */ B(Pe, { ctxId: ee, ctxDisabled: e, children: [
-            b,
-            S && /* @__PURE__ */ a(Te, { id: x, appearance: "negative", children: v })
+          /* @__PURE__ */ Y($e, { ctxId: ce, ctxDisabled: e, children: [
+            x,
+            N && /* @__PURE__ */ t(Ye, { id: O, appearance: "negative", children: y })
           ] }),
-          oe(ae)
+          pe(ue)
         ]
       }
     );
   }
 );
 export {
-  Ma as DateField
+  Br as DateField
 };

package/lib/wip/DateField/DateField.types.d.ts

@@ -31,6 +31,23 @@ export type DateFieldPart = {
     type: SegmentType | 'literal';
     value: string;
 };
+/**
+ * The DateField `ref` value (DF-16): the field's **root DOM element**
+ * (`role="group"`) augmented with a `clear()` method. Keeping the ref a real
+ * element (not a separate handle object) means it works anywhere a DOM node is
+ * expected — a `Popover` / `FloatingUI` trigger, measuring, `scrollIntoView` —
+ * while also carrying the field's imperative API.
+ *
+ * `focus()` and `blur()` are field-aware overrides of the native element methods:
+ * `focus()` moves to the first segment; `blur()` exits the field (running the
+ * same commit / normalize / clamp as a user blur). Both no-op when the field is
+ * disabled. `clear()` empties every segment and fires `onChange(null)` (only
+ * when a value was present), and no-ops when disabled or read-only.
+ * (`selectAll()` is reserved for DF-13.)
+ */
+export type DateFieldHandle = HTMLDivElement & {
+    clear(): void;
+};
 export interface DateFieldProps extends DateFieldInputAttributes {
     /**
      * Specify HelperText for DateField

package/lib/wip/DateField/index.d.ts

@@ -1,2 +1,2 @@
 export { DateField } from './DateField';
-export type { DateFieldProps } from './DateField.types';
+export type { DateFieldHandle, DateFieldProps } from './DateField.types';

package/lib/wip/DateField/useDateFieldFocus.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),P=require("./DateField.utils.cjs.js");function j({disabled:l,fieldRef:i,segmentRefs:T,partsOrder:b,onSegmentFocusChange:d,onFieldBlur:x}){const[c,o]=r.useState(null),a=b[0],y=r.useRef(c);y.current=c;const e=r.useRef(d),k=r.useRef(x);r.useEffect(()=>{e.current=d,k.current=x},[d,x]),r.useEffect(()=>{if(c===null||c==="all")return;const t=T.current.get(c);t&&document.activeElement!==t&&t.focus()},[c,T]);const E=r.useCallback(t=>{var u;l||(o(t),(u=e.current)==null||u.call(e,t))},[l]),q=r.useCallback(t=>{var u;l||t.target===i.current&&(o(a),(u=e.current)==null||u.call(e,a))},[l,i,a]),v=r.useCallback(t=>{var n,s,f,_;if((n=i.current)!=null&&n.contains(t.relatedTarget))return;const u=(f=(s=t.target)==null?void 0:s.getAttribute)==null?void 0:f.call(s,"data-segment");u&&u!==y.current||(o(null),(_=k.current)==null||_.call(k),P.clearSelectionWithin(i.current))},[i]),w=r.useCallback(t=>{var n;if(l)return;t.target.closest("[data-segment]")||(t.preventDefault(),o(a),(n=e.current)==null||n.call(e,a))},[l,a]),D=r.useCallback((t,u)=>{var f;const n=b.indexOf(t);if(n===-1)return;const s=b[n+u];s!=null&&(o(s),(f=e.current)==null||f.call(e,s))},[b]),I=r.useCallback(t=>{D(t,1)},[D]),M=r.useCallback(t=>{D(t,-1)},[D]);return{focusedSegment:c,fieldTabIndex:l?-1:c===null?0:-1,handleSegmentFocus:E,handleFieldFocus:q,handleFieldBlur:v,handleFieldMouseDown:w,focusNext:I,focusPrevious:M}}exports.useDateFieldFocus=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),P=require("./DateField.utils.cjs.js");function j({disabled:l,fieldRef:a,segmentRefs:v,partsOrder:b,onSegmentFocusChange:D,onFieldBlur:x}){const[n,o]=e.useState(null),i=b[0],y=e.useRef(n);y.current=n;const r=e.useRef(D),d=e.useRef(x);e.useEffect(()=>{r.current=D,d.current=x},[D,x]);const T=e.useRef(void 0);e.useEffect(()=>{if(n===null||n==="all")return;const t=v.current.get(n);t&&(document.activeElement!==t&&t.focus(T.current),T.current=void 0)},[n,v]);const p=e.useCallback((t,c)=>{var u;l||(T.current=c,o(t),(u=r.current)==null||u.call(r,t))},[l]),E=e.useCallback(t=>{var c;l||t.target===a.current&&(o(i),(c=r.current)==null||c.call(r,i))},[l,a,i]),q=e.useCallback(t=>{var u,s,f,_;if((u=a.current)!=null&&u.contains(t.relatedTarget))return;const c=(f=(s=t.target)==null?void 0:s.getAttribute)==null?void 0:f.call(s,"data-segment");c&&c!==y.current||(o(null),(_=d.current)==null||_.call(d),P.clearSelectionWithin(a.current))},[a]),w=e.useCallback(t=>{var u;if(l)return;t.target.closest("[data-segment]")||(t.preventDefault(),o(i),(u=r.current)==null||u.call(r,i))},[l,i]),k=e.useCallback((t,c)=>{var f;const u=b.indexOf(t);if(u===-1)return;const s=b[u+c];s!=null&&(o(s),(f=r.current)==null||f.call(r,s))},[b]),I=e.useCallback(t=>{k(t,1)},[k]),M=e.useCallback(t=>{k(t,-1)},[k]);return{focusedSegment:n,fieldTabIndex:l?-1:n===null?0:-1,handleSegmentFocus:p,handleFieldFocus:E,handleFieldBlur:q,handleFieldMouseDown:w,focusNext:I,focusPrevious:M}}exports.useDateFieldFocus=j;

package/lib/wip/DateField/useDateFieldFocus.d.ts

@@ -14,7 +14,7 @@ export interface UseDateFieldFocusArgs {
 export interface UseDateFieldFocusReturn {
     focusedSegment: FocusTarget;
     fieldTabIndex: number;
-    handleSegmentFocus: (segment: SegmentType) => void;
+    handleSegmentFocus: (segment: SegmentType, options?: FocusOptions) => void;
     handleFieldFocus: (event: FocusEvent<HTMLDivElement>) => void;
     handleFieldBlur: (event: FocusEvent<HTMLElement>) => void;
     handleFieldMouseDown: (event: MouseEvent<HTMLDivElement>) => void;

package/lib/wip/DateField/useDateFieldFocus.es.js

@@ -1,76 +1,75 @@
-import { useState as d, useRef as y, useEffect as v, useCallback as o } from "react";
-import { clearSelectionWithin as j } from "./DateField.utils.es.js";
-function H({
-  disabled: s,
-  fieldRef: l,
-  segmentRefs: E,
+import { useState as j, useRef as d, useEffect as k, useCallback as s } from "react";
+import { clearSelectionWithin as q } from "./DateField.utils.es.js";
+function J({
+  disabled: o,
+  fieldRef: f,
+  segmentRefs: y,
   partsOrder: x,
-  onSegmentFocusChange: m,
-  onFieldBlur: p
+  onSegmentFocusChange: v,
+  onFieldBlur: D
 }) {
-  const [u, f] = d(null), i = x[0], I = y(u);
-  I.current = u;
-  const r = y(m), T = y(p);
-  v(() => {
-    r.current = m, T.current = p;
-  }, [m, p]), v(() => {
+  const [u, l] = j(null), i = x[0], E = d(u);
+  E.current = u;
+  const r = d(v), p = d(D);
+  k(() => {
+    r.current = v, p.current = D;
+  }, [v, D]);
+  const m = d(void 0);
+  k(() => {
     if (u === null || u === "all") return;
-    const t = E.current.get(u);
-    t && document.activeElement !== t && t.focus();
-  }, [u, E]);
-  const w = o(
-    (t) => {
+    const t = y.current.get(u);
+    t && (document.activeElement !== t && t.focus(m.current), m.current = void 0);
+  }, [u, y]);
+  const w = s(
+    (t, n) => {
       var c;
-      s || (f(t), (c = r.current) == null || c.call(r, t));
+      o || (m.current = n, l(t), (c = r.current) == null || c.call(r, t));
     },
-    [s]
-  ), A = o(
+    [o]
+  ), A = s(
     (t) => {
-      var c;
-      s || t.target === l.current && (f(i), (c = r.current) == null || c.call(r, i));
+      var n;
+      o || t.target === f.current && (l(i), (n = r.current) == null || n.call(r, i));
     },
-    [s, l, i]
-  ), M = o(
+    [o, f, i]
+  ), M = s(
     (t) => {
-      var n, e, a, k;
-      if ((n = l.current) != null && n.contains(t.relatedTarget)) return;
-      const c = (a = (e = t.target) == null ? void 0 : e.getAttribute) == null ? void 0 : a.call(
-        e,
-        "data-segment"
-      );
-      c && c !== I.current || (f(null), (k = T.current) == null || k.call(T), j(l.current));
+      var c, e, a, I;
+      if ((c = f.current) != null && c.contains(t.relatedTarget)) return;
+      const n = (a = (e = t.target) == null ? void 0 : e.getAttribute) == null ? void 0 : a.call(e, "data-segment");
+      n && n !== E.current || (l(null), (I = p.current) == null || I.call(p), q(f.current));
     },
-    [l]
-  ), N = o(
+    [f]
+  ), N = s(
     (t) => {
-      var n;
-      if (s) return;
-      t.target.closest("[data-segment]") || (t.preventDefault(), f(i), (n = r.current) == null || n.call(r, i));
+      var c;
+      if (o) return;
+      t.target.closest("[data-segment]") || (t.preventDefault(), l(i), (c = r.current) == null || c.call(r, i));
     },
-    [s, i]
-  ), D = o(
-    (t, c) => {
+    [o, i]
+  ), T = s(
+    (t, n) => {
       var a;
-      const n = x.indexOf(t);
-      if (n === -1) return;
-      const e = x[n + c];
-      e != null && (f(e), (a = r.current) == null || a.call(r, e));
+      const c = x.indexOf(t);
+      if (c === -1) return;
+      const e = x[c + n];
+      e != null && (l(e), (a = r.current) == null || a.call(r, e));
     },
     [x]
-  ), P = o(
+  ), P = s(
     (t) => {
-      D(t, 1);
+      T(t, 1);
     },
-    [D]
-  ), W = o(
+    [T]
+  ), W = s(
     (t) => {
-      D(t, -1);
+      T(t, -1);
     },
-    [D]
+    [T]
   );
   return {
     focusedSegment: u,
-    fieldTabIndex: s ? -1 : u === null ? 0 : -1,
+    fieldTabIndex: o ? -1 : u === null ? 0 : -1,
     handleSegmentFocus: w,
     handleFieldFocus: A,
     handleFieldBlur: M,
@@ -80,5 +79,5 @@ function H({
   };
 }
 export {
-  H as useDateFieldFocus
+  J as useDateFieldFocus
 };