@okam/stack-ui 1.42.4 → 1.43.0

package/index328.mjs

@@ -1,95 +1,7 @@
-import { getOwnerWindow as b } from "./index241.mjs";
-import { focusWithoutScrolling as l } from "./index244.mjs";
-import { useLayoutEffect as v } from "./index236.mjs";
-import { useEffectEvent as m } from "./index258.mjs";
-import { isFocusable as p } from "./index264.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"
-        ]
-      });
-    }
-  }, [
-    a
-  ]);
-}
-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;
-}
+var s = {};
+s = {
+  dismiss: "關閉"
+};
 export {
-  g as createSyntheticEvent,
-  d as ignoreFocusEvent,
-  y as preventFocus,
-  h as setEventTarget,
-  I as useSyntheticBlurEvent
+  s as default
 };

package/index329.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index330.js");function r(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:n.createEventHandler(e.onKeyDown),onKeyUp:n.createEventHandler(e.onKeyUp)}}}exports.useKeyboard=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index332.js"),u=require("./index245.js"),b=require("./index249.js"),y=require("./index250.js"),w=require("./index264.js");require("react");let s=null,g=new Set,a=new Map,i=!1,c=!1;function d(e,n){for(let t of g)t(e,n)}function k(e){return!(e.metaKey||!y.isMac()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function f(e){i=!0,!b.openLink.isOpening&&k(e)&&(s="keyboard",d("keyboard",e))}function o(e){s="pointer","pointerType"in e&&e.pointerType,(e.type==="mousedown"||e.type==="pointerdown")&&(i=!0,d("pointer",e))}function p(e){!b.openLink.isOpening&&w.isVirtualClick(e)&&(i=!0,s="virtual")}function $(e){e.target===window||e.target===document||l.ignoreFocusEvent||!e.isTrusted||(!i&&!c&&(s="virtual",d("virtual",e)),i=!1,c=!1)}function E(){l.ignoreFocusEvent||(i=!1,c=!0)}function v(e){if(typeof window>"u"||typeof document>"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",f,!0),t.addEventListener("keyup",f,!0),t.addEventListener("click",p,!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",()=>{L(e)},{once:!0}),a.set(n,{focus:r})}const L=(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",f,!0),r.removeEventListener("keyup",f,!0),r.removeEventListener("click",p,!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 m(e){const n=u.getOwnerDocument(e);let t;return n.readyState!=="loading"?v(e):(t=()=>{v(e)},n.addEventListener("DOMContentLoaded",t)),()=>L(e,t)}typeof document<"u"&&m();function O(){return s}function h(e){s=e,d(e,null)}exports.addWindowFocusTracking=m;exports.getInteractionModality=O;exports.hasSetupGlobalListeners=a;exports.setInteractionModality=h;

package/index329.mjs

@@ -1,12 +1,66 @@
-import { createEventHandler as o } from "./index330.mjs";
-function r(e) {
-  return {
-    keyboardProps: e.isDisabled ? {} : {
-      onKeyDown: o(e.onKeyDown),
-      onKeyUp: o(e.onKeyUp)
-    }
-  };
+import { ignoreFocusEvent as b } from "./index332.mjs";
+import { getOwnerDocument as $, getOwnerWindow as s } from "./index245.mjs";
+import { openLink as p } from "./index249.mjs";
+import { isMac as y } from "./index250.mjs";
+import { isVirtualClick as w } from "./index264.mjs";
+import "react";
+let i = null, g = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), a = !1, c = !1;
+function u(e, n) {
+  for (let t of g) t(e, n);
+}
+function k(e) {
+  return !(e.metaKey || !y() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+function d(e) {
+  a = !0, !p.isOpening && k(e) && (i = "keyboard", u("keyboard", e));
+}
+function o(e) {
+  i = "pointer", "pointerType" in e && e.pointerType, (e.type === "mousedown" || e.type === "pointerdown") && (a = !0, u("pointer", e));
+}
+function l(e) {
+  !p.isOpening && w(e) && (a = !0, i = "virtual");
+}
+function E(e) {
+  e.target === window || e.target === document || b || !e.isTrusted || (!a && !c && (i = "virtual", u("virtual", e)), a = !1, c = !1);
+}
+function m() {
+  b || (a = !1, c = !0);
+}
+function v(e) {
+  if (typeof window > "u" || typeof document > "u" || f.get(s(e))) return;
+  const n = s(e), t = $(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", E, !0), n.addEventListener("blur", m, !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", () => {
+    L(e);
+  }, {
+    once: !0
+  }), f.set(n, {
+    focus: r
+  });
+}
+const L = (e, n) => {
+  const t = s(e), r = $(e);
+  n && r.removeEventListener("DOMContentLoaded", n), f.has(t) && (t.HTMLElement.prototype.focus = f.get(t).focus, r.removeEventListener("keydown", d, !0), r.removeEventListener("keyup", d, !0), r.removeEventListener("click", l, !0), t.removeEventListener("focus", E, !0), t.removeEventListener("blur", m, !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)), f.delete(t));
+};
+function h(e) {
+  const n = $(e);
+  let t;
+  return n.readyState !== "loading" ? v(e) : (t = () => {
+    v(e);
+  }, n.addEventListener("DOMContentLoaded", t)), () => L(e, t);
+}
+typeof document < "u" && h();
+function F() {
+  return i;
+}
+function j(e) {
+  i = e, u(e, null);
 }
 export {
-  r as useKeyboard
+  h as addWindowFocusTracking,
+  F as getInteractionModality,
+  f as hasSetupGlobalListeners,
+  j as setInteractionModality
 };

package/index33.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("./index163.js"),d=require("./index164.js"),p=require("./index165.js"),f=require("react"),i=require("./index36.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;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),i=require("./index37.js"),W=require("./index38.js"),G=require("./index166.js"),J=require("./index3.js"),Q=require("./index34.js"),p=require("./index35.js"),V=require("./index162.js");function X(o){const{popoverPlacement:h="bottom start",placement:P="bottom start",tokens:r,customTheme:x,themeName:t="datePicker",icon:k="ArrowDown",description:d,buttonLabel:f,buttonContent:b,label:l,children:j,invalidIndicator:c="❌",isDisabled:q=!1,isReadOnly:v=!1,isRequired:$=!1,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w}=o,S=P??h,s=U.useDatePickerState(o),{isInvalid:u,isOpen:T,hasTime:A}=s,a=L.useRef(null),{groupProps:F,fieldProps:m,labelProps:z,descriptionProps:B,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(o,s,a),n={isInvalid:u,isOpen:T,hasTime:A,isDisabled:q,isReadOnly:v,isRequired:$,...r};return e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:x,children:[l&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:l}),d&&e.jsx(i.default,{as:"div",themeName:`${t}.description`,tokens:n,...B,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:a,groupProps:F,buttonProps:E,buttonLabel:f,buttonContent:b,icon:k,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"outer"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:c})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:{...r,isInvalid:u},triggerRef:a,state:s,placement:S,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[j,e.jsxs(i.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"inner"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:c})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;

package/index33.mjs

@@ -1,27 +1,115 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { DismissButton as f } from "./index163.mjs";
-import { usePopover as n } from "./index164.mjs";
-import { Overlay as d } from "./index165.mjs";
-import * as l from "react";
-import $, { BoxWithForwardRef as x } from "./index36.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 "./index37.mjs";
+import G from "./index38.mjs";
+import { Dialog as J } from "./index166.mjs";
+import Q from "./index3.mjs";
+import { CalendarPopover as V } from "./index34.mjs";
+import f from "./index35.mjs";
+import X from "./index162.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/index330.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(o){if(!o)return;let e=!0;return t=>{let r={...t,preventDefault(){t.preventDefault()},isDefaultPrevented(){return t.isDefaultPrevented()},stopPropagation(){e&&process.env.NODE_ENV!=="production"?console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior."):e=!0},continuePropagation(){e=!1},isPropagationStopped(){return e}};o(r),e&&t.stopPropagation()}}exports.createEventHandler=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({register:()=>{}});e.displayName="PressResponderContext";exports.PressResponderContext=e;

package/index330.mjs

@@ -1,28 +1,9 @@
-function n(o) {
-  if (!o) return;
-  let e = !0;
-  return (t) => {
-    let r = {
-      ...t,
-      preventDefault() {
-        t.preventDefault();
-      },
-      isDefaultPrevented() {
-        return t.isDefaultPrevented();
-      },
-      stopPropagation() {
-        e && process.env.NODE_ENV !== "production" ? console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.") : e = !0;
-      },
-      continuePropagation() {
-        e = !1;
-      },
-      isPropagationStopped() {
-        return e;
-      }
-    };
-    o(r), e && t.stopPropagation();
-  };
-}
+import e from "react";
+const t = e.createContext({
+  register: () => {
+  }
+});
+t.displayName = "PressResponderContext";
 export {
-  n as createEventHandler
+  t as PressResponderContext
 };

package/index331.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index241.js"),r=require("./index247.js"),c=require("./index246.js");let n="default",s="",l=new WeakMap;function u(e){if(c.isIOS()){if(n==="default"){const t=o.getOwnerDocument(e);s=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}n="disabled"}else if(e instanceof HTMLElement||e instanceof SVGElement){let t="userSelect"in e.style?"userSelect":"webkitUserSelect";l.set(e,e.style[t]),e.style[t]="none"}}function d(e){if(c.isIOS()){if(n!=="disabled")return;n="restoring",setTimeout(()=>{r.runAfterTransition(()=>{if(n==="restoring"){const t=o.getOwnerDocument(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=s||""),s="",n="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&l.has(e)){let t=l.get(e),i="userSelect"in e.style?"userSelect":"webkitUserSelect";e.style[i]==="none"&&(e.style[i]=t),e.getAttribute("style")===""&&e.removeAttribute("style"),l.delete(e)}}exports.disableTextSelection=u;exports.restoreTextSelection=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index332.js"),a=require("react"),r=require("./index244.js"),F=require("./index245.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/index331.mjs

