@okam/stack-ui 1.41.2 → 1.42.1

package/index25.mjs

@@ -1,107 +1,162 @@
 "use client";
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { useCheckbox as N } from "./index149.mjs";
-import { useFocusRing as P, FocusRing as j } from "@react-aria/focus";
-import { mergeProps as D } from "./index150.mjs";
-import { VisuallyHidden as I } from "./index151.mjs";
-import { useToggleState as O } from "./index152.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 "./index86.mjs";
-import { useTranslation as w } from "./index94.mjs";
-import A from "./index22.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 "./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;
   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(), 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/index250.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index150.js"),R=require("./index176.js"),C=require("./index269.js"),u=require("./index249.js"),F=require("./index330.js");function I(s,l,a){let{isDisabled:r=!1,isReadOnly:i=!1,value:n,name:c,children:b,"aria-label":P,"aria-labelledby":p,validationState:t="valid",isInvalid:d}=s,v=e=>{e.stopPropagation(),l.setSelected(e.target.checked)},f=b!=null,g=P!=null||p!=null;!f&&!g&&process.env.NODE_ENV!=="production"&&console.warn("If you do not provide children, you must specify an aria-label for accessibility");let{pressProps:m,isPressed:y}=u.usePress({isDisabled:r}),{pressProps:h,isPressed:D}=u.usePress({onPress(){var e;l.toggle(),(e=a.current)===null||e===void 0||e.focus()},isDisabled:r||i}),{focusableProps:S}=F.useFocusable(s,a),O=o.mergeProps(m,S),q=R.filterDOMProps(s,{labelable:!0});return C.useFormReset(a,l.isSelected,l.setSelected),{labelProps:o.mergeProps(h,{onClick:e=>e.preventDefault()}),inputProps:o.mergeProps(q,{"aria-invalid":d||t==="invalid"||void 0,"aria-errormessage":s["aria-errormessage"],"aria-controls":s["aria-controls"],"aria-readonly":i||void 0,onChange:v,disabled:r,...n==null?{}:{value:n},name:c,type:"checkbox",...O}),isSelected:l.isSelected,isPressed:y||D,isDisabled:r,isReadOnly:i,isInvalid:d||t==="invalid"}}exports.useToggle=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index181.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/index250.mjs

