@okam/stack-ui 1.41.0 → 1.41.1

package/index24.mjs

@@ -1,107 +1,162 @@
 "use client";
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { useCheckbox as N } from "./index148.mjs";
-import { useFocusRing as P, FocusRing as j } from "@react-aria/focus";
-import { mergeProps as D } from "./index149.mjs";
-import { VisuallyHidden as I } from "./index150.mjs";
-import { useToggleState as O } from "./index151.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 "./index85.mjs";
-import { useTranslation as w } from "./index93.mjs";
-import A from "./index21.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 "./index94.mjs";
+import W from "./index35.mjs";
+import { ButtonWithForwardRef as _ } from "./index6.mjs";
+import z from "./index22.mjs";
+import j from "./index3.mjs";
+import G from "./index48.mjs";
+import { ListBox as J } from "./index147.mjs";
+import X from "./index148.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/index240.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(t){var e;return typeof window>"u"||window.navigator==null?!1:((e=window.navigator.userAgentData)===null||e===void 0?void 0:e.brands.some(d=>t.test(d.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)}),i=n(function(){return r(/^iPhone/i)}),c=n(function(){return r(/^iPad/i)||o()&&navigator.maxTouchPoints>1}),u=n(function(){return i()||c()}),$=n(function(){return o()||u()}),f=n(function(){return a(/AppleWebKit/i)&&!s()}),s=n(function(){return a(/Chrome/i)}),l=n(function(){return a(/Android/i)}),v=n(function(){return a(/Firefox/i)});exports.isAndroid=l;exports.isAppleDevice=$;exports.isChrome=s;exports.isFirefox=v;exports.isIOS=u;exports.isIPad=c;exports.isIPhone=i;exports.isMac=o;exports.isWebKit=f;
+"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;

package/index240.mjs