@@ -1,36 +1,30 @@
-import { getOwnerDocument as i } from "./index241.mjs";
-import { runAfterTransition as f } from "./index247.mjs";
-import { isIOS as o } from "./index246.mjs";
-let l = "default", s = "", n = /* @__PURE__ */ new WeakMap();
-function m(e) {
-  if (o()) {
-    if (l === "default") {
-      const t = i(e);
-      s = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
+import { useSyntheticBlurEvent as l } from "./index332.mjs";
+import { useCallback as u } from "react";
+import { getActiveElement as a, getEventTarget as p } from "./index244.mjs";
+import { getOwnerDocument as m } from "./index245.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
     }
-    l = "disabled";
-  } else if (e instanceof HTMLElement || e instanceof SVGElement) {
-    let t = "userSelect" in e.style ? "userSelect" : "webkitUserSelect";
-    n.set(e, e.style[t]), e.style[t] = "none";
-  }
-}
-function $(e) {
-  if (o()) {
-    if (l !== "disabled") return;
-    l = "restoring", setTimeout(() => {
-      f(() => {
-        if (l === "restoring") {
-          const t = i(e);
-          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = s || ""), s = "", l = "default";
-        }
-      });
-    }, 300);
-  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && n.has(e)) {
-    let t = n.get(e), c = "userSelect" in e.style ? "userSelect" : "webkitUserSelect";
-    e.style[c] === "none" && (e.style[c] = t), e.getAttribute("style") === "" && e.removeAttribute("style"), n.delete(e);
-  }
+  };
 }
 export {
-  m as disableTextSelection,
-  $ as restoreTextSelection
+  x as useFocus
 };