@@ -1,49 +1,17 @@
-import { mergeProps as o } from "./index150.mjs";
-import { filterDOMProps as O } from "./index176.mjs";
-import { useFormReset as C } from "./index269.mjs";
-import { usePress as c } from "./index249.mjs";
-import { useFocusable as I } from "./index330.mjs";
-function F(a, s, i) {
-  let { isDisabled: l = !1, isReadOnly: r = !1, value: d, name: b, children: f, "aria-label": u, "aria-labelledby": p, validationState: n = "valid", isInvalid: t } = a, m = (e) => {
-    e.stopPropagation(), s.setSelected(e.target.checked);
-  }, P = f != null, v = u != null || p != null;
-  !P && !v && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let { pressProps: $, isPressed: g } = c({
-    isDisabled: l
-  }), { pressProps: y, isPressed: h } = c({
-    onPress() {
-      var e;
-      s.toggle(), (e = i.current) === null || e === void 0 || e.focus();
-    },
-    isDisabled: l || r
-  }), { focusableProps: x } = I(a, i), D = o($, x), S = O(a, {
-    labelable: !0
-  });
-  return C(i, s.isSelected, s.setSelected), {
-    labelProps: o(y, {
-      onClick: (e) => e.preventDefault()
-    }),
-    inputProps: o(S, {
-      "aria-invalid": t || n === "invalid" || void 0,
-      "aria-errormessage": a["aria-errormessage"],
-      "aria-controls": a["aria-controls"],
-      "aria-readonly": r || void 0,
-      onChange: m,
-      disabled: l,
-      ...d == null ? {} : {
-        value: d
-      },
-      name: b,
-      type: "checkbox",
-      ...D
-    }),
-    isSelected: s.isSelected,
-    isPressed: g || h,
-    isDisabled: l,
-    isReadOnly: r,
-    isInvalid: t || n === "invalid"
+import { useId as b } from "./index181.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 {
-  F as useToggle
+  t as useLabels
 };

package/index251.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index266.js"),a=require("./index233.js"),n=require("react");function o(c){let[u,l]=n.useState(c),e=n.useRef(null),r=f.useEffectEvent(()=>{if(!e.current)return;let t=e.current.next();if(t.done){e.current=null;return}u===t.value?r():l(t.value)});a.useLayoutEffect(()=>{e.current&&r()});let s=f.useEffectEvent(t=>{e.current=t(u),r()});return[u,s]}exports.useValueEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index237.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/index251.mjs

@@ -1,27 +1,13 @@
-import { useEffectEvent as u } from "./index266.mjs";
-import { useLayoutEffect as l } from "./index233.mjs";
-import { useState as o, useRef as s } from "react";
-function p(a) {
-  let [f, c] = o(a), e = s(null), r = u(() => {
-    if (!e.current) return;
-    let t = e.current.next();
-    if (t.done) {
-      e.current = null;
-      return;
-    }
-    f === t.value ? r() : c(t.value);
-  });
-  l(() => {
-    e.current && r();
-  });
-  let n = u((t) => {
-    e.current = t(f), r();
-  });
-  return [
-    f,
-    n
-  ];
+import { useLayoutEffect as f } from "./index237.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 {
-  p as useValueEffect
+  i as useUpdateLayoutEffect
 };

package/index252.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index253.js"),r=require("./index254.js");function i(t,o){if(!r.shadowDOM())return o&&t?t.contains(o):!1;if(!t||!o)return!1;let e=o;for(;e!==null;){if(e===t)return!0;e.tagName==="SLOT"&&e.assignedSlot?e=e.assignedSlot.parentNode:a.isShadowRoot(e)?e=e.host:e=e.parentNode}return!1}const n=(t=document)=>{var o;if(!r.shadowDOM())return t.activeElement;let e=t.activeElement;for(;e&&"shadowRoot"in e&&(!((o=e.shadowRoot)===null||o===void 0)&&o.activeElement);)e=e.shadowRoot.activeElement;return e};function s(t){return r.shadowDOM()&&t.target.shadowRoot&&t.composedPath?t.composedPath()[0]:t.target}exports.getActiveElement=n;exports.getEventTarget=s;exports.nodeContains=i;
+"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;

package/index252.mjs

@@ -1,27 +1,31 @@
-import { isShadowRoot as f } from "./index253.mjs";
-import { shadowDOM as o } from "./index254.mjs";
-function n(t, a) {
-  if (!o()) return a && t ? t.contains(a) : !1;
-  if (!t || !a) return !1;
-  let e = a;
-  for (; e !== null; ) {
-    if (e === t) return !0;
-    e.tagName === "SLOT" && e.assignedSlot ? e = e.assignedSlot.parentNode : f(e) ? e = e.host : e = e.parentNode;
-  }
-  return !1;
+import { useEffect as d } from "react";
+function f() {
+  return typeof window.ResizeObserver < "u";
 }
-const s = (t = document) => {
-  var a;
-  if (!o()) return t.activeElement;
-  let e = t.activeElement;
-  for (; e && "shadowRoot" in e && (!((a = e.shadowRoot) === null || a === void 0) && a.activeElement); ) e = e.shadowRoot.activeElement;
-  return e;
-};
-function d(t) {
-  return o() && t.target.shadowRoot && t.composedPath ? t.composedPath()[0] : t.target;
+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
+  ]);
 }
 export {
-  s as getActiveElement,
-  d as getEventTarget,
-  n as nodeContains
+  u as useResizeObserver
 };

package/index253.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=o=>{var n;return(n=o==null?void 0:o.ownerDocument)!==null&&n!==void 0?n:document},e=o=>o&&"window"in o&&o.window===o?o:t(o).defaultView||window;function d(o){return o!==null&&typeof o=="object"&&"nodeType"in o&&typeof o.nodeType=="number"}function c(o){return d(o)&&o.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in o}exports.getOwnerDocument=t;exports.getOwnerWindow=e;exports.isShadowRoot=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index237.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/index253.mjs

@@ -1,15 +1,12 @@
-const t = (o) => {
-  var n;
-  return (n = o == null ? void 0 : o.ownerDocument) !== null && n !== void 0 ? n : document;
-}, e = (o) => o && "window" in o && o.window === o ? o : t(o).defaultView || window;
-function d(o) {
-  return o !== null && typeof o == "object" && "nodeType" in o && typeof o.nodeType == "number";
-}
-function c(o) {
-  return d(o) && o.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in o;
+import { useLayoutEffect as f } from "./index237.mjs";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
 }
 export {
-  t as getOwnerDocument,
-  e as getOwnerWindow,
-  c as isShadowRoot
+  u as useSyncRef
 };

package/index254.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=!1;function t(){return e}exports.shadowDOM=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index255.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/index254.mjs

@@ -1,7 +1,9 @@
-let e = !1;
-function f() {
-  return e;
+import { isScrollable as l } from "./index255.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 {
-  f as shadowDOM
+  r as getScrollParent
 };

package/index255.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function n(r){var o,e,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r)){var u=r.length;for(o=0;o<u;o++)r[o]&&(e=n(r[o]))&&(t&&(t+=" "),t+=e)}else for(e in r)r[e]&&(t&&(t+=" "),t+=e);return t}function f(){for(var r,o,e=0,t="",u=arguments.length;e<u;e++)(r=arguments[e])&&(o=n(r))&&(t&&(t+=" "),t+=o);return t}exports.clsx=f;exports.default=f;
+"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;

