@okam/stack-ui 1.32.0 → 1.32.2

package/index340.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index309.js"),c=require("./index312.js"),o=require("./index174.js");let n="default",s="",l=new WeakMap;function r(e){if(o.isIOS()){if(n==="default"){const t=i.getOwnerDocument(e);s=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}n="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(l.set(e,e.style.userSelect),e.style.userSelect="none")}function u(e){if(o.isIOS()){if(n!=="disabled")return;n="restoring",setTimeout(()=>{c.runAfterTransition(()=>{if(n==="restoring"){const t=i.getOwnerDocument(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=s||""),s="",n="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&l.has(e)){let t=l.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),l.delete(e)}}exports.disableTextSelection=r;exports.restoreTextSelection=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("./index172.js"),d=require("./index336.js");class i{isDefaultPrevented(){return this.nativeEvent.defaultPrevented}preventDefault(){this.defaultPrevented=!0,this.nativeEvent.preventDefault()}stopPropagation(){this.nativeEvent.stopPropagation(),this.isPropagationStopped=()=>!0}isPropagationStopped(){return!1}persist(){}constructor(t,e){this.nativeEvent=e,this.target=e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget,this.bubbles=e.bubbles,this.cancelable=e.cancelable,this.defaultPrevented=e.defaultPrevented,this.eventPhase=e.eventPhase,this.isTrusted=e.isTrusted,this.timeStamp=e.timeStamp,this.type=t}}function b(u){let t=c.useRef({isFocused:!1,observer:null});l.useLayoutEffect(()=>{const r=t.current;return()=>{r.observer&&(r.observer.disconnect(),r.observer=null)}},[]);let e=d.useEffectEvent(r=>{u==null||u(r)});return c.useCallback(r=>{if(r.target instanceof HTMLButtonElement||r.target instanceof HTMLInputElement||r.target instanceof HTMLTextAreaElement||r.target instanceof HTMLSelectElement){t.current.isFocused=!0;let s=r.target,o=n=>{t.current.isFocused=!1,s.disabled&&e(new i("blur",n)),t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)};s.addEventListener("focusout",o,{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&s.disabled){var n;(n=t.current.observer)===null||n===void 0||n.disconnect();let a=s===document.activeElement?null:document.activeElement;s.dispatchEvent(new FocusEvent("blur",{relatedTarget:a})),s.dispatchEvent(new FocusEvent("focusout",{bubbles:!0,relatedTarget:a}))}}),t.current.observer.observe(s,{attributes:!0,attributeFilter:["disabled"]})}},[e])}exports.SyntheticFocusEvent=i;exports.useSyntheticBlurEvent=b;

package/index340.mjs

@@ -1,33 +1,71 @@
-import { getOwnerDocument as c } from "./index309.mjs";
-import { runAfterTransition as i } from "./index312.mjs";
-import { isIOS as o } from "./index174.mjs";
-let n = "default", l = "", s = /* @__PURE__ */ new WeakMap();
-function r(e) {
-  if (o()) {
-    if (n === "default") {
-      const t = c(e);
-      l = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
-    }
-    n = "disabled";
-  } else (e instanceof HTMLElement || e instanceof SVGElement) && (s.set(e, e.style.userSelect), e.style.userSelect = "none");
+import { useRef as o, useCallback as i } from "react";
+import { useLayoutEffect as l } from "./index172.mjs";
+import { useEffectEvent as d } from "./index336.mjs";
+class f {
+  isDefaultPrevented() {
+    return this.nativeEvent.defaultPrevented;
+  }
+  preventDefault() {
+    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
+  }
+  stopPropagation() {
+    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
+  }
+  isPropagationStopped() {
+    return !1;
+  }
+  persist() {
+  }
+  constructor(t, e) {
+    this.nativeEvent = e, this.target = e.target, this.currentTarget = e.currentTarget, this.relatedTarget = e.relatedTarget, this.bubbles = e.bubbles, this.cancelable = e.cancelable, this.defaultPrevented = e.defaultPrevented, this.eventPhase = e.eventPhase, this.isTrusted = e.isTrusted, this.timeStamp = e.timeStamp, this.type = t;
+  }
 }
-function m(e) {
-  if (o()) {
-    if (n !== "disabled") return;
-    n = "restoring", setTimeout(() => {
-      i(() => {
-        if (n === "restoring") {
-          const t = c(e);
-          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = l || ""), l = "", n = "default";
+function h(n) {
+  let t = o({
+    isFocused: !1,
+    observer: null
+  });
+  l(() => {
+    const r = t.current;
+    return () => {
+      r.observer && (r.observer.disconnect(), r.observer = null);
+    };
+  }, []);
+  let e = d((r) => {
+    n == null || n(r);
+  });
+  return i((r) => {
+    if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
+      t.current.isFocused = !0;
+      let s = r.target, u = (a) => {
+        t.current.isFocused = !1, s.disabled && e(new f("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+      };
+      s.addEventListener("focusout", u, {
+        once: !0
+      }), t.current.observer = new MutationObserver(() => {
+        if (t.current.isFocused && s.disabled) {
+          var a;
+          (a = t.current.observer) === null || a === void 0 || a.disconnect();
+          let c = s === document.activeElement ? null : document.activeElement;
+          s.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: c
+          })), s.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: c
+          }));
         }
+      }), t.current.observer.observe(s, {
+        attributes: !0,
+        attributeFilter: [
+          "disabled"
+        ]
       });
-    }, 300);
-  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && s.has(e)) {
-    let t = s.get(e);
-    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), s.delete(e);
-  }
+    }
+  }, [
+    e
+  ]);
 }
 export {
-  r as disableTextSelection,
-  m as restoreTextSelection
+  f as SyntheticFocusEvent,
+  h as useSyntheticBlurEvent
 };

package/index341.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index416.js"),s=require("./index417.js");function c(e,t){var r=s._(e,t,"get");return _._(e,r)}exports._=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index328.js"),c=require("./index331.js"),o=require("./index174.js");let n="default",s="",l=new WeakMap;function r(e){if(o.isIOS()){if(n==="default"){const t=i.getOwnerDocument(e);s=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect="none"}n="disabled"}else(e instanceof HTMLElement||e instanceof SVGElement)&&(l.set(e,e.style.userSelect),e.style.userSelect="none")}function u(e){if(o.isIOS()){if(n!=="disabled")return;n="restoring",setTimeout(()=>{c.runAfterTransition(()=>{if(n==="restoring"){const t=i.getOwnerDocument(e);t.documentElement.style.webkitUserSelect==="none"&&(t.documentElement.style.webkitUserSelect=s||""),s="",n="default"}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&l.has(e)){let t=l.get(e);e.style.userSelect==="none"&&(e.style.userSelect=t),e.getAttribute("style")===""&&e.removeAttribute("style"),l.delete(e)}}exports.disableTextSelection=r;exports.restoreTextSelection=u;

package/index341.mjs

@@ -1,9 +1,33 @@
-import { _ as s } from "./index416.mjs";
-import { _ as a } from "./index417.mjs";
-function p(_, r) {
-  var t = a(_, r, "get");
-  return s(_, t);
+import { getOwnerDocument as c } from "./index328.mjs";
+import { runAfterTransition as i } from "./index331.mjs";
+import { isIOS as o } from "./index174.mjs";
+let n = "default", l = "", s = /* @__PURE__ */ new WeakMap();
+function r(e) {
+  if (o()) {
+    if (n === "default") {
+      const t = c(e);
+      l = t.documentElement.style.webkitUserSelect, t.documentElement.style.webkitUserSelect = "none";
+    }
+    n = "disabled";
+  } else (e instanceof HTMLElement || e instanceof SVGElement) && (s.set(e, e.style.userSelect), e.style.userSelect = "none");
+}
+function m(e) {
+  if (o()) {
+    if (n !== "disabled") return;
+    n = "restoring", setTimeout(() => {
+      i(() => {
+        if (n === "restoring") {
+          const t = c(e);
+          t.documentElement.style.webkitUserSelect === "none" && (t.documentElement.style.webkitUserSelect = l || ""), l = "", n = "default";
+        }
+      });
+    }, 300);
+  } else if ((e instanceof HTMLElement || e instanceof SVGElement) && e && s.has(e)) {
+    let t = s.get(e);
+    e.style.userSelect === "none" && (e.style.userSelect = t), e.getAttribute("style") === "" && e.removeAttribute("style"), s.delete(e);
+  }
 }
 export {
-  p as _
+  r as disableTextSelection,
+  m as restoreTextSelection
 };

package/index342.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index418.js"),c=require("./index417.js");function i(t,r,e){var s=c._(t,r,"set");return _._(t,s,e),e}exports._=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index416.js"),s=require("./index417.js");function c(e,t){var r=s._(e,t,"get");return _._(e,r)}exports._=c;

package/index342.mjs

@@ -1,9 +1,9 @@
-import { _ as a } from "./index418.mjs";
-import { _ as o } from "./index417.mjs";
-function i(s, r, _) {
-  var t = o(s, r, "set");
-  return a(s, t, _), _;
+import { _ as s } from "./index416.mjs";
+import { _ as a } from "./index417.mjs";
+function p(_, r) {
+  var t = a(_, r, "get");
+  return s(_, t);
 }
 export {
-  i as _
+  p as _
 };

package/index343.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index138.js"),u=require("./index171.js");function n(t){let{id:l,label:s,"aria-labelledby":e,"aria-label":b,labelElementType:o="label"}=t;l=r.useId(l);let a=r.useId(),i={};s?(e=e?`${a} ${e}`:a,i={id:a,htmlFor:o==="label"?l:void 0}):!e&&!b&&console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");let d=u.useLabels({id:l,"aria-label":b,"aria-labelledby":e});return{labelProps:i,fieldProps:d}}exports.useLabel=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index418.js"),c=require("./index417.js");function i(t,r,e){var s=c._(t,r,"set");return _._(t,s,e),e}exports._=i;

package/index343.mjs

@@ -1,23 +1,9 @@
-import { useId as r } from "./index138.mjs";
-import { useLabels as f } from "./index171.mjs";
-function $(o) {
-  let { id: l, label: d, "aria-labelledby": e, "aria-label": b, labelElementType: t = "label" } = o;
-  l = r(l);
-  let a = r(), i = {};
-  d ? (e = e ? `${a} ${e}` : a, i = {
-    id: a,
-    htmlFor: t === "label" ? l : void 0
-  }) : !e && !b && console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
-  let s = f({
-    id: l,
-    "aria-label": b,
-    "aria-labelledby": e
-  });
-  return {
-    labelProps: i,
-    fieldProps: s
-  };
+import { _ as a } from "./index418.mjs";
+import { _ as o } from "./index417.mjs";
+function i(s, r, _) {
+  var t = o(s, r, "set");
+  return a(s, t, _), _;
 }
 export {
-  $ as useLabel
+  i as _
 };

package/index344.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(e,t=-1/0,a=1/0){return Math.min(Math.max(e,t),a)}exports.clamp=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index143.js"),u=require("./index171.js");function n(t){let{id:l,label:s,"aria-labelledby":e,"aria-label":b,labelElementType:o="label"}=t;l=r.useId(l);let a=r.useId(),i={};s?(e=e?`${a} ${e}`:a,i={id:a,htmlFor:o==="label"?l:void 0}):!e&&!b&&console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");let d=u.useLabels({id:l,"aria-label":b,"aria-labelledby":e});return{labelProps:i,fieldProps:d}}exports.useLabel=n;

package/index344.mjs

@@ -1,6 +1,23 @@
-function c(a, n = -1 / 0, t = 1 / 0) {
-  return Math.min(Math.max(a, n), t);
+import { useId as r } from "./index143.mjs";
+import { useLabels as f } from "./index171.mjs";
+function $(o) {
+  let { id: l, label: d, "aria-labelledby": e, "aria-label": b, labelElementType: t = "label" } = o;
+  l = r(l);
+  let a = r(), i = {};
+  d ? (e = e ? `${a} ${e}` : a, i = {
+    id: a,
+    htmlFor: t === "label" ? l : void 0
+  }) : !e && !b && console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
+  let s = f({
+    id: l,
+    "aria-label": b,
+    "aria-labelledby": e
+  });
+  return {
+    labelProps: i,
+    fieldProps: s
+  };
 }
 export {
-  c as clamp
+  $ as useLabel
 };

package/index99.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),y=require("@react-aria/accordion"),R=require("react"),m=require("react-aria"),T=require("react-use"),b=require("./index69.js"),F=require("./index139.js"),i=require("./index25.js"),w=require("./index6.js"),C=require("./index14.js"),I=c=>{const{item:r,tokens:l,customTheme:h}=c,{props:x,rendered:k,key:f}=r,{icon:u,title:j,onOpenChange:a,tokens:q,themeName:g}=x??{},{themeName:t=g}=c,d=R.useRef(null),{state:s,TransitionAnimation:N=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...$},regionProps:p}=y.useAccordionItem(c,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...q},A=P=>{P.continuePropagation(),s.selectionManager.select(r.key),s.toggleKey(r.key)};return T.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...$,"aria-expanded":o,handlePress:A,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:j}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(N,{isVisible:o,themeName:`${t}.region`,...p,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;
+"use strict";const e=require("react/jsx-runtime"),y=require("@react-aria/accordion"),R=require("react"),m=require("react-aria"),T=require("react-use"),b=require("./index69.js"),F=require("./index138.js"),i=require("./index25.js"),w=require("./index6.js"),C=require("./index14.js"),I=c=>{const{item:r,tokens:l,customTheme:h}=c,{props:x,rendered:k,key:f}=r,{icon:u,title:j,onOpenChange:a,tokens:q,themeName:g}=x??{},{themeName:t=g}=c,d=R.useRef(null),{state:s,TransitionAnimation:N=F}=b.useAccordionCtx(),{buttonProps:{onClick:K,onKeyDown:B,onPointerDown:D,...$},regionProps:p}=y.useAccordionItem(c,s,d),o=s.selectionManager.selectedKeys.has(f),n={...l,isOpen:o,...q},A=P=>{P.continuePropagation(),s.selectionManager.select(r.key),s.toggleKey(r.key)};return T.useUpdateEffect(()=>{a==null||a(o)},[o]),e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:h,children:[e.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonWithForwardRef,{...$,"aria-expanded":o,handlePress:A,ref:d,themeName:`${t}.button`,tokens:n,children:[e.jsx(i.default,{themeName:`${t}.title`,tokens:n,children:j}),u&&e.jsx(i.default,{themeName:`${t}.icon`,tokens:n,children:e.jsx(C,{icon:u})})]})}),e.jsx(N,{isVisible:o,themeName:`${t}.region`,...p,tokens:n,children:e.jsx(i.default,{themeName:`${t}.content`,tokens:n,children:e.jsx(m.FocusScope,{autoFocus:!0,children:k})})})]})};module.exports=I;

package/index99.mjs

@@ -4,7 +4,7 @@ import { useRef as F } from "react";
 import { FocusRing as I, FocusScope as R } from "react-aria";
 import { useUpdateEffect as w } from "react-use";
 import { useAccordionCtx as B } from "./index69.mjs";
-import C from "./index139.mjs";
+import C from "./index138.mjs";
 import i from "./index25.mjs";
 import { ButtonWithForwardRef as D } from "./index6.mjs";
 import K from "./index14.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.32.0",
+  "version": "1.32.2",
   "types": "./index.d.ts",
   "exports": {
     ".": {