package/index332.js

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

package/index332.mjs

@@ -1,9 +1,90 @@
-import { _ as s } from "./index343.mjs";
-import { _ as a } from "./index344.mjs";
-function p(_, r) {
-  var t = a(_, r, "get");
-  return s(_, t);
+import { getOwnerWindow as b } from "./index245.mjs";
+import { focusWithoutScrolling as d } from "./index248.mjs";
+import { useLayoutEffect as v } from "./index240.mjs";
+import { isFocusable as m } from "./index268.mjs";
+import { useRef as p, useCallback as E } from "react";
+function $(t) {
+  let e = t;
+  return e.nativeEvent = t, e.isDefaultPrevented = () => e.defaultPrevented, e.isPropagationStopped = () => e.cancelBubble, e.persist = () => {
+  }, e;
+}
+function P(t, e) {
+  Object.defineProperty(t, "target", {
+    value: e
+  }), Object.defineProperty(t, "currentTarget", {
+    value: e
+  });
+}
+function w(t) {
+  let e = p({
+    isFocused: !1,
+    observer: null
+  });
+  return v(() => {
+    const n = e.current;
+    return () => {
+      n.observer && (n.observer.disconnect(), n.observer = null);
+    };
+  }, []), E((n) => {
+    if (n.target instanceof HTMLButtonElement || n.target instanceof HTMLInputElement || n.target instanceof HTMLTextAreaElement || n.target instanceof HTMLSelectElement) {
+      e.current.isFocused = !0;
+      let r = n.target, s = (a) => {
+        if (e.current.isFocused = !1, r.disabled) {
+          let c = $(a);
+          t == null || t(c);
+        }
+        e.current.observer && (e.current.observer.disconnect(), e.current.observer = null);
+      };
+      r.addEventListener("focusout", s, {
+        once: !0
+      }), e.current.observer = new MutationObserver(() => {
+        if (e.current.isFocused && r.disabled) {
+          var a;
+          (a = e.current.observer) === null || a === void 0 || a.disconnect();
+          let c = r === document.activeElement ? null : document.activeElement;
+          r.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: c
+          })), r.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: c
+          }));
+        }
+      }), e.current.observer.observe(r, {
+        attributes: !0,
+        attributeFilter: [
+          "disabled"
+        ]
+      });
+    }
+  }, [
+    t
+  ]);
+}
+let l = !1;
+function h(t) {
+  for (; t && !m(t); ) t = t.parentElement;
+  let e = b(t), n = e.document.activeElement;
+  if (!n || n === t) return;
+  l = !0;
+  let r = !1, s = (o) => {
+    (o.target === n || r) && o.stopImmediatePropagation();
+  }, a = (o) => {
+    (o.target === n || r) && (o.stopImmediatePropagation(), !t && !r && (r = !0, d(n), u()));
+  }, c = (o) => {
+    (o.target === t || r) && o.stopImmediatePropagation();
+  }, i = (o) => {
+    (o.target === t || r) && (o.stopImmediatePropagation(), r || (r = !0, d(n), u()));
+  };
+  e.addEventListener("blur", s, !0), e.addEventListener("focusout", a, !0), e.addEventListener("focusin", i, !0), e.addEventListener("focus", c, !0);
+  let u = () => {
+    cancelAnimationFrame(f), e.removeEventListener("blur", s, !0), e.removeEventListener("focusout", a, !0), e.removeEventListener("focusin", i, !0), e.removeEventListener("focus", c, !0), l = !1, r = !1;
+  }, f = requestAnimationFrame(u);
+  return u;
 }
 export {
-  p as _
+  $ as createSyntheticEvent,
+  l as ignoreFocusEvent,
+  h as preventFocus,
+  P as setEventTarget,
+  w as useSyntheticBlurEvent
 };