package/index255.mjs

@@ -1,17 +1,8 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
-}
-function i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
+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 {
-  i as clsx,
-  i as default
+  c as isScrollable
 };

package/index256.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(l){if(n())l.focus({preventScroll:!0});else{let e=s(l);l.focus(),f(e)}}let r=null;function n(){if(r==null){r=!1;try{document.createElement("div").focus({get preventScroll(){return r=!0,!0}})}catch{}}return r}function s(l){let e=l.parentNode,o=[],t=document.scrollingElement||document.documentElement;for(;e instanceof HTMLElement&&e!==t;)(e.offsetHeight<e.scrollHeight||e.offsetWidth<e.scrollWidth)&&o.push({element:e,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}),e=e.parentNode;return t instanceof HTMLElement&&o.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),o}function f(l){for(let{element:e,scrollTop:o,scrollLeft:t}of l)e.scrollTop=o,e.scrollLeft=t}exports.focusWithoutScrolling=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index255.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/index256.mjs

@@ -1,45 +1,10 @@
-function f(l) {
-  if (c()) l.focus({
-    preventScroll: !0
-  });
-  else {
-    let e = n(l);
-    l.focus(), s(e);
-  }
-}
-let r = null;
-function c() {
-  if (r == null) {
-    r = !1;
-    try {
-      document.createElement("div").focus({
-        get preventScroll() {
-          return r = !0, !0;
-        }
-      });
-    } catch {
-    }
-  }
-  return r;
-}
-function n(l) {
-  let e = l.parentNode, o = [], t = document.scrollingElement || document.documentElement;
-  for (; e instanceof HTMLElement && e !== t; )
-    (e.offsetHeight < e.scrollHeight || e.offsetWidth < e.scrollWidth) && o.push({
-      element: e,
-      scrollTop: e.scrollTop,
-      scrollLeft: e.scrollLeft
-    }), e = e.parentNode;
-  return t instanceof HTMLElement && o.push({
-    element: t,
-    scrollTop: t.scrollTop,
-    scrollLeft: t.scrollLeft
-  }), o;
-}
-function s(l) {
-  for (let { element: e, scrollTop: o, scrollLeft: t } of l)
-    e.scrollTop = o, e.scrollLeft = t;
+import { isScrollable as r } from "./index255.mjs";
+function s(e, t) {
+  const c = [];
+  for (; e && e !== document.documentElement; )
+    r(e, t) && c.push(e), e = e.parentElement;
+  return c;
 }
 export {
-  f as focusWithoutScrolling
+  s as getScrollParents
 };

package/index257.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index256.js"),a=require("./index241.js"),f=require("react"),s=f.createContext({isNative:!0,open:K,useHref:e=>e});function b(){return f.useContext(s)}function l(e,i,t=!0){var n,d;let{metaKey:r,ctrlKey:o,altKey:u,shiftKey:c}=i;a.isFirefox()&&(!((d=window.event)===null||d===void 0||(n=d.type)===null||n===void 0)&&n.startsWith("key"))&&e.target==="_blank"&&(a.isMac()?r=!0:o=!0);let v=a.isWebKit()&&a.isMac()&&!a.isIPad()&&process.env.NODE_ENV!=="test"?new KeyboardEvent("keydown",{keyIdentifier:"Enter",metaKey:r,ctrlKey:o,altKey:u,shiftKey:c}):new MouseEvent("click",{metaKey:r,ctrlKey:o,altKey:u,shiftKey:c,bubbles:!0,cancelable:!0});l.isOpening=t,y.focusWithoutScrolling(e),e.dispatchEvent(v),l.isOpening=!1}l.isOpening=!1;function h(e,i){if(e instanceof HTMLAnchorElement)i(e);else if(e.hasAttribute("data-href")){let t=document.createElement("a");t.href=e.getAttribute("data-href"),e.hasAttribute("data-target")&&(t.target=e.getAttribute("data-target")),e.hasAttribute("data-rel")&&(t.rel=e.getAttribute("data-rel")),e.hasAttribute("data-download")&&(t.download=e.getAttribute("data-download")),e.hasAttribute("data-ping")&&(t.ping=e.getAttribute("data-ping")),e.hasAttribute("data-referrer-policy")&&(t.referrerPolicy=e.getAttribute("data-referrer-policy")),e.appendChild(t),i(t),e.removeChild(t)}}function K(e,i){h(e,t=>l(t,i))}function $(e){let i=b();var t;const n=i.useHref((t=e==null?void 0:e.href)!==null&&t!==void 0?t:"");return{href:e!=null&&e.href?n:void 0,target:e==null?void 0:e.target,rel:e==null?void 0:e.rel,download:e==null?void 0:e.download,ping:e==null?void 0:e.ping,referrerPolicy:e==null?void 0:e.referrerPolicy}}exports.openLink=l;exports.useLinkProps=$;exports.useRouter=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index237.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;