@okam/stack-ui 1.42.4 → 1.43.0

package/index259.mjs

@@ -1,46 +1,8 @@
-import { getScrollParents as I } from "./index255.mjs";
-function W(o, e) {
-  let t = L(o, e, "left"), d = L(o, e, "top"), l = e.offsetWidth, r = e.offsetHeight, f = o.scrollLeft, c = o.scrollTop, { borderTopWidth: i, borderLeftWidth: s, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(s, 10), u = c + parseInt(i, 10), b = x + o.clientWidth, p = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
-  t <= f + $ ? f = t - parseInt(s, 10) - $ : t + l > b - h && (f += t + l - b + h), d <= u + P ? c = d - parseInt(i, 10) - P : d + r > p - v && (c += d + r - p + v), o.scrollLeft = f, o.scrollTop = c;
-}
-function L(o, e, t) {
-  const d = t === "left" ? "offsetLeft" : "offsetTop";
-  let l = 0;
-  for (; e.offsetParent && (l += e[d], e.offsetParent !== o); ) {
-    if (e.offsetParent.contains(o)) {
-      l -= o[d];
-      break;
-    }
-    e = e.offsetParent;
-  }
-  return l;
-}
-function B(o, e) {
-  if (o && document.contains(o)) {
-    let f = document.scrollingElement || document.documentElement;
-    if (window.getComputedStyle(f).overflow === "hidden") {
-      let i = I(o);
-      for (let s of i) W(s, o);
-    } else {
-      var t;
-      let { left: i, top: s } = o.getBoundingClientRect();
-      o == null || (t = o.scrollIntoView) === null || t === void 0 || t.call(o, {
-        block: "nearest"
-      });
-      let { left: n, top: a } = o.getBoundingClientRect();
-      if (Math.abs(i - n) > 1 || Math.abs(s - a) > 1) {
-        var d, l, r;
-        e == null || (l = e.containingElement) === null || l === void 0 || (d = l.scrollIntoView) === null || d === void 0 || d.call(l, {
-          block: "center",
-          inline: "center"
-        }), (r = o.scrollIntoView) === null || r === void 0 || r.call(o, {
-          block: "nearest"
-        });
-      }
-    }
-  }
+function c(l, r) {
+  if (!l) return !1;
+  let t = window.getComputedStyle(l), e = /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
+  return e && r && (e = l.scrollHeight !== l.clientHeight || l.scrollWidth !== l.clientWidth), e;
 }
 export {
-  W as scrollIntoView,
-  B as scrollIntoViewport
+  c as isScrollable
 };

package/index26.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),N=require("./index153.js"),p=require("@react-aria/focus"),H=require("./index154.js"),O=require("./index155.js"),S=require("./index156.js"),B=require("radashi"),D=require("react"),C=require("react-hook-form"),q=require("./index88.js"),I=require("./index96.js"),V=require("./index23.js"),E=require("./index3.js"),P=i=>{const{id:g,label:e,isDisabled:d=!1,isError:l=!1,errorMessage:u,ariaLabel:j,icon:h,themeName:r="checkbox",tokens:a,customTheme:o}=i,k=S.useToggleState(i),x=D.useRef(null),{inputProps:f,labelProps:R}=N.useCheckbox(i,k,x),{isSelected:F}=k,{focusProps:c,isFocusVisible:n}=p.useFocusRing(),t={...a,selected:F,isDisabled:d,isError:l,isFocusVisible:n},T=q(`${r}.container`,t,o),M=q(`${r}.checkBox`,t,o),v=q(`${r}.checkMark`,t,o),m=q(`${r}.checkMarkIcon`,t,o);return s.jsxs("div",{children:[s.jsx(p.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:s.jsxs("label",{className:T,htmlFor:g,"aria-label":j,"aria-disabled":d,...R,children:[s.jsx(O.VisuallyHidden,{children:s.jsx("input",{type:"checkbox",ref:x,...H.mergeProps(f,c)})}),s.jsx("div",{className:M,children:s.jsx("div",{className:v,children:h&&s.jsx(V,{icon:h,customTheme:m})})}),s.jsx(E.default,{themeName:`${r}.label`,tokens:t,children:e})]})}),l&&u&&s.jsx(E.default,{themeName:`${r}.errorMessage`,tokens:t,children:u})]})},_=({name:i,label:g,rules:e,tokens:d,ariaLabel:l,defaultValue:u=!1,themeName:j="checkbox",isDisabled:h=!1,icon:r,onChange:a,onBlur:o,...k})=>{const{control:x}=C.useFormContext(),{t:f}=I.useTranslation(),R=()=>{const c=Object.entries(k).filter(([n,t])=>n.startsWith("aria-"));return Object.fromEntries(c)},F={required:e!=null&&e.required?f("FORM.ERROR.REQUIRED")??"required":!1,...e};return s.jsx(C.Controller,{name:i,control:x,rules:F,disabled:e==null?void 0:e.disabled,defaultValue:u,render:({field:c,fieldState:n})=>{var $;const{ref:t,value:T,...M}=c,v=!B.isEmpty(n.error),m={isDisabled:c.disabled??h,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isError:v},y={...d,...m};return s.jsx(P,{...M,...m,...R(),id:i,isSelected:T,name:i,themeName:j,label:g,tokens:y,ariaLabel:l,icon:r,errorMessage:($=n.error)==null?void 0:$.message,onChange:b=>{c.onChange(b),a==null||a(b)},onBlur:b=>{c.onBlur(),o==null||o(b)}})}})};exports.ReactHookFormCheckBox=_;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),B=require("radashi"),D=require("react"),w=require("react-aria"),H=require("react-hook-form"),K=require("react-stately"),V=require("./index97.js"),T=require("./index37.js"),C=require("./index6.js"),Q=require("./index24.js"),W=require("./index3.js"),U=require("./index50.js"),z=require("./index155.js"),G=require("./index156.js"),A=R=>{var O;const{name:h,placeholderLabel:g,disabled:e,required:b,isInvalid:f,hookFormRef:d,isError:l=!1,errorMessage:u,themeName:r="select",tokens:m,customTheme:I,label:q,onSelectionChange:j,defaultValue:v,value:$,icon:S,popoverMatchesWidth:N,options:c,...i}=R,o=D.useRef(null),n=D.useRef(null),F=a=>{a&&(d==null||d(a),o.current=a)},k=c==null?void 0:c.filter(a=>{var P;return!((P=a.key)!=null&&P.includes("header-"))}),s=K.useSelectState({...i,children:U,selectedKey:$,defaultSelectedKey:v,items:k,onSelectionChange:j,isDisabled:e,isRequired:b,isInvalid:f}),{triggerProps:M,menuProps:p,labelProps:x,valueProps:L}=w.useSelect({...i,label:q,isDisabled:e,isRequired:b,isInvalid:f},s,F),{onPress:y,onPressStart:E,..._}=M;return t.jsxs(T.default,{themeName:`${r}.wrapper`,children:[q&&t.jsx(W.default,{...x,as:"label",themeName:`${r}.label`,children:q}),t.jsx(w.HiddenSelect,{state:s,triggerRef:n,name:h,isDisabled:!0}),t.jsxs(T.default,{themeName:`${r}.container`,children:[t.jsxs(C.ButtonWithForwardRef,{..._,handlePress:a=>{y==null||y(a),E==null||E(a)},ref:n,disabled:e,themeName:`${r}.button`,tokens:{...m,intent:l?"error":"default"},children:[t.jsx("span",{...L,children:s.selectedItem?s.selectedItem.rendered:g}),t.jsx(Q,{icon:S??"ArrowDown"})]}),s.isOpen&&n.current&&t.jsx(G,{tokens:m,state:s,triggerRef:n,placement:"bottom",themeName:`${r}.popover`,style:{[`--${r}-container-width`]:`${(O=n.current)==null?void 0:O.offsetWidth}px`},children:t.jsx(z.ListBox,{...p,themeName:r,state:s,optionsWithHeaders:c??[]})}),l&&t.jsx(W.default,{tokens:{...m,isError:l},themeName:`${r}.errorMessage`,children:u})]})]})},J=({id:R,name:h,label:g,rules:e,tokens:b,defaultValue:f,themeName:d="select",required:l,onChange:u,options:r,placeholderLabel:m,icon:I,popoverMatchesWidth:q,value:j,...v})=>{const{control:$}=H.useFormContext(),{t:S}=V.useTranslation(),N=()=>{const i=Object.entries(v).filter(([o,n])=>o.startsWith("aria-"));return Object.fromEntries(i)},c={required:l?S("FORM.ERROR.REQUIRED")??"required":!1,...e};return t.jsx(H.Controller,{name:h,control:$,rules:c,disabled:e==null?void 0:e.disabled,defaultValue:f??j,render:({field:i,fieldState:o})=>{var p;const{ref:n,...F}=i,k=!B.isEmpty(o.error),s={isDisabled:i.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:o.invalid,isError:k},M={...b,...s};return t.jsx(A,{...F,...s,...N(),id:R,hookFormRef:n,name:h,themeName:d,label:g,tokens:M,disabled:i.disabled,required:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:o.invalid,errorMessage:(p=o.error)==null?void 0:p.message,value:i.value,options:r,placeholderLabel:m,icon:I,popoverMatchesWidth:q,onSelectionChange:x=>{i.onChange(x),u==null||u(x)}})}})};exports.ReactHookFormSelect=J;exports.default=A;

