@okam/stack-ui 1.41.0 → 1.41.2

package/index31.mjs

@@ -1,27 +1,115 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { DismissButton as f } from "./index159.mjs";
-import { usePopover as n } from "./index160.mjs";
-import { Overlay as d } from "./index161.mjs";
-import * as l from "react";
-import $, { BoxWithForwardRef as x } from "./index34.mjs";
-function R({ themeName: r = "datePicker", tokens: s, ...a }) {
-  const t = l.useRef(null), { state: o, children: i } = { ...a }, { popoverProps: c, underlayProps: m } = n(
-    {
-      ...a,
-      popoverRef: t
-    },
-    o
-  );
-  return /* @__PURE__ */ p(d, { children: [
-    /* @__PURE__ */ e($, { themeName: `${r}.calendarUnderlay`, tokens: s, ...m }),
-    /* @__PURE__ */ p(x, { themeName: `${r}.calendarPopover`, tokens: s, ...c, ref: t, children: [
-      /* @__PURE__ */ e(f, { onDismiss: o.close }),
-      i,
-      /* @__PURE__ */ e(f, { onDismiss: o.close })
-    ] })
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useRef as M } from "react";
+import { useDatePicker as U } from "react-aria";
+import { useDatePickerState as W } from "react-stately";
+import n from "./index35.mjs";
+import G from "./index36.mjs";
+import { Dialog as J } from "./index158.mjs";
+import Q from "./index3.mjs";
+import { CalendarPopover as V } from "./index32.mjs";
+import f from "./index33.mjs";
+import X from "./index154.mjs";
+function le(a) {
+  const {
+    popoverPlacement: u = "bottom start",
+    placement: P = "bottom start",
+    tokens: s,
+    customTheme: k,
+    themeName: e = "datePicker",
+    icon: b = "ArrowDown",
+    description: m,
+    buttonLabel: g,
+    buttonContent: v,
+    label: d,
+    children: D,
+    invalidIndicator: c = "❌",
+    isDisabled: N = !1,
+    isReadOnly: y = !1,
+    isRequired: I = !1,
+    containerPadding: $,
+    shouldCloseOnInteractOutside: O,
+    arrowBoundaryOffset: x,
+    isNonModal: C,
+    isKeyboardDismissDisabled: w,
+    arrowSize: R,
+    boundaryElement: T,
+    maxHeight: j,
+    shouldUpdatePosition: B
+  } = a, F = P ?? u, i = W(a), { isInvalid: p, isOpen: S, hasTime: q } = i, l = M(null), { groupProps: z, fieldProps: h, labelProps: A, descriptionProps: E, buttonProps: H, dialogProps: K, calendarProps: L } = U(a, i, l), o = {
+    isInvalid: p,
+    isOpen: S,
+    hasTime: q,
+    isDisabled: N,
+    isReadOnly: y,
+    isRequired: I,
+    ...s
+  };
+  return /* @__PURE__ */ r(n, { themeName: `${e}.container`, tokens: o, customTheme: k, children: [
+    d && /* @__PURE__ */ t(Q, { as: "span", themeName: `${e}.label`, tokens: o, ...A, children: d }),
+    m && /* @__PURE__ */ t(n, { as: "div", themeName: `${e}.description`, tokens: o, ...E, children: m }),
+    /* @__PURE__ */ r(
+      X,
+      {
+        themeName: e,
+        tokens: o,
+        ref: l,
+        groupProps: z,
+        buttonProps: H,
+        buttonLabel: g,
+        buttonContent: v,
+        icon: b,
+        children: [
+          /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "outer" }, ...h }),
+          i.isInvalid && /* @__PURE__ */ t(
+            n,
+            {
+              as: "span",
+              themeName: `${e}.invalidIndicator`,
+              tokens: { ...o, position: "outer" },
+              children: c
+            }
+          )
+        ]
+      }
+    ),
+    i.isOpen && /* @__PURE__ */ t(
+      V,
+      {
+        themeName: e,
+        tokens: { ...s, isInvalid: p },
+        triggerRef: l,
+        state: i,
+        placement: F,
+        containerPadding: $,
+        shouldCloseOnInteractOutside: O,
+        arrowBoundaryOffset: x,
+        isNonModal: C,
+        isKeyboardDismissDisabled: w,
+        arrowSize: R,
+        boundaryElement: T,
+        maxHeight: j,
+        shouldUpdatePosition: B,
+        children: /* @__PURE__ */ r(J, { themeName: `${e}.dialog`, tokens: o, ...K, children: [
+          D,
+          /* @__PURE__ */ r(n, { themeName: `${e}.dateFieldContainer`, tokens: o, children: [
+            /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "inner" }, ...h }),
+            i.isInvalid && /* @__PURE__ */ t(
+              n,
+              {
+                as: "span",
+                themeName: `${e}.invalidIndicator`,
+                tokens: { ...o, position: "inner" },
+                children: c
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(G, { ...L, tokens: s })
+        ] })
+      }
+    )
   ] });
 }
 export {
-  R as CalendarPopover
+  le as default
 };

package/index32.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const i=require("react/jsx-runtime"),F=require("./index162.js"),q=require("@react-aria/i18n"),g=require("react"),o=require("react-aria"),N=require("react-stately"),S=require("./index85.js"),f=require("./index34.js");function j(n){const{themeName:a="datePicker",tokens:e,customTheme:l,segment:s,state:t}=n,c=g.useRef(null),{segmentProps:d}=o.useDateSegment(s,t,c),u=S(`${a}.dateSegmentPlaceholder`),{focusProps:r,isFocusVisible:h}=o.useFocusRing();return i.jsx(o.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:i.jsxs(f.BoxWithForwardRef,{...d,...r,ref:c,themeName:`${a}.dateSegment`,tokens:{...e,className:h?`has-focus-ring ${e==null?void 0:e.className}`:(e==null?void 0:e.className)??""},customTheme:l,children:[i.jsx("span",{className:u,"aria-hidden":"true",style:{visibility:s.isPlaceholder?"visible":"hidden",height:s.isPlaceholder?"":0,pointerEvents:"none",display:s.isPlaceholder?"block":"none"},children:s.placeholder}),s.isPlaceholder?"":s.text]})})}function k(n){const{themeName:a="datePicker",tokens:e,customTheme:l}=n,{locale:s}=q.useLocale(),t=N.useDateFieldState({...n,locale:s,createCalendar:F.createCalendar}),{isDisabled:c,isReadOnly:d,isRequired:u}=t,r=g.useRef(null),{fieldProps:h,isInvalid:x}=o.useDateField(n,t,r),m={isInvalid:x,isDisabled:c,isReadOnly:d,isRequired:u,...e};return i.jsx(f.BoxWithForwardRef,{...h,ref:r,themeName:`${a}.dateField`,tokens:m,customTheme:l,children:t.segments.map((P,R)=>i.jsx(j,{themeName:a,tokens:m,segment:P,state:t},R))})}module.exports=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("./index159.js"),d=require("./index160.js"),p=require("./index161.js"),f=require("react"),i=require("./index35.js");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const j=m(f);function v({themeName:e="datePicker",tokens:t,...r}){const o=j.useRef(null),{state:n,children:a}={...r},{popoverProps:u,underlayProps:l}=d.usePopover({...r,popoverRef:o},n);return s.jsxs(p.Overlay,{children:[s.jsx(i.default,{themeName:`${e}.calendarUnderlay`,tokens:t,...l}),s.jsxs(i.BoxWithForwardRef,{themeName:`${e}.calendarPopover`,tokens:t,...u,ref:o,children:[s.jsx(c.DismissButton,{onDismiss:n.close}),a,s.jsx(c.DismissButton,{onDismiss:n.close})]})]})}exports.CalendarPopover=v;

package/index32.mjs

@@ -1,74 +1,27 @@
 "use client";
-import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { createCalendar as b } from "./index162.mjs";
-import { useLocale as N } from "@react-aria/i18n";
-import { useRef as u } from "react";
-import { useDateField as x, useDateSegment as R, useFocusRing as $, FocusRing as D } from "react-aria";
-import { useDateFieldState as S } from "react-stately";
-import k from "./index85.mjs";
-import { BoxWithForwardRef as f } from "./index34.mjs";
-function T(o) {
-  const { themeName: a = "datePicker", tokens: e, customTheme: l, segment: t, state: s } = o, i = u(null), { segmentProps: c } = R(t, s, i), m = k(`${a}.dateSegmentPlaceholder`), { focusProps: n, isFocusVisible: d } = $();
-  return /* @__PURE__ */ r(D, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ F(
-    f,
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { DismissButton as f } from "./index159.mjs";
+import { usePopover as n } from "./index160.mjs";
+import { Overlay as d } from "./index161.mjs";
+import * as l from "react";
+import $, { BoxWithForwardRef as x } from "./index35.mjs";
+function R({ themeName: r = "datePicker", tokens: s, ...a }) {
+  const t = l.useRef(null), { state: o, children: i } = { ...a }, { popoverProps: c, underlayProps: m } = n(
     {
-      ...c,
-      ...n,
-      ref: i,
-      themeName: `${a}.dateSegment`,
-      tokens: {
-        ...e,
-        // Hack since has-focus-ring is not getting applied
-        className: d ? `has-focus-ring ${e == null ? void 0 : e.className}` : (e == null ? void 0 : e.className) ?? ""
-      },
-      customTheme: l,
-      children: [
-        /* @__PURE__ */ r(
-          "span",
-          {
-            className: m,
-            "aria-hidden": "true",
-            style: {
-              visibility: t.isPlaceholder ? "visible" : "hidden",
-              height: t.isPlaceholder ? "" : 0,
-              pointerEvents: "none",
-              display: t.isPlaceholder ? "block" : "none"
-            },
-            children: t.placeholder
-          }
-        ),
-        t.isPlaceholder ? "" : t.text
-      ]
-    }
-  ) });
-}
-function I(o) {
-  const { themeName: a = "datePicker", tokens: e, customTheme: l } = o, { locale: t } = N(), s = S({
-    ...o,
-    locale: t,
-    createCalendar: b
-  }), { isDisabled: i, isReadOnly: c, isRequired: m } = s, n = u(null), { fieldProps: d, isInvalid: g } = x(o, s, n), h = {
-    isInvalid: g,
-    isDisabled: i,
-    isReadOnly: c,
-    isRequired: m,
-    ...e
-  };
-  return /* @__PURE__ */ r(
-    f,
-    {
-      ...d,
-      ref: n,
-      themeName: `${a}.dateField`,
-      tokens: h,
-      customTheme: l,
-      children: s.segments.map((p, P) => (
-        // eslint-disable-next-line react/no-array-index-key
-        /* @__PURE__ */ r(T, { themeName: a, tokens: h, segment: p, state: s }, P)
-      ))
-    }
+      ...a,
+      popoverRef: t
+    },
+    o
   );
+  return /* @__PURE__ */ p(d, { children: [
+    /* @__PURE__ */ e($, { themeName: `${r}.calendarUnderlay`, tokens: s, ...m }),
+    /* @__PURE__ */ p(x, { themeName: `${r}.calendarPopover`, tokens: s, ...c, ref: t, children: [
+      /* @__PURE__ */ e(f, { onDismiss: o.close }),
+      i,
+      /* @__PURE__ */ e(f, { onDismiss: o.close })
+    ] })
+  ] });
 }
 export {
-  I as default
+  R as CalendarPopover
 };

package/index320.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index323.js"),u=require("./index235.js"),m=require("./index240.js"),L=require("./index254.js");require("react");let f=null,y=new Set,a=new Map,i=!1,c=!1;function d(e,n){for(let t of y)t(e,n)}function g(e){return!(e.metaKey||!m.isMac()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function s(e){i=!0,g(e)&&(f="keyboard",d("keyboard",e))}function o(e){f="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(i=!0,d("pointer",e))}function b(e){L.isVirtualClick(e)&&(i=!0,f="virtual")}function $(e){e.target===window||e.target===document||l.ignoreFocusEvent||!e.isTrusted||(!i&&!c&&(f="virtual",d("virtual",e)),i=!1,c=!1)}function E(){l.ignoreFocusEvent||(i=!1,c=!0)}function v(e){if(typeof window>"u"||a.get(u.getOwnerWindow(e)))return;const n=u.getOwnerWindow(e),t=u.getOwnerDocument(e);let r=n.HTMLElement.prototype.focus;n.HTMLElement.prototype.focus=function(){i=!0,r.apply(this,arguments)},t.addEventListener("keydown",s,!0),t.addEventListener("keyup",s,!0),t.addEventListener("click",b,!0),n.addEventListener("focus",$,!0),n.addEventListener("blur",E,!1),typeof PointerEvent<"u"?(t.addEventListener("pointerdown",o,!0),t.addEventListener("pointermove",o,!0),t.addEventListener("pointerup",o,!0)):process.env.NODE_ENV==="test"&&(t.addEventListener("mousedown",o,!0),t.addEventListener("mousemove",o,!0),t.addEventListener("mouseup",o,!0)),n.addEventListener("beforeunload",()=>{p(e)},{once:!0}),a.set(n,{focus:r})}const p=(e,n)=>{const t=u.getOwnerWindow(e),r=u.getOwnerDocument(e);n&&r.removeEventListener("DOMContentLoaded",n),a.has(t)&&(t.HTMLElement.prototype.focus=a.get(t).focus,r.removeEventListener("keydown",s,!0),r.removeEventListener("keyup",s,!0),r.removeEventListener("click",b,!0),t.removeEventListener("focus",$,!0),t.removeEventListener("blur",E,!1),typeof PointerEvent<"u"?(r.removeEventListener("pointerdown",o,!0),r.removeEventListener("pointermove",o,!0),r.removeEventListener("pointerup",o,!0)):process.env.NODE_ENV==="test"&&(r.removeEventListener("mousedown",o,!0),r.removeEventListener("mousemove",o,!0),r.removeEventListener("mouseup",o,!0)),a.delete(t))};function w(e){const n=u.getOwnerDocument(e);let t;return n.readyState!=="loading"?v(e):(t=()=>{v(e)},n.addEventListener("DOMContentLoaded",t)),()=>p(e,t)}typeof document<"u"&&w();function O(){return f}function k(e){f=e,d(e,null)}exports.addWindowFocusTracking=w;exports.getInteractionModality=O;exports.hasSetupGlobalListeners=a;exports.setInteractionModality=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({register:()=>{}});e.displayName="PressResponderContext";exports.PressResponderContext=e;