@@ -1,44 +1,45 @@
-function a(t) {
-  var e;
-  return typeof window > "u" || window.navigator == null ? !1 : ((e = window.navigator.userAgentData) === null || e === void 0 ? void 0 : e.brands.some((i) => t.test(i.brand))) || t.test(window.navigator.userAgent);
+function f(l) {
+  if (c()) l.focus({
+    preventScroll: !0
+  });
+  else {
+    let e = n(l);
+    l.focus(), s(e);
+  }
 }
-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;
+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(t) {
-  if (process.env.NODE_ENV === "test") return t;
-  let e = null;
-  return () => (e == null && (e = t()), e);
+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;
 }
-const o = n(function() {
-  return r(/^Mac/i);
-}), c = n(function() {
-  return r(/^iPhone/i);
-}), s = n(function() {
-  return r(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
-  o() && navigator.maxTouchPoints > 1;
-}), u = n(function() {
-  return c() || s();
-}), d = n(function() {
-  return o() || u();
-}), f = n(function() {
-  return a(/AppleWebKit/i) && !$();
-}), $ = n(function() {
-  return a(/Chrome/i);
-}), l = n(function() {
-  return a(/Android/i);
-}), v = n(function() {
-  return a(/Firefox/i);
-});
 export {
-  l as isAndroid,
-  d as isAppleDevice,
-  $ as isChrome,
-  v as isFirefox,
-  u as isIOS,
-  s as isIPad,
-  c as isIPhone,
-  o as isMac,
-  f as isWebKit
+  f as focusWithoutScrolling
 };

package/index241.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let n=new Map,a=new Set;function o(){if(typeof window>"u")return;function r(e){return"propertyName"in e}let d=e=>{if(!r(e)||!e.target)return;let t=n.get(e.target);t||(t=new Set,n.set(e.target,t),e.target.addEventListener("transitioncancel",i,{once:!0})),t.add(e.propertyName)},i=e=>{if(!r(e)||!e.target)return;let t=n.get(e.target);if(t&&(t.delete(e.propertyName),t.size===0&&(e.target.removeEventListener("transitioncancel",i),n.delete(e.target)),n.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(r){requestAnimationFrame(()=>{n.size===0?r():a.add(r)})}exports.runAfterTransition=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index240.js"),a=require("./index242.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;

package/index241.mjs

@@ -1,31 +1,60 @@
-let n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-function o() {
-  if (typeof window > "u") return;
-  function r(t) {
-    return "propertyName" in t;
-  }
-  let d = (t) => {
-    if (!r(t) || !t.target) return;
-    let e = n.get(t.target);
-    e || (e = /* @__PURE__ */ new Set(), n.set(t.target, e), t.target.addEventListener("transitioncancel", i, {
-      once: !0
-    })), e.add(t.propertyName);
-  }, i = (t) => {
-    if (!r(t) || !t.target) return;
-    let e = n.get(t.target);
-    if (e && (e.delete(t.propertyName), e.size === 0 && (t.target.removeEventListener("transitioncancel", i), n.delete(t.target)), n.size === 0)) {
-      for (let s of a) s();
-      a.clear();
-    }
-  };
-  document.body.addEventListener("transitionrun", d), document.body.addEventListener("transitionend", i);
+import { focusWithoutScrolling as b } from "./index240.mjs";
+import { isFirefox as v, isMac as u, isWebKit as $, isIPad as s } from "./index242.mjs";
+import { useContext as y, createContext as h } from "react";
+const K = /* @__PURE__ */ h({
+  isNative: !0,
+  open: x,
+  useHref: (e) => e
+});
+function m() {
+  return y(K);
 }
-typeof document < "u" && (document.readyState !== "loading" ? o() : document.addEventListener("DOMContentLoaded", o));
-function c(r) {
-  requestAnimationFrame(() => {
-    n.size === 0 ? r() : a.add(r);
+function n(e, i, t = !0) {
+  var a, d;
+  let { metaKey: r, ctrlKey: l, altKey: o, shiftKey: c } = i;
+  v() && (!((d = window.event) === null || d === void 0 || (a = d.type) === null || a === void 0) && a.startsWith("key")) && e.target === "_blank" && (u() ? r = !0 : l = !0);
+  let f = $() && u() && !s() && process.env.NODE_ENV !== "test" ? new KeyboardEvent("keydown", {
+    keyIdentifier: "Enter",
+    metaKey: r,
+    ctrlKey: l,
+    altKey: o,
+    shiftKey: c
+  }) : new MouseEvent("click", {
+    metaKey: r,
+    ctrlKey: l,
+    altKey: o,
+    shiftKey: c,
+    bubbles: !0,
+    cancelable: !0
   });
+  n.isOpening = t, b(e), e.dispatchEvent(f), n.isOpening = !1;
+}
+n.isOpening = !1;
+function w(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 x(e, i) {
+  w(e, (t) => n(t, i));
+}
+function E(e) {
+  let i = m();
+  var t;
+  const a = i.useHref((t = e == null ? void 0 : e.href) !== null && t !== void 0 ? t : "");
+  return {
+    href: e != null && e.href ? a : 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
+  };
 }
 export {
-  c as runAfterTransition
+  n as openLink,
+  E as useLinkProps,
+  m as useRouter
 };

package/index242.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(t){var e;return typeof window>"u"||window.navigator==null?!1:((e=window.navigator.userAgentData)===null||e===void 0?void 0:e.brands.some(d=>t.test(d.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)}),i=n(function(){return r(/^iPhone/i)}),c=n(function(){return r(/^iPad/i)||o()&&navigator.maxTouchPoints>1}),u=n(function(){return i()||c()}),$=n(function(){return o()||u()}),f=n(function(){return a(/AppleWebKit/i)&&!s()}),s=n(function(){return a(/Chrome/i)}),l=n(function(){return a(/Android/i)}),v=n(function(){return a(/Firefox/i)});exports.isAndroid=l;exports.isAppleDevice=$;exports.isChrome=s;exports.isFirefox=v;exports.isIOS=u;exports.isIPad=c;exports.isIPhone=i;exports.isMac=o;exports.isWebKit=f;

package/index242.mjs

@@ -1,34 +1,44 @@
-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
-  };
+function a(t) {
+  var e;
+  return typeof window > "u" || window.navigator == null ? !1 : ((e = window.navigator.userAgentData) === null || e === void 0 ? void 0 : e.brands.some((i) => t.test(i.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);
+}), s = n(function() {
+  return r(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  o() && navigator.maxTouchPoints > 1;
+}), u = n(function() {
+  return c() || s();
+}), d = n(function() {
+  return o() || u();
+}), f = n(function() {
+  return a(/AppleWebKit/i) && !$();
+}), $ = n(function() {
+  return a(/Chrome/i);
+}), l = n(function() {
+  return a(/Android/i);
+}), v = n(function() {
+  return a(/Firefox/i);
+});
 export {
-  L as useGlobalListeners
+  l as isAndroid,
+  d as isAppleDevice,
+  $ as isChrome,
+  v as isFirefox,
+  u as isIOS,
+  s as isIPad,
+  c as isIPhone,
+  o as isMac,
+  f as isWebKit
 };

package/index243.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index177.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let n=new Map,a=new Set;function o(){if(typeof window>"u")return;function r(e){return"propertyName"in e}let d=e=>{if(!r(e)||!e.target)return;let t=n.get(e.target);t||(t=new Set,n.set(e.target,t),e.target.addEventListener("transitioncancel",i,{once:!0})),t.add(e.propertyName)},i=e=>{if(!r(e)||!e.target)return;let t=n.get(e.target);if(t&&(t.delete(e.propertyName),t.size===0&&(e.target.removeEventListener("transitioncancel",i),n.delete(e.target)),n.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(r){requestAnimationFrame(()=>{n.size===0?r():a.add(r)})}exports.runAfterTransition=c;

package/index243.mjs

@@ -1,17 +1,31 @@
-import { useId as b } from "./index177.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
+let n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
+function o() {
+  if (typeof window > "u") return;
+  function r(t) {
+    return "propertyName" in t;
+  }
+  let d = (t) => {
+    if (!r(t) || !t.target) return;
+    let e = n.get(t.target);
+    e || (e = /* @__PURE__ */ new Set(), n.set(t.target, e), t.target.addEventListener("transitioncancel", i, {
+      once: !0
+    })), e.add(t.propertyName);
+  }, i = (t) => {
+    if (!r(t) || !t.target) return;
+    let e = n.get(t.target);
+    if (e && (e.delete(t.propertyName), e.size === 0 && (t.target.removeEventListener("transitioncancel", i), n.delete(t.target)), n.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(r) {
+  requestAnimationFrame(() => {
+    n.size === 0 ? r() : a.add(r);
+  });
 }
 export {
-  t as useLabels
+  c as runAfterTransition
 };

package/index244.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index230.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"});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;