package/index26.mjs

@@ -1,107 +1,162 @@
 "use client";
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { useCheckbox as N } from "./index153.mjs";
-import { useFocusRing as P, FocusRing as j } from "@react-aria/focus";
-import { mergeProps as D } from "./index154.mjs";
-import { VisuallyHidden as I } from "./index155.mjs";
-import { useToggleState as O } from "./index156.mjs";
-import { isEmpty as B } from "radashi";
-import { useRef as H } from "react";
-import { useFormContext as S, Controller as V } from "react-hook-form";
-import x from "./index88.mjs";
-import { useTranslation as w } from "./index96.mjs";
-import A from "./index23.mjs";
-import y from "./index3.mjs";
-const L = (i) => {
+import { jsxs as M, jsx as i } from "react/jsx-runtime";
+import { isEmpty as A } from "radashi";
+import { useRef as T } from "react";
+import { useSelect as K, HiddenSelect as L } from "react-aria";
+import { useFormContext as V, Controller as C } from "react-hook-form";
+import { useSelectState as Q } from "react-stately";
+import { useTranslation as U } from "./index97.mjs";
+import W from "./index37.mjs";
+import { ButtonWithForwardRef as _ } from "./index6.mjs";
+import z from "./index24.mjs";
+import j from "./index3.mjs";
+import G from "./index50.mjs";
+import { ListBox as J } from "./index155.mjs";
+import X from "./index156.mjs";
+const Y = (q) => {
+  var S;
   const {
-    id: $,
-    label: e,
-    isDisabled: m = !1,
-    isError: d = !1,
-    errorMessage: h,
-    ariaLabel: u,
-    icon: f,
-    themeName: r = "checkbox",
-    tokens: n,
-    customTheme: c
-  } = i, l = O(i), k = H(null), { inputProps: g, labelProps: R } = N(i, l, k), { isSelected: T } = l, { focusProps: t, isFocusVisible: a } = P(), s = { ...n, selected: T, isDisabled: m, isError: d, isFocusVisible: a }, F = x(`${r}.container`, s, c), M = x(`${r}.checkBox`, s, c), q = x(`${r}.checkMark`, s, c), p = x(`${r}.checkMarkIcon`, s, c);
-  return /* @__PURE__ */ v("div", { children: [
-    /* @__PURE__ */ o(j, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ v(
-      "label",
-      {
-        className: F,
-        htmlFor: $,
-        "aria-label": u,
-        "aria-disabled": m,
-        ...R,
-        children: [
-          /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o("input", { type: "checkbox", ref: k, ...D(g, t) }) }),
-          /* @__PURE__ */ o("div", { className: M, children: /* @__PURE__ */ o("div", { className: q, children: f && /* @__PURE__ */ o(A, { icon: f, customTheme: p }) }) }),
-          /* @__PURE__ */ o(y, { themeName: `${r}.label`, tokens: s, children: e })
-        ]
-      }
-    ) }),
-    d && h && /* @__PURE__ */ o(y, { themeName: `${r}.errorMessage`, tokens: s, children: h })
+    name: h,
+    placeholderLabel: v,
+    disabled: e,
+    required: u,
+    isInvalid: b,
+    hookFormRef: c,
+    isError: m = !1,
+    errorMessage: l,
+    themeName: r = "select",
+    tokens: p,
+    customTheme: O,
+    label: f,
+    onSelectionChange: I,
+    defaultValue: $,
+    value: x,
+    icon: y,
+    popoverMatchesWidth: P,
+    options: d,
+    ...t
+  } = q, s = T(null), n = T(null), D = (a) => {
+    a && (c == null || c(a), s.current = a);
+  }, E = d == null ? void 0 : d.filter((a) => {
+    var w;
+    return !((w = a.key) != null && w.includes("header-"));
+  }), o = Q({
+    ...t,
+    children: G,
+    selectedKey: x,
+    defaultSelectedKey: $,
+    items: E,
+    onSelectionChange: I,
+    isDisabled: e,
+    isRequired: u,
+    isInvalid: b
+  }), { triggerProps: F, menuProps: R, labelProps: g, valueProps: B } = K(
+    { ...t, label: f, isDisabled: e, isRequired: u, isInvalid: b },
+    o,
+    D
+  ), { onPress: N, onPressStart: k, ...H } = F;
+  return /* @__PURE__ */ M(W, { themeName: `${r}.wrapper`, children: [
+    f && /* @__PURE__ */ i(j, { ...g, as: "label", themeName: `${r}.label`, children: f }),
+    /* @__PURE__ */ i(L, { state: o, triggerRef: n, name: h, isDisabled: !0 }),
+    /* @__PURE__ */ M(W, { themeName: `${r}.container`, children: [
+      /* @__PURE__ */ M(
+        _,
+        {
+          ...H,
+          handlePress: (a) => {
+            N == null || N(a), k == null || k(a);
+          },
+          ref: n,
+          disabled: e,
+          themeName: `${r}.button`,
+          tokens: { ...p, intent: m ? "error" : "default" },
+          children: [
+            /* @__PURE__ */ i("span", { ...B, children: o.selectedItem ? o.selectedItem.rendered : v }),
+            /* @__PURE__ */ i(z, { icon: y ?? "ArrowDown" })
+          ]
+        }
+      ),
+      o.isOpen && n.current && /* @__PURE__ */ i(
+        X,
+        {
+          tokens: p,
+          state: o,
+          triggerRef: n,
+          placement: "bottom",
+          themeName: `${r}.popover`,
+          style: { [`--${r}-container-width`]: `${(S = n.current) == null ? void 0 : S.offsetWidth}px` },
+          children: /* @__PURE__ */ i(J, { ...R, themeName: r, state: o, optionsWithHeaders: d ?? [] })
+        }
+      ),
+      m && /* @__PURE__ */ i(j, { tokens: { ...p, isError: m }, themeName: `${r}.errorMessage`, children: l })
+    ] })
   ] });
-}, re = ({
-  name: i,
-  label: $,
+}, fe = ({
+  id: q,
+  name: h,
+  label: v,
   rules: e,
-  tokens: m,
-  ariaLabel: d,
-  defaultValue: h = !1,
-  themeName: u = "checkbox",
-  isDisabled: f = !1,
-  icon: r,
-  onChange: n,
-  onBlur: c,
-  ...l
+  tokens: u,
+  defaultValue: b,
+  themeName: c = "select",
+  required: m,
+  onChange: l,
+  options: r,
+  placeholderLabel: p,
+  icon: O,
+  popoverMatchesWidth: f,
+  value: I,
+  ...$
 }) => {
-  const { control: k } = S(), { t: g } = w(), R = () => {
-    const t = Object.entries(l).filter(([a, s]) => a.startsWith("aria-"));
+  const { control: x } = V(), { t: y } = U(), P = () => {
+    const t = Object.entries($).filter(([s, n]) => s.startsWith("aria-"));
     return Object.fromEntries(t);
-  }, T = {
-    required: e != null && e.required ? g("FORM.ERROR.REQUIRED") ?? "required" : !1,
+  }, d = {
+    required: m ? y("FORM.ERROR.REQUIRED") ?? "required" : !1,
     ...e
   };
-  return /* @__PURE__ */ o(
-    V,
+  return /* @__PURE__ */ i(
+    C,
     {
-      name: i,
-      control: k,
-      rules: T,
+      name: h,
+      control: x,
+      rules: d,
       disabled: e == null ? void 0 : e.disabled,
-      defaultValue: h,
-      render: ({ field: t, fieldState: a }) => {
-        var E;
-        const { ref: s, value: F, ...M } = t, q = !B(a.error), p = {
-          isDisabled: t.disabled ?? f,
+      defaultValue: b ?? I,
+      render: ({ field: t, fieldState: s }) => {
+        var R;
+        const { ref: n, ...D } = t, E = !A(s.error), o = {
+          isDisabled: t.disabled ?? !1,
           isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isError: q
-        }, C = {
-          ...m,
-          ...p
+          isInvalid: s.invalid,
+          isError: E
+        }, F = {
+          ...u,
+          ...o
         };
-        return /* @__PURE__ */ o(
-          L,
+        return /* @__PURE__ */ i(
+          Y,
           {
-            ...M,
-            ...p,
-            ...R(),
-            id: i,
-            isSelected: F,
-            name: i,
-            themeName: u,
-            label: $,
-            tokens: C,
-            ariaLabel: d,
-            icon: r,
-            errorMessage: (E = a.error) == null ? void 0 : E.message,
-            onChange: (b) => {
-              t.onChange(b), n == null || n(b);
-            },
-            onBlur: (b) => {
-              t.onBlur(), c == null || c(b);
+            ...D,
+            ...o,
+            ...P(),
+            id: q,
+            hookFormRef: n,
+            name: h,
+            themeName: c,
+            label: v,
+            tokens: F,
+            disabled: t.disabled,
+            required: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+            isInvalid: s.invalid,
+            errorMessage: (R = s.error) == null ? void 0 : R.message,
+            value: t.value,
+            options: r,
+            placeholderLabel: p,
+            icon: O,
+            popoverMatchesWidth: f,
+            onSelectionChange: (g) => {
+              t.onChange(g), l == null || l(g);
             }
           }
         );
@@ -110,6 +165,6 @@ const L = (i) => {
   );
 };
 export {
-  re as ReactHookFormCheckBox,
-  L as default
+  fe as ReactHookFormSelect,
+  Y as default
 };

package/index260.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index246.js");function t(r){return r.mozInputSource===0&&r.isTrusted?!0:i.isAndroid()&&r.pointerType?r.type==="click"&&r.buttons===1:r.detail===0&&!r.pointerType}function o(r){return!i.isAndroid()&&r.width===0&&r.height===0||r.width===1&&r.height===1&&r.pressure===0&&r.detail===0&&r.pointerType==="mouse"}exports.isVirtualClick=t;exports.isVirtualPointerEvent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index259.js");function r(e,c){const t=[];for(;e&&e!==document.documentElement;)l.isScrollable(e,c)&&t.push(e),e=e.parentElement;return t}exports.getScrollParents=r;

package/index260.mjs

@@ -1,11 +1,10 @@
-import { isAndroid as i } from "./index246.mjs";
-function o(r) {
-  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
-}
-function u(r) {
-  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+import { isScrollable as r } from "./index259.mjs";
+function s(e, t) {
+  const c = [];
+  for (; e && e !== document.documentElement; )
+    r(e, t) && c.push(e), e = e.parentElement;
+  return c;
 }
 export {
-  o as isVirtualClick,
-  u as isVirtualPointerEvent
+  s as getScrollParents
 };

package/index261.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index258.js"),o=require("react");function s(t,d,u){let i=o.useRef(d),r=l.useEffectEvent(()=>{u&&u(i.current)});o.useEffect(()=>{var n;let e=t==null||(n=t.current)===null||n===void 0?void 0:n.form;return e==null||e.addEventListener("reset",r),()=>{e==null||e.removeEventListener("reset",r)}},[t,r])}exports.useFormReset=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index240.js"),f=require("react");let l=0;const r=new Map;function i(t){let[u,a]=f.useState();return o.useLayoutEffect(()=>{if(!t)return;let e=r.get(t);if(e)a(e.element.id);else{let d=`react-aria-description-${l++}`;a(d);let n=document.createElement("div");n.id=d,n.style.display="none",n.textContent=t,document.body.appendChild(n),e={refCount:0,element:n},r.set(t,e)}return e.refCount++,()=>{e&&--e.refCount===0&&(e.element.remove(),r.delete(t))}},[t]),{"aria-describedby":t?u:void 0}}exports.useDescription=i;

package/index261.mjs

@@ -1,20 +1,32 @@
-import { useEffectEvent as u } from "./index258.mjs";
-import { useRef as a, useEffect as f } from "react";
-function s(t, n, d) {
-  let i = a(n), r = u(() => {
-    d && d(i.current);
-  });
-  f(() => {
-    var o;
-    let e = t == null || (o = t.current) === null || o === void 0 ? void 0 : o.form;
-    return e == null || e.addEventListener("reset", r), () => {
-      e == null || e.removeEventListener("reset", r);
+import { useLayoutEffect as o } from "./index240.mjs";
+import { useState as l } from "react";
+let u = 0;
+const d = /* @__PURE__ */ new Map();
+function s(t) {
+  let [f, n] = l();
+  return o(() => {
+    if (!t) return;
+    let e = d.get(t);
+    if (e)
+      n(e.element.id);
+    else {
+      let r = `react-aria-description-${u++}`;
+      n(r);
+      let a = document.createElement("div");
+      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
+        refCount: 0,
+        element: a
+      }, d.set(t, e);
+    }
+    return e.refCount++, () => {
+      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
     };
   }, [
-    t,
-    r
-  ]);
+    t
+  ]), {
+    "aria-describedby": t ? f : void 0
+  };
 }
 export {
-  s as useFormReset
+  s as useDescription
 };

package/index262.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c="react-aria-clear-focus",e="react-aria-focus";exports.CLEAR_FOCUS_EVENT=c;exports.FOCUS_EVENT=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index256.js"),s=require("react");function i(e,t,n,r){let u=l.useEffectEvent(n),c=n==null;s.useEffect(()=>{if(c||!e.current)return;let f=e.current;return f.addEventListener(t,u,r),()=>{f.removeEventListener(t,u,r)}},[e,t,r,c])}exports.useEvent=i;

package/index262.mjs

@@ -1,5 +1,20 @@
-const a = "react-aria-clear-focus", c = "react-aria-focus";
+import { useEffectEvent as u } from "./index256.mjs";
+import { useEffect as l } from "react";
+function i(e, t, f, r) {
+  let a = u(f), n = f == null;
+  l(() => {
+    if (n || !e.current) return;
+    let c = e.current;
+    return c.addEventListener(t, a, r), () => {
+      c.removeEventListener(t, a, r);
+    };
+  }, [
+    e,
+    t,
+    r,
+    n
+  ]);
+}
 export {
-  a as CLEAR_FOCUS_EVENT,
-  c as FOCUS_EVENT
+  i as useEvent
 };

package/index263.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index246.js");function t(e){return r.isMac()?e.metaKey:e.ctrlKey}exports.isCtrlKeyPressed=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("./index260.js");function L(o,e){let d=T(o,e,"left"),t=T(o,e,"top"),l=e.offsetWidth,s=e.offsetHeight,f=o.scrollLeft,r=o.scrollTop,{borderTopWidth:i,borderLeftWidth:n,scrollPaddingTop:c,scrollPaddingRight:a,scrollPaddingBottom:$,scrollPaddingLeft:I}=getComputedStyle(o),S=f+parseInt(n,10),u=r+parseInt(i,10),b=S+o.clientWidth,p=u+o.clientHeight,P=parseInt(c,10)||0,v=parseInt($,10)||0,h=parseInt(a,10)||0,g=parseInt(I,10)||0;d<=f+g?f=d-parseInt(n,10)-g:d+l>b-h&&(f+=d+l-b+h),t<=u+P?r=t-parseInt(i,10)-P:t+s>p-v&&(r+=t+s-p+v),o.scrollLeft=f,o.scrollTop=r}function T(o,e,d){const t=d==="left"?"offsetLeft":"offsetTop";let l=0;for(;e.offsetParent&&(l+=e[t],e.offsetParent!==o);){if(e.offsetParent.contains(o)){l-=o[t];break}e=e.offsetParent}return l}function k(o,e){if(o&&document.contains(o)){let f=document.scrollingElement||document.documentElement,r=window.getComputedStyle(f).overflow==="hidden";if(r){let i=W.getScrollParents(o);r||i.push(f);for(let n of i)L(n,o)}else{var d;let{left:i,top:n}=o.getBoundingClientRect();o==null||(d=o.scrollIntoView)===null||d===void 0||d.call(o,{block:"nearest"});let{left:c,top:a}=o.getBoundingClientRect();if(Math.abs(i-c)>1||Math.abs(n-a)>1){var t,l,s;e==null||(l=e.containingElement)===null||l===void 0||(t=l.scrollIntoView)===null||t===void 0||t.call(l,{block:"center",inline:"center"}),(s=o.scrollIntoView)===null||s===void 0||s.call(o,{block:"nearest"})}}}}exports.scrollIntoView=L;exports.scrollIntoViewport=k;

package/index263.mjs

@@ -1,7 +1,47 @@
-import { isMac as a } from "./index246.mjs";
-function t(e) {
-  return a() ? e.metaKey : e.ctrlKey;
+import { getScrollParents as I } from "./index260.mjs";
+function W(o, e) {
+  let l = L(o, e, "left"), d = L(o, e, "top"), t = e.offsetWidth, s = e.offsetHeight, f = o.scrollLeft, r = o.scrollTop, { borderTopWidth: i, borderLeftWidth: c, scrollPaddingTop: n, scrollPaddingRight: a, scrollPaddingBottom: T, scrollPaddingLeft: g } = getComputedStyle(o), x = f + parseInt(c, 10), u = r + parseInt(i, 10), p = x + o.clientWidth, b = u + o.clientHeight, P = parseInt(n, 10) || 0, v = parseInt(T, 10) || 0, h = parseInt(a, 10) || 0, $ = parseInt(g, 10) || 0;
+  l <= f + $ ? f = l - parseInt(c, 10) - $ : l + t > p - h && (f += l + t - p + h), d <= u + P ? r = d - parseInt(i, 10) - P : d + s > b - v && (r += d + s - b + v), o.scrollLeft = f, o.scrollTop = r;
+}
+function L(o, e, l) {
+  const d = l === "left" ? "offsetLeft" : "offsetTop";
+  let t = 0;
+  for (; e.offsetParent && (t += e[d], e.offsetParent !== o); ) {
+    if (e.offsetParent.contains(o)) {
+      t -= o[d];
+      break;
+    }
+    e = e.offsetParent;
+  }
+  return t;
+}
+function B(o, e) {
+  if (o && document.contains(o)) {
+    let f = document.scrollingElement || document.documentElement, r = window.getComputedStyle(f).overflow === "hidden";
+    if (r) {
+      let i = I(o);
+      r || i.push(f);
+      for (let c of i) W(c, o);
+    } else {
+      var l;
+      let { left: i, top: c } = o.getBoundingClientRect();
+      o == null || (l = o.scrollIntoView) === null || l === void 0 || l.call(o, {
+        block: "nearest"
+      });
+      let { left: n, top: a } = o.getBoundingClientRect();
+      if (Math.abs(i - n) > 1 || Math.abs(c - a) > 1) {
+        var d, t, s;
+        e == null || (t = e.containingElement) === null || t === void 0 || (d = t.scrollIntoView) === null || d === void 0 || d.call(t, {
+          block: "center",
+          inline: "center"
+        }), (s = o.scrollIntoView) === null || s === void 0 || s.call(o, {
+          block: "nearest"
+        });
+      }
+    }
+  }
 }
 export {
-  t as isCtrlKeyPressed
+  W as scrollIntoView,
+  B as scrollIntoViewport
 };

package/index264.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])'],b=e.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');function n(t){return t.matches(b)}exports.isFocusable=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index250.js");function t(i){return i.pointerType===""&&i.isTrusted?!0:r.isAndroid()&&i.pointerType?i.type==="click"&&i.buttons===1:i.detail===0&&!i.pointerType}function o(i){return!r.isAndroid()&&i.width===0&&i.height===0||i.width===1&&i.height===1&&i.pressure===0&&i.detail===0&&i.pointerType==="mouse"}exports.isVirtualClick=t;exports.isVirtualPointerEvent=o;

package/index264.mjs

@@ -1,22 +1,11 @@
-const e = [
-  "input:not([disabled]):not([type=hidden])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  '[contenteditable]:not([contenteditable^="false"])'
-], b = e.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-e.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-function n(t) {
-  return t.matches(b);
+import { isAndroid as i } from "./index250.mjs";
+function o(r) {
+  return r.pointerType === "" && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
+}
+function p(r) {
+  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
 }
 export {
-  n as isFocusable
+  o as isVirtualClick,
+  p as isVirtualPointerEvent
 };

package/index265.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index328.js"),c=require("react"),l=require("./index240.js"),m=require("./index241.js"),p=require("./index248.js");function B(b){let{isDisabled:v,onBlurWithin:i,onFocusWithin:s,onFocusWithinChange:t}=b,n=c.useRef({isFocusWithin:!1}),{addGlobalListener:a,removeAllGlobalListeners:f}=p.useGlobalListeners(),r=c.useCallback(e=>{e.currentTarget.contains(e.target)&&n.current.isFocusWithin&&!e.currentTarget.contains(e.relatedTarget)&&(n.current.isFocusWithin=!1,f(),i&&i(e),t&&t(!1))},[i,t,n,f]),g=o.useSyntheticBlurEvent(r),W=c.useCallback(e=>{if(!e.currentTarget.contains(e.target))return;const u=m.getOwnerDocument(e.target),T=l.getActiveElement(u);if(!n.current.isFocusWithin&&T===l.getEventTarget(e.nativeEvent)){s&&s(e),t&&t(!0),n.current.isFocusWithin=!0,g(e);let h=e.currentTarget;a(u,"focus",d=>{if(n.current.isFocusWithin&&!l.nodeContains(h,d.target)){let F=new u.defaultView.FocusEvent("blur",{relatedTarget:d.target});o.setEventTarget(F,h);let E=o.createSyntheticEvent(F);r(E)}},{capture:!0})}},[s,t,g,a,r]);return v?{focusWithinProps:{onFocus:void 0,onBlur:void 0}}:{focusWithinProps:{onFocus:W,onBlur:r}}}exports.useFocusWithin=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index256.js"),u=require("react");function v(t,d,n){let o=i.useEffectEvent(()=>{n&&n(d)});u.useEffect(()=>{var r;let e=t==null||(r=t.current)===null||r===void 0?void 0:r.form;return e==null||e.addEventListener("reset",o),()=>{e==null||e.removeEventListener("reset",o)}},[t])}exports.useFormReset=v;

package/index265.mjs

@@ -1,57 +1,19 @@
-import { useSyntheticBlurEvent as F, setEventTarget as W, createSyntheticEvent as v } from "./index328.mjs";
-import { useRef as x, useCallback as $ } from "react";
-import { getActiveElement as E, getEventTarget as T, nodeContains as B } from "./index240.mjs";
-import { getOwnerDocument as G } from "./index241.mjs";
-import { useGlobalListeners as L } from "./index248.mjs";
-function S(b) {
-  let { isDisabled: h, onBlurWithin: i, onFocusWithin: o, onFocusWithinChange: t } = b, r = x({
-    isFocusWithin: !1
-  }), { addGlobalListener: c, removeAllGlobalListeners: s } = L(), n = $((e) => {
-    e.currentTarget.contains(e.target) && r.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget) && (r.current.isFocusWithin = !1, s(), i && i(e), t && t(!1));
+import { useEffectEvent as n } from "./index256.mjs";
+import { useEffect as v } from "react";
+function l(t, i, o) {
+  let d = n(() => {
+    o && o(i);
+  });
+  v(() => {
+    var r;
+    let e = t == null || (r = t.current) === null || r === void 0 ? void 0 : r.form;
+    return e == null || e.addEventListener("reset", d), () => {
+      e == null || e.removeEventListener("reset", d);
+    };
   }, [
-    i,
-    t,
-    r,
-    s
-  ]), u = F(n), g = $((e) => {
-    if (!e.currentTarget.contains(e.target)) return;
-    const a = G(e.target), p = E(a);
-    if (!r.current.isFocusWithin && p === T(e.nativeEvent)) {
-      o && o(e), t && t(!0), r.current.isFocusWithin = !0, u(e);
-      let f = e.currentTarget;
-      c(a, "focus", (l) => {
-        if (r.current.isFocusWithin && !B(f, l.target)) {
-          let d = new a.defaultView.FocusEvent("blur", {
-            relatedTarget: l.target
-          });
-          W(d, f);
-          let m = v(d);
-          n(m);
-        }
-      }, {
-        capture: !0
-      });
-    }
-  }, [
-    o,
-    t,
-    u,
-    c,
-    n
+    t
   ]);
-  return h ? {
-    focusWithinProps: {
-      // These cannot be null, that would conflict in mergeProps
-      onFocus: void 0,
-      onBlur: void 0
-    }
-  } : {
-    focusWithinProps: {
-      onFocus: g,
-      onBlur: n
-    }
-  };
 }
 export {
-  S as useFocusWithin
+  l as useFormReset
 };