package/index333.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index345.js"),c=require("./index344.js");function i(t,r,e){var s=c._(t,r,"set");return _._(t,s,e),e}exports._=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index334.js");function r(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:n.createEventHandler(e.onKeyDown),onKeyUp:n.createEventHandler(e.onKeyUp)}}}exports.useKeyboard=r;

package/index333.mjs

@@ -1,9 +1,12 @@
-import { _ as a } from "./index345.mjs";
-import { _ as o } from "./index344.mjs";
-function i(s, r, _) {
-  var t = o(s, r, "set");
-  return a(s, t, _), _;
+import { createEventHandler as o } from "./index334.mjs";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
+    }
+  };
 }
 export {
-  i as _
+  r as useKeyboard
 };

package/index334.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index234.js"),f=require("./index241.js"),m=require("./index154.js"),L=require("./index244.js"),y=require("./index248.js"),D=require("./index256.js"),T=require("react"),h=500;function v(c){let{isDisabled:s,onLongPressStart:n,onLongPressEnd:o,onLongPress:r,threshold:l=h,accessibilityDescription:p}=c;const t=T.useRef(void 0);let{addGlobalListener:i,removeGlobalListener:a}=y.useGlobalListeners(),{pressProps:d}=b.usePress({isDisabled:s,onPressStart(e){if(e.continuePropagation(),(e.pointerType==="mouse"||e.pointerType==="touch")&&(n&&n({...e,type:"longpressstart"}),t.current=setTimeout(()=>{e.target.dispatchEvent(new PointerEvent("pointercancel",{bubbles:!0})),f.getOwnerDocument(e.target).activeElement!==e.target&&L.focusWithoutScrolling(e.target),r&&r({...e,type:"longpress"}),t.current=void 0},l),e.pointerType==="touch")){let u=P=>{P.preventDefault()};i(e.target,"contextmenu",u,{once:!0}),i(window,"pointerup",()=>{setTimeout(()=>{a(e.target,"contextmenu",u)},30)},{once:!0})}},onPressEnd(e){t.current&&clearTimeout(t.current),o&&(e.pointerType==="mouse"||e.pointerType==="touch")&&o({...e,type:"longpressend"})}}),g=D.useDescription(r&&!s?p:void 0);return{longPressProps:m.mergeProps(d,g)}}exports.useLongPress=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(o){if(!o)return;let e=!0;return t=>{let r={...t,preventDefault(){t.preventDefault()},isDefaultPrevented(){return t.isDefaultPrevented()},stopPropagation(){e&&process.env.NODE_ENV!=="production"?console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior."):e=!0},continuePropagation(){e=!1},isPropagationStopped(){return e}};o(r),e&&t.stopPropagation()}}exports.createEventHandler=n;