@okam/stack-ui 1.42.4 → 1.44.0

package/index25.mjs

@@ -1,170 +1,21 @@
 "use client";
-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 "./index96.mjs";
-import W from "./index36.mjs";
-import { ButtonWithForwardRef as _ } from "./index6.mjs";
-import z from "./index23.mjs";
-import j from "./index3.mjs";
-import G from "./index49.mjs";
-import { ListBox as J } from "./index151.mjs";
-import X from "./index152.mjs";
-const Y = (q) => {
-  var S;
+import { jsx as u } from "react/jsx-runtime";
+import { useDateFormatter as d } from "@react-aria/i18n";
+import { isEmpty as h } from "radashi";
+import { useIsSSR as l } from "react-aria";
+import S from "./index89.mjs";
+const F = (o) => {
   const {
-    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(), 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 })
-    ] })
-  ] });
-}, fe = ({
-  id: q,
-  name: h,
-  label: v,
-  rules: e,
-  tokens: u,
-  defaultValue: b,
-  themeName: c = "select",
-  required: m,
-  onChange: l,
-  options: r,
-  placeholderLabel: p,
-  icon: O,
-  popoverMatchesWidth: f,
-  value: I,
-  ...$
-}) => {
-  const { control: x } = V(), { t: y } = U(), P = () => {
-    const t = Object.entries($).filter(([s, n]) => s.startsWith("aria-"));
-    return Object.fromEntries(t);
-  }, d = {
-    required: m ? y("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...e
-  };
-  return /* @__PURE__ */ i(
-    C,
-    {
-      name: h,
-      control: x,
-      rules: d,
-      disabled: e == null ? void 0 : e.disabled,
-      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",
-          isInvalid: s.invalid,
-          isError: E
-        }, F = {
-          ...u,
-          ...o
-        };
-        return /* @__PURE__ */ i(
-          Y,
-          {
-            ...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);
-            }
-          }
-        );
-      }
-    }
-  );
+    as: m = "time",
+    date: r,
+    tokens: a,
+    customTheme: n,
+    dateFormatterOptions: s = { month: "long", day: "numeric", year: "numeric" },
+    themeName: i = "typography",
+    ...p
+  } = o, c = l(), t = new Date(r), e = d(s).format(t), f = S(i, a, n);
+  return c || h(e) ? null : /* @__PURE__ */ u(m, { ...p, dateTime: t.toISOString(), className: f, children: e });
 };
 export {
-  fe as ReactHookFormSelect,
-  Y as default
+  F as default
 };

package/index250.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index236.js"),f=require("react");function a(c,t){const e=f.useRef(!0),u=f.useRef(null);r.useLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),r.useLayoutEffect(()=>{e.current?e.current=!1:(!u.current||t.some((s,o)=>!Object.is(s,u[o])))&&c(),u.current=t},t)}exports.useUpdateLayoutEffect=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(t){var e;if(typeof window>"u"||window.navigator==null)return!1;let i=(e=window.navigator.userAgentData)===null||e===void 0?void 0:e.brands;return Array.isArray(i)&&i.some($=>t.test($.brand))||t.test(window.navigator.userAgent)}function r(t){var e;return typeof window<"u"&&window.navigator!=null?t.test(((e=window.navigator.userAgentData)===null||e===void 0?void 0:e.platform)||window.navigator.platform):!1}function n(t){if(process.env.NODE_ENV==="test")return t;let e=null;return()=>(e==null&&(e=t()),e)}const o=n(function(){return r(/^Mac/i)}),c=n(function(){return r(/^iPhone/i)}),u=n(function(){return r(/^iPad/i)||o()&&navigator.maxTouchPoints>1}),s=n(function(){return c()||u()}),f=n(function(){return o()||s()}),l=n(function(){return a(/AppleWebKit/i)&&!d()}),d=n(function(){return a(/Chrome/i)}),v=n(function(){return a(/Android/i)}),w=n(function(){return a(/Firefox/i)});exports.isAndroid=v;exports.isAppleDevice=f;exports.isChrome=d;exports.isFirefox=w;exports.isIOS=s;exports.isIPad=u;exports.isIPhone=c;exports.isMac=o;exports.isWebKit=l;