package/index320.mjs

@@ -1,65 +1,9 @@
-import { ignoreFocusEvent as b } from "./index323.mjs";
-import { getOwnerDocument as v, getOwnerWindow as s } from "./index235.mjs";
-import { isMac as L } from "./index240.mjs";
-import { isVirtualClick as y } from "./index254.mjs";
-import "react";
-let f = null, w = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map(), a = !1, c = !1;
-function u(e, n) {
-  for (let t of w) t(e, n);
-}
-function g(e) {
-  return !(e.metaKey || !L() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
-}
-function d(e) {
-  a = !0, g(e) && (f = "keyboard", u("keyboard", e));
-}
-function o(e) {
-  f = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (a = !0, u("pointer", e));
-}
-function l(e) {
-  y(e) && (a = !0, f = "virtual");
-}
-function p(e) {
-  e.target === window || e.target === document || b || !e.isTrusted || (!a && !c && (f = "virtual", u("virtual", e)), a = !1, c = !1);
-}
-function E() {
-  b || (a = !1, c = !0);
-}
-function $(e) {
-  if (typeof window > "u" || i.get(s(e))) return;
-  const n = s(e), t = v(e);
-  let r = n.HTMLElement.prototype.focus;
-  n.HTMLElement.prototype.focus = function() {
-    a = !0, r.apply(this, arguments);
-  }, t.addEventListener("keydown", d, !0), t.addEventListener("keyup", d, !0), t.addEventListener("click", l, !0), n.addEventListener("focus", p, !0), n.addEventListener("blur", E, !1), typeof PointerEvent < "u" ? (t.addEventListener("pointerdown", o, !0), t.addEventListener("pointermove", o, !0), t.addEventListener("pointerup", o, !0)) : process.env.NODE_ENV === "test" && (t.addEventListener("mousedown", o, !0), t.addEventListener("mousemove", o, !0), t.addEventListener("mouseup", o, !0)), n.addEventListener("beforeunload", () => {
-    m(e);
-  }, {
-    once: !0
-  }), i.set(n, {
-    focus: r
-  });
-}
-const m = (e, n) => {
-  const t = s(e), r = v(e);
-  n && r.removeEventListener("DOMContentLoaded", n), i.has(t) && (t.HTMLElement.prototype.focus = i.get(t).focus, r.removeEventListener("keydown", d, !0), r.removeEventListener("keyup", d, !0), r.removeEventListener("click", l, !0), t.removeEventListener("focus", p, !0), t.removeEventListener("blur", E, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", o, !0), r.removeEventListener("pointermove", o, !0), r.removeEventListener("pointerup", o, !0)) : process.env.NODE_ENV === "test" && (r.removeEventListener("mousedown", o, !0), r.removeEventListener("mousemove", o, !0), r.removeEventListener("mouseup", o, !0)), i.delete(t));
-};
-function k(e) {
-  const n = v(e);
-  let t;
-  return n.readyState !== "loading" ? $(e) : (t = () => {
-    $(e);
-  }, n.addEventListener("DOMContentLoaded", t)), () => m(e, t);
-}
-typeof document < "u" && k();
-function D() {
-  return f;
-}
-function F(e) {
-  f = e, u(e, null);
-}
+import e from "react";
+const t = e.createContext({
+  register: () => {
+  }
+});
+t.displayName = "PressResponderContext";
 export {
-  k as addWindowFocusTracking,
-  D as getInteractionModality,
-  i as hasSetupGlobalListeners,
-  F as setInteractionModality
+  t as PressResponderContext
 };

package/index321.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({register:()=>{}});e.displayName="PressResponderContext";exports.PressResponderContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index322.js"),a=require("react"),r=require("./index252.js"),F=require("./index253.js");function v(l){let{isDisabled:u,onFocus:o,onBlur:n,onFocusChange:t}=l;const c=a.useCallback(e=>{if(e.target===e.currentTarget)return n&&n(e),t&&t(!1),!0},[n,t]),s=g.useSyntheticBlurEvent(c),d=a.useCallback(e=>{const i=F.getOwnerDocument(e.target),f=i?r.getActiveElement(i):r.getActiveElement();e.target===e.currentTarget&&f===r.getEventTarget(e.nativeEvent)&&(o&&o(e),t&&t(!0),s(e))},[t,o,s]);return{focusProps:{onFocus:!u&&(o||t||n)?d:void 0,onBlur:!u&&(n||t)?c:void 0}}}exports.useFocus=v;

package/index321.mjs

@@ -1,9 +1,30 @@
-import e from "react";
-const t = e.createContext({
-  register: () => {
-  }
-});
-t.displayName = "PressResponderContext";
+import { useSyntheticBlurEvent as l } from "./index322.mjs";
+import { useCallback as u } from "react";
+import { getActiveElement as a, getEventTarget as p } from "./index252.mjs";
+import { getOwnerDocument as m } from "./index253.mjs";
+function x(d) {
+  let { isDisabled: r, onFocus: n, onBlur: o, onFocusChange: t } = d;
+  const c = u((e) => {
+    if (e.target === e.currentTarget)
+      return o && o(e), t && t(!1), !0;
+  }, [
+    o,
+    t
+  ]), f = l(c), i = u((e) => {
+    const s = m(e.target), $ = s ? a(s) : a();
+    e.target === e.currentTarget && $ === p(e.nativeEvent) && (n && n(e), t && t(!0), f(e));
+  }, [
+    t,
+    n,
+    f
+  ]);
+  return {
+    focusProps: {
+      onFocus: !r && (n || t || o) ? i : void 0,
+      onBlur: !r && (o || t) ? c : void 0
+    }
+  };
+}
 export {
-  t as PressResponderContext
+  x as useFocus
 };

package/index322.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index323.js"),a=require("react"),r=require("./index234.js"),F=require("./index235.js");function v(l){let{isDisabled:u,onFocus:o,onBlur:n,onFocusChange:t}=l;const c=a.useCallback(e=>{if(e.target===e.currentTarget)return n&&n(e),t&&t(!1),!0},[n,t]),s=g.useSyntheticBlurEvent(c),d=a.useCallback(e=>{const i=F.getOwnerDocument(e.target),f=i?r.getActiveElement(i):r.getActiveElement();e.target===e.currentTarget&&f===r.getEventTarget(e.nativeEvent)&&(o&&o(e),t&&t(!0),s(e))},[t,o,s]);return{focusProps:{onFocus:!u&&(o||t||n)?d:void 0,onBlur:!u&&(n||t)?c:void 0}}}exports.useFocus=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index253.js"),l=require("./index256.js"),E=require("./index233.js"),m=require("./index266.js"),p=require("./index272.js"),d=require("react");function f(r){let e=r;return e.nativeEvent=r,e.isDefaultPrevented=()=>e.defaultPrevented,e.isPropagationStopped=()=>e.cancelBubble,e.persist=()=>{},e}function g(r,e){Object.defineProperty(r,"target",{value:e}),Object.defineProperty(r,"currentTarget",{value:e})}function F(r){let e=d.useRef({isFocused:!1,observer:null});E.useLayoutEffect(()=>{const t=e.current;return()=>{t.observer&&(t.observer.disconnect(),t.observer=null)}},[]);let u=m.useEffectEvent(t=>{r==null||r(t)});return d.useCallback(t=>{if(t.target instanceof HTMLButtonElement||t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement||t.target instanceof HTMLSelectElement){e.current.isFocused=!0;let o=t.target,s=c=>{if(e.current.isFocused=!1,o.disabled){let i=f(c);u(i)}e.current.observer&&(e.current.observer.disconnect(),e.current.observer=null)};o.addEventListener("focusout",s,{once:!0}),e.current.observer=new MutationObserver(()=>{if(e.current.isFocused&&o.disabled){var c;(c=e.current.observer)===null||c===void 0||c.disconnect();let i=o===document.activeElement?null:document.activeElement;o.dispatchEvent(new FocusEvent("blur",{relatedTarget:i})),o.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:i}))}}),e.current.observer.observe(o,{attributes:!0,attributeFilter:["disabled"]})}},[u])}exports.ignoreFocusEvent=!1;function L(r){for(;r&&!p.isFocusable(r);)r=r.parentElement;let e=b.getOwnerWindow(r),u=e.document.activeElement;if(!u||u===r)return;exports.ignoreFocusEvent=!0;let t=!1,o=n=>{(n.target===u||t)&&n.stopImmediatePropagation()},s=n=>{(n.target===u||t)&&(n.stopImmediatePropagation(),!r&&!t&&(t=!0,l.focusWithoutScrolling(u),a()))},c=n=>{(n.target===r||t)&&n.stopImmediatePropagation()},i=n=>{(n.target===r||t)&&(n.stopImmediatePropagation(),t||(t=!0,l.focusWithoutScrolling(u),a()))};e.addEventListener("blur",o,!0),e.addEventListener("focusout",s,!0),e.addEventListener("focusin",i,!0),e.addEventListener("focus",c,!0);let a=()=>{cancelAnimationFrame(v),e.removeEventListener("blur",o,!0),e.removeEventListener("focusout",s,!0),e.removeEventListener("focusin",i,!0),e.removeEventListener("focus",c,!0),exports.ignoreFocusEvent=!1,t=!1},v=requestAnimationFrame(a);return a}exports.createSyntheticEvent=f;exports.preventFocus=L;exports.setEventTarget=g;exports.useSyntheticBlurEvent=F;