package/index250.mjs

@@ -1,13 +1,46 @@
-import { useLayoutEffect as f } from "./index236.mjs";
-import { useRef as u } from "react";
-function i(c, r) {
-  const t = u(!0), e = u(null);
-  f(() => (t.current = !0, () => {
-    t.current = !1;
-  }), []), f(() => {
-    t.current ? t.current = !1 : (!e.current || r.some((a, o) => !Object.is(a, e[o]))) && c(), e.current = r;
-  }, r);
+function t(a) {
+  var e;
+  if (typeof window > "u" || window.navigator == null) return !1;
+  let o = (e = window.navigator.userAgentData) === null || e === void 0 ? void 0 : e.brands;
+  return Array.isArray(o) && o.some((c) => a.test(c.brand)) || a.test(window.navigator.userAgent);
 }
+function r(a) {
+  var e;
+  return typeof window < "u" && window.navigator != null ? a.test(((e = window.navigator.userAgentData) === null || e === void 0 ? void 0 : e.platform) || window.navigator.platform) : !1;
+}
+function n(a) {
+  if (process.env.NODE_ENV === "test") return a;
+  let e = null;
+  return () => (e == null && (e = a()), e);
+}
+const i = n(function() {
+  return r(/^Mac/i);
+}), s = n(function() {
+  return r(/^iPhone/i);
+}), u = n(function() {
+  return r(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  i() && navigator.maxTouchPoints > 1;
+}), $ = n(function() {
+  return s() || u();
+}), f = n(function() {
+  return i() || $();
+}), l = n(function() {
+  return t(/AppleWebKit/i) && !d();
+}), d = n(function() {
+  return t(/Chrome/i);
+}), v = n(function() {
+  return t(/Android/i);
+}), w = n(function() {
+  return t(/Firefox/i);
+});
 export {
-  i as useUpdateLayoutEffect
+  v as isAndroid,
+  f as isAppleDevice,
+  d as isChrome,
+  w as isFirefox,
+  $ as isIOS,
+  u as isIPad,
+  s as isIPhone,
+  i as isMac,
+  l as isWebKit
 };

package/index251.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function u(){return typeof window.ResizeObserver<"u"}function b(i){const{ref:e,box:s,onResize:r}=i;d.useEffect(()=>{let n=e==null?void 0:e.current;if(n)if(u()){const t=new window.ResizeObserver(o=>{o.length&&r()});return t.observe(n,{box:s}),()=>{n&&t.unobserve(n)}}else return window.addEventListener("resize",r,!1),()=>{window.removeEventListener("resize",r,!1)}},[r,e,s])}exports.useResizeObserver=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let r=new Map,a=new Set;function o(){if(typeof window>"u")return;function t(e){return"propertyName"in e}let d=e=>{if(!t(e)||!e.target)return;let n=r.get(e.target);n||(n=new Set,r.set(e.target,n),e.target.addEventListener("transitioncancel",i,{once:!0})),n.add(e.propertyName)},i=e=>{if(!t(e)||!e.target)return;let n=r.get(e.target);if(n&&(n.delete(e.propertyName),n.size===0&&(e.target.removeEventListener("transitioncancel",i),r.delete(e.target)),r.size===0)){for(let s of a)s();a.clear()}};document.body.addEventListener("transitionrun",d),document.body.addEventListener("transitionend",i)}typeof document<"u"&&(document.readyState!=="loading"?o():document.addEventListener("DOMContentLoaded",o));function c(){for(const[t]of r)"isConnected"in t&&!t.isConnected&&r.delete(t)}function f(t){requestAnimationFrame(()=>{c(),r.size===0?t():a.add(t)})}exports.runAfterTransition=f;

package/index251.mjs

@@ -1,31 +1,35 @@
-import { useEffect as d } from "react";
-function f() {
-  return typeof window.ResizeObserver < "u";
+let r = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+function o() {
+  if (typeof window > "u") return;
+  function t(e) {
+    return "propertyName" in e;
+  }
+  let d = (e) => {
+    if (!t(e) || !e.target) return;
+    let n = r.get(e.target);
+    n || (n = /* @__PURE__ */ new Set(), r.set(e.target, n), e.target.addEventListener("transitioncancel", i, {
+      once: !0
+    })), n.add(e.propertyName);
+  }, i = (e) => {
+    if (!t(e) || !e.target) return;
+    let n = r.get(e.target);
+    if (n && (n.delete(e.propertyName), n.size === 0 && (e.target.removeEventListener("transitioncancel", i), r.delete(e.target)), r.size === 0)) {
+      for (let s of a) s();
+      a.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", d), document.body.addEventListener("transitionend", i);
 }
-function u(o) {
-  const { ref: e, box: s, onResize: r } = o;
-  d(() => {
-    let n = e == null ? void 0 : e.current;
-    if (n)
-      if (f()) {
-        const i = new window.ResizeObserver((t) => {
-          t.length && r();
-        });
-        return i.observe(n, {
-          box: s
-        }), () => {
-          n && i.unobserve(n);
-        };
-      } else
-        return window.addEventListener("resize", r, !1), () => {
-          window.removeEventListener("resize", r, !1);
-        };
-  }, [
-    r,
-    e,
-    s
-  ]);
+typeof document < "u" && (document.readyState !== "loading" ? o() : document.addEventListener("DOMContentLoaded", o));
+function c() {
+  for (const [t] of r)
+    "isConnected" in t && !t.isConnected && r.delete(t);
+}
+function f(t) {
+  requestAnimationFrame(() => {
+    c(), r.size === 0 ? t() : a.add(t);
+  });
 }
 export {
-  u as useResizeObserver
+  f as runAfterTransition
 };

package/index252.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index236.js");function f(e,r){u.useLayoutEffect(()=>{if(e&&e.ref&&r)return e.ref.current=r.current,()=>{e.ref&&(e.ref.current=null)}})}exports.useSyncRef=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function b(){let a=o.useRef(new Map),d=o.useCallback((e,l,t,r)=>{let n=r!=null&&r.once?(...c)=>{a.current.delete(t),t(...c)}:t;a.current.set(t,{type:l,eventTarget:e,fn:n,options:r}),e.addEventListener(l,n,r)},[]),s=o.useCallback((e,l,t,r)=>{var n;let c=((n=a.current.get(t))===null||n===void 0?void 0:n.fn)||t;e.removeEventListener(l,c,r),a.current.delete(t)},[]),u=o.useCallback(()=>{a.current.forEach((e,l)=>{s(e.eventTarget,e.type,l,e.options)})},[s]);return o.useEffect(()=>u,[u]),{addGlobalListener:d,removeGlobalListener:s,removeAllGlobalListeners:u}}exports.useGlobalListeners=b;

package/index252.mjs

@@ -1,12 +1,34 @@
-import { useLayoutEffect as f } from "./index236.mjs";
-function u(r, e) {
-  f(() => {
-    if (r && r.ref && e)
-      return r.ref.current = e.current, () => {
-        r.ref && (r.ref.current = null);
-      };
-  });
+import { useRef as c, useCallback as f, useEffect as b } from "react";
+function L() {
+  let o = c(/* @__PURE__ */ new Map()), u = f((e, l, r, t) => {
+    let n = t != null && t.once ? (...d) => {
+      o.current.delete(r), r(...d);
+    } : r;
+    o.current.set(r, {
+      type: l,
+      eventTarget: e,
+      fn: n,
+      options: t
+    }), e.addEventListener(l, n, t);
+  }, []), a = f((e, l, r, t) => {
+    var n;
+    let d = ((n = o.current.get(r)) === null || n === void 0 ? void 0 : n.fn) || r;
+    e.removeEventListener(l, d, t), o.current.delete(r);
+  }, []), s = f(() => {
+    o.current.forEach((e, l) => {
+      a(e.eventTarget, e.type, l, e.options);
+    });
+  }, [
+    a
+  ]);
+  return b(() => s, [
+    s
+  ]), {
+    addGlobalListener: u,
+    removeGlobalListener: a,
+    removeAllGlobalListeners: s
+  };
 }
 export {
-  u as useSyncRef
+  L as useGlobalListeners
 };

package/index253.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index254.js");function r(n,l){let e=n;for(t.isScrollable(e,l)&&(e=e.parentElement);e&&!t.isScrollable(e,l);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}exports.getScrollParent=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index185.js");function d(a,t){let{id:i,"aria-label":l,"aria-labelledby":e}=a;return i=r.useId(i),e&&l?e=[...new Set([i,...e.trim().split(/\s+/)])].join(" "):e&&(e=e.trim().split(/\s+/).join(" ")),!l&&!e&&t&&(l=t),{id:i,"aria-label":l,"aria-labelledby":e}}exports.useLabels=d;

package/index253.mjs

@@ -1,9 +1,17 @@
-import { isScrollable as l } from "./index254.mjs";
-function r(n, t) {
-  let e = n;
-  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
-  return e || document.scrollingElement || document.documentElement;
+import { useId as b } from "./index185.mjs";
+function t(r, a) {
+  let { id: i, "aria-label": l, "aria-labelledby": e } = r;
+  return i = b(i), e && l ? e = [
+    .../* @__PURE__ */ new Set([
+      i,
+      ...e.trim().split(/\s+/)
+    ])
+  ].join(" ") : e && (e = e.trim().split(/\s+/).join(" ")), !l && !e && a && (l = a), {
+    id: i,
+    "aria-label": l,
+    "aria-labelledby": e
+  };
 }
 export {
-  r as getScrollParent
+  t as useLabels
 };

package/index254.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(e,r){if(!e)return!1;let l=window.getComputedStyle(e),t=/(auto|scroll)/.test(l.overflow+l.overflowX+l.overflowY);return t&&r&&(t=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),t}exports.isScrollable=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index240.js"),f=require("react");function a(c,t){const e=f.useRef(!0),u=f.useRef(null);r.useLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),r.useLayoutEffect(()=>{e.current?e.current=!1:(!u.current||t.some((s,o)=>!Object.is(s,u[o])))&&c(),u.current=t},t)}exports.useUpdateLayoutEffect=a;

package/index254.mjs

@@ -1,8 +1,13 @@
-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;
+import { useLayoutEffect as f } from "./index240.mjs";
+import { useRef as u } from "react";
+function i(c, r) {
+  const t = u(!0), e = u(null);
+  f(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), f(() => {
+    t.current ? t.current = !1 : (!e.current || r.some((a, o) => !Object.is(a, e[o]))) && c(), e.current = r;
+  }, r);
 }
 export {
-  c as isScrollable
+  i as useUpdateLayoutEffect
 };

package/index255.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index254.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index256.js"),d=require("react");function v(){return typeof window.ResizeObserver<"u"}function b(i){const{ref:e,box:t,onResize:o}=i;let n=u.useEffectEvent(o);d.useEffect(()=>{let r=e==null?void 0:e.current;if(r)if(v()){const s=new window.ResizeObserver(f=>{f.length&&n()});return s.observe(r,{box:t}),()=>{r&&s.unobserve(r)}}else return window.addEventListener("resize",n,!1),()=>{window.removeEventListener("resize",n,!1)}},[e,t])}exports.useResizeObserver=b;

package/index255.mjs

@@ -1,10 +1,32 @@
-import { isScrollable as r } from "./index254.mjs";
-function s(e, t) {
-  const c = [];
-  for (; e && e !== document.documentElement; )
-    r(e, t) && c.push(e), e = e.parentElement;
-  return c;
+import { useEffectEvent as a } from "./index256.mjs";
+import { useEffect as d } from "react";
+function v() {
+  return typeof window.ResizeObserver < "u";
+}
+function c(i) {
+  const { ref: e, box: s, onResize: o } = i;
+  let n = a(o);
+  d(() => {
+    let r = e == null ? void 0 : e.current;
+    if (r)
+      if (v()) {
+        const t = new window.ResizeObserver((f) => {
+          f.length && n();
+        });
+        return t.observe(r, {
+          box: s
+        }), () => {
+          r && t.unobserve(r);
+        };
+      } else
+        return window.addEventListener("resize", n, !1), () => {
+          window.removeEventListener("resize", n, !1);
+        };
+  }, [
+    e,
+    s
+  ]);
 }
 export {
-  s as getScrollParents
+  c as useResizeObserver
 };

package/index256.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index236.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index240.js"),c=require("react");var t;const f=(t=c.useInsertionEffect)!==null&&t!==void 0?t:n.useLayoutEffect;function o(r){const u=c.useRef(null);return f(()=>{u.current=r},[r]),c.useCallback((...a)=>{const e=u.current;return e==null?void 0:e(...a)},[])}exports.useEffectEvent=o;

package/index256.mjs

@@ -1,32 +1,18 @@
-import { useLayoutEffect as o } from "./index236.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));
-    };
+import { useLayoutEffect as f } from "./index240.mjs";
+import o, { useRef as u, useCallback as n } from "react";
+var a;
+const s = (a = o.useInsertionEffect) !== null && a !== void 0 ? a : f;
+function d(c) {
+  const t = u(null);
+  return s(() => {
+    t.current = c;
   }, [
-    t
-  ]), {
-    "aria-describedby": t ? f : void 0
-  };
+    c
+  ]), n((...r) => {
+    const e = t.current;
+    return e == null ? void 0 : e(...r);
+  }, []);
 }
 export {
-  s as useDescription
+  d as useEffectEvent
 };

package/index257.js

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

package/index257.mjs

@@ -1,21 +1,12 @@
-import { useEffectEvent as u } from "./index258.mjs";
-import { useEffect as l } from "react";
-function i(e, t, a, r) {
-  let f = u(a), n = a == null;
-  l(() => {
-    if (n || !e.current) return;
-    let c = e.current;
-    return c.addEventListener(t, f, r), () => {
-      c.removeEventListener(t, f, r);
-    };
-  }, [
-    e,
-    t,
-    r,
-    n,
-    f
-  ]);
+import { useLayoutEffect as f } from "./index240.mjs";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
 }
 export {
-  i as useEvent
+  u as useSyncRef
 };

package/index258.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index236.js"),r=require("react");function o(t){const u=r.useRef(null);return n.useLayoutEffect(()=>{u.current=t},[t]),r.useCallback((...c)=>{const e=u.current;return e==null?void 0:e(...c)},[])}exports.useEffectEvent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index259.js");function r(n,l){let e=n;for(t.isScrollable(e,l)&&(e=e.parentElement);e&&!t.isScrollable(e,l);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}exports.getScrollParent=r;

package/index258.mjs

@@ -1,16 +1,9 @@
-import { useLayoutEffect as f } from "./index236.mjs";
-import { useRef as o, useCallback as a } from "react";
-function s(r) {
-  const t = o(null);
-  return f(() => {
-    t.current = r;
-  }, [
-    r
-  ]), a((...c) => {
-    const e = t.current;
-    return e == null ? void 0 : e(...c);
-  }, []);
+import { isScrollable as l } from "./index259.mjs";
+function r(n, t) {
+  let e = n;
+  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
 }
 export {
-  s as useEffectEvent
+  r as getScrollParent
 };

package/index259.js

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