package/index322.mjs

@@ -1,30 +1,95 @@
-import { useSyntheticBlurEvent as l } from "./index323.mjs";
-import { useCallback as u } from "react";
-import { getActiveElement as a, getEventTarget as p } from "./index234.mjs";
-import { getOwnerDocument as m } from "./index235.mjs";
-function x(d) {
-  let { isDisabled: r, onFocus: n, onBlur: o, onFocusChange: t } = d;
-  const c = u((e) => {
-    if (e.target === e.currentTarget)
-      return o && o(e), t && t(!1), !0;
-  }, [
-    o,
-    t
-  ]), f = l(c), i = u((e) => {
-    const s = m(e.target), $ = s ? a(s) : a();
-    e.target === e.currentTarget && $ === p(e.nativeEvent) && (n && n(e), t && t(!0), f(e));
+import { getOwnerWindow as b } from "./index253.mjs";
+import { focusWithoutScrolling as l } from "./index256.mjs";
+import { useLayoutEffect as v } from "./index233.mjs";
+import { useEffectEvent as m } from "./index266.mjs";
+import { isFocusable as p } from "./index272.mjs";
+import { useRef as E, useCallback as $ } from "react";
+function g(r) {
+  let e = r;
+  return e.nativeEvent = r, e.isDefaultPrevented = () => e.defaultPrevented, e.isPropagationStopped = () => e.cancelBubble, e.persist = () => {
+  }, e;
+}
+function h(r, e) {
+  Object.defineProperty(r, "target", {
+    value: e
+  }), Object.defineProperty(r, "currentTarget", {
+    value: e
+  });
+}
+function I(r) {
+  let e = E({
+    isFocused: !1,
+    observer: null
+  });
+  v(() => {
+    const t = e.current;
+    return () => {
+      t.observer && (t.observer.disconnect(), t.observer = null);
+    };
+  }, []);
+  let a = m((t) => {
+    r == null || r(t);
+  });
+  return $((t) => {
+    if (t.target instanceof HTMLButtonElement || t.target instanceof HTMLInputElement || t.target instanceof HTMLTextAreaElement || t.target instanceof HTMLSelectElement) {
+      e.current.isFocused = !0;
+      let o = t.target, u = (c) => {
+        if (e.current.isFocused = !1, o.disabled) {
+          let s = g(c);
+          a(s);
+        }
+        e.current.observer && (e.current.observer.disconnect(), e.current.observer = null);
+      };
+      o.addEventListener("focusout", u, {
+        once: !0
+      }), e.current.observer = new MutationObserver(() => {
+        if (e.current.isFocused && o.disabled) {
+          var c;
+          (c = e.current.observer) === null || c === void 0 || c.disconnect();
+          let s = o === document.activeElement ? null : document.activeElement;
+          o.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: s
+          })), o.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: s
+          }));
+        }
+      }), e.current.observer.observe(o, {
+        attributes: !0,
+        attributeFilter: [
+          "disabled"
+        ]
+      });
+    }
   }, [
-    t,
-    n,
-    f
+    a
   ]);
-  return {
-    focusProps: {
-      onFocus: !r && (n || t || o) ? i : void 0,
-      onBlur: !r && (o || t) ? c : void 0
-    }
+}
+let d = !1;
+function y(r) {
+  for (; r && !p(r); ) r = r.parentElement;
+  let e = b(r), a = e.document.activeElement;
+  if (!a || a === r) return;
+  d = !0;
+  let t = !1, o = (n) => {
+    (n.target === a || t) && n.stopImmediatePropagation();
+  }, u = (n) => {
+    (n.target === a || t) && (n.stopImmediatePropagation(), !r && !t && (t = !0, l(a), i()));
+  }, c = (n) => {
+    (n.target === r || t) && n.stopImmediatePropagation();
+  }, s = (n) => {
+    (n.target === r || t) && (n.stopImmediatePropagation(), t || (t = !0, l(a), i()));
   };
+  e.addEventListener("blur", o, !0), e.addEventListener("focusout", u, !0), e.addEventListener("focusin", s, !0), e.addEventListener("focus", c, !0);
+  let i = () => {
+    cancelAnimationFrame(f), e.removeEventListener("blur", o, !0), e.removeEventListener("focusout", u, !0), e.removeEventListener("focusin", s, !0), e.removeEventListener("focus", c, !0), d = !1, t = !1;
+  }, f = requestAnimationFrame(i);
+  return i;
 }
 export {
-  x as useFocus
+  g as createSyntheticEvent,
+  d as ignoreFocusEvent,
+  y as preventFocus,
+  h as setEventTarget,
+  I as useSyntheticBlurEvent
 };

package/index323.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index235.js"),l=require("./index238.js"),E=require("./index230.js"),m=require("./index252.js"),p=require("./index258.js"),d=require("react");function f(r){let e=r;return e.nativeEvent=r,e.isDefaultPrevented=()=>e.defaultPrevented,e.isPropagationStopped=()=>e.cancelBubble,e.persist=()=>{},e}function g(r,e){Object.defineProperty(r,"target",{value:e}),Object.defineProperty(r,"currentTarget",{value:e})}function F(r){let e=d.useRef({isFocused:!1,observer:null});E.useLayoutEffect(()=>{const t=e.current;return()=>{t.observer&&(t.observer.disconnect(),t.observer=null)}},[]);let u=m.useEffectEvent(t=>{r==null||r(t)});return d.useCallback(t=>{if(t.target instanceof HTMLButtonElement||t.target instanceof HTMLInputElement||t.target instanceof HTMLTextAreaElement||t.target instanceof HTMLSelectElement){e.current.isFocused=!0;let o=t.target,s=c=>{if(e.current.isFocused=!1,o.disabled){let i=f(c);u(i)}e.current.observer&&(e.current.observer.disconnect(),e.current.observer=null)};o.addEventListener("focusout",s,{once:!0}),e.current.observer=new MutationObserver(()=>{if(e.current.isFocused&&o.disabled){var c;(c=e.current.observer)===null||c===void 0||c.disconnect();let i=o===document.activeElement?null:document.activeElement;o.dispatchEvent(new FocusEvent("blur",{relatedTarget:i})),o.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:i}))}}),e.current.observer.observe(o,{attributes:!0,attributeFilter:["disabled"]})}},[u])}exports.ignoreFocusEvent=!1;function L(r){for(;r&&!p.isFocusable(r);)r=r.parentElement;let e=b.getOwnerWindow(r),u=e.document.activeElement;if(!u||u===r)return;exports.ignoreFocusEvent=!0;let t=!1,o=n=>{(n.target===u||t)&&n.stopImmediatePropagation()},s=n=>{(n.target===u||t)&&(n.stopImmediatePropagation(),!r&&!t&&(t=!0,l.focusWithoutScrolling(u),a()))},c=n=>{(n.target===r||t)&&n.stopImmediatePropagation()},i=n=>{(n.target===r||t)&&(n.stopImmediatePropagation(),t||(t=!0,l.focusWithoutScrolling(u),a()))};e.addEventListener("blur",o,!0),e.addEventListener("focusout",s,!0),e.addEventListener("focusin",i,!0),e.addEventListener("focus",c,!0);let a=()=>{cancelAnimationFrame(v),e.removeEventListener("blur",o,!0),e.removeEventListener("focusout",s,!0),e.removeEventListener("focusin",i,!0),e.removeEventListener("focus",c,!0),exports.ignoreFocusEvent=!1,t=!1},v=requestAnimationFrame(a);return a}exports.createSyntheticEvent=f;exports.preventFocus=L;exports.setEventTarget=g;exports.useSyntheticBlurEvent=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index322.js"),u=require("./index253.js"),m=require("./index241.js"),L=require("./index268.js");require("react");let f=null,y=new Set,a=new Map,i=!1,c=!1;function d(e,n){for(let t of y)t(e,n)}function g(e){return!(e.metaKey||!m.isMac()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function s(e){i=!0,g(e)&&(f="keyboard",d("keyboard",e))}function o(e){f="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(i=!0,d("pointer",e))}function b(e){L.isVirtualClick(e)&&(i=!0,f="virtual")}function $(e){e.target===window||e.target===document||l.ignoreFocusEvent||!e.isTrusted||(!i&&!c&&(f="virtual",d("virtual",e)),i=!1,c=!1)}function E(){l.ignoreFocusEvent||(i=!1,c=!0)}function v(e){if(typeof window>"u"||a.get(u.getOwnerWindow(e)))return;const n=u.getOwnerWindow(e),t=u.getOwnerDocument(e);let r=n.HTMLElement.prototype.focus;n.HTMLElement.prototype.focus=function(){i=!0,r.apply(this,arguments)},t.addEventListener("keydown",s,!0),t.addEventListener("keyup",s,!0),t.addEventListener("click",b,!0),n.addEventListener("focus",$,!0),n.addEventListener("blur",E,!1),typeof PointerEvent<"u"?(t.addEventListener("pointerdown",o,!0),t.addEventListener("pointermove",o,!0),t.addEventListener("pointerup",o,!0)):process.env.NODE_ENV==="test"&&(t.addEventListener("mousedown",o,!0),t.addEventListener("mousemove",o,!0),t.addEventListener("mouseup",o,!0)),n.addEventListener("beforeunload",()=>{p(e)},{once:!0}),a.set(n,{focus:r})}const p=(e,n)=>{const t=u.getOwnerWindow(e),r=u.getOwnerDocument(e);n&&r.removeEventListener("DOMContentLoaded",n),a.has(t)&&(t.HTMLElement.prototype.focus=a.get(t).focus,r.removeEventListener("keydown",s,!0),r.removeEventListener("keyup",s,!0),r.removeEventListener("click",b,!0),t.removeEventListener("focus",$,!0),t.removeEventListener("blur",E,!1),typeof PointerEvent<"u"?(r.removeEventListener("pointerdown",o,!0),r.removeEventListener("pointermove",o,!0),r.removeEventListener("pointerup",o,!0)):process.env.NODE_ENV==="test"&&(r.removeEventListener("mousedown",o,!0),r.removeEventListener("mousemove",o,!0),r.removeEventListener("mouseup",o,!0)),a.delete(t))};function w(e){const n=u.getOwnerDocument(e);let t;return n.readyState!=="loading"?v(e):(t=()=>{v(e)},n.addEventListener("DOMContentLoaded",t)),()=>p(e,t)}typeof document<"u"&&w();function O(){return f}function k(e){f=e,d(e,null)}exports.addWindowFocusTracking=w;exports.getInteractionModality=O;exports.hasSetupGlobalListeners=a;exports.setInteractionModality=k;