@clicktap/ui 0.19.2 → 0.19.3

package/components/ModalOverlay/ModalOverlay.js

@@ -1 +1 @@
-import{jsx as i}from"react/jsx-runtime";import{forwardRef as _,useId as A,useEffect as w,useCallback as k}from"react";import{ModalOverlay as y}from"react-aria-components";import{motion as C,AnimatePresence as I}from"framer-motion";import{useDialogTrigger as N}from"../DialogTrigger/DialogTrigger.js";import{cn as P}from"../../utils/cn.js";const F="body > [inert]:not(#__next):not([data-overlay-container])";function R(t){return Object.keys(t).some(e=>e.startsWith("__react"))}function b(){document.querySelectorAll(F).forEach(t=>t.removeAttribute("inert"))}function S(t){return!!(t.closest("[data-overlay-container]")||t.closest("#__next"))}const T=_(({style:t,children:e,...n},o)=>{const s=typeof t=="function"?t(n):t;return i(y,{...n,ref:o,style:s,children:e})});let d=null;function j(){return typeof window>"u"?null:(d||(d=C.create(T)),d)}const v=j();function p({animate:t,animation:e,setAnimation:n,className:o,animationVariants:s,isDismissable:O=!0,children:m,...h}){const M=A();w(()=>{b();const r=new MutationObserver(a=>{for(const u of a)if(u.type==="attributes"&&u.attributeName==="inert"){const c=u.target;c.parentElement===document.body?b():R(c)||c.removeAttribute("inert")}});return r.observe(document.body,{attributes:!0,attributeFilter:["inert"],subtree:!0}),()=>r.disconnect()},[]);const{key:E,shouldCloseOnInteractOutside:l,...g}=h,x=k(r=>l?l(r):S(r),[l]),f={isDismissable:O,shouldCloseOnInteractOutside:x,className:P("bg-black/30","fixed top-0 left-0","z-[1000]","w-screen h-[var(--visual-viewport-height)]",o),...g};return v?i(v,{isExiting:e==="hidden",onAnimationComplete:r=>{n(a=>r==="hidden"&&a==="hidden"?"unmounted":a)},variants:s||{hidden:{opacity:0,backdropFilter:"blur(0px)",transition:{delay:.08}},visible:{opacity:1,backdropFilter:"blur(8px)"}},initial:"hidden",animate:t,exit:"hidden",...f,children:m},E||M):i(y,{...f,children:m})}function B(t){const{isOpen:e}=t,{animation:n,setAnimation:o}=N();return e!==void 0?i(I,{children:e&&i(p,{...t,animate:"visible",animation:n,setAnimation:o})}):i(p,{...t,animate:n,animation:n,setAnimation:o})}export{B as ModalOverlay,B as default};
+import{jsx as i}from"react/jsx-runtime";import{forwardRef as A,useId as w,useEffect as x,useCallback as C}from"react";import{ModalOverlay as p}from"react-aria-components";import{motion as I,AnimatePresence as N}from"framer-motion";import{useDialogTrigger as P}from"../DialogTrigger/DialogTrigger.js";import{cn as k}from"../../utils/cn.js";const R="body > [inert]:not(#__next):not([data-overlay-container])";function S(t){return Object.keys(t).some(e=>e.startsWith("__react"))}function v(){document.querySelectorAll(R).forEach(t=>t.removeAttribute("inert"))}function F(t){return!!(t.closest("[data-overlay-container]")||t.closest("#__next"))}const T=A(({style:t,children:e,...n},r)=>{const s=typeof t=="function"?t(n):t;return i(p,{...n,ref:r,style:s,children:e})});let d=null;function j(){return typeof window>"u"?null:(d||(d=I.create(T)),d)}const b=j();function y({animate:t,animation:e,setAnimation:n,className:r,animationVariants:s,isDismissable:O=!0,children:m,...h}){const M=w();x(()=>{v();const o=new MutationObserver(a=>{for(const l of a)if(l.type==="attributes"&&l.attributeName==="inert"){const c=l.target;c.parentElement===document.body?v():S(c)||c.removeAttribute("inert")}});return o.observe(document.body,{attributes:!0,attributeFilter:["inert"],subtree:!0}),()=>o.disconnect()},[]);const{key:E,shouldCloseOnInteractOutside:u,...g}=h,_=C(o=>u?u(o):F(o),[u]),f={isDismissable:O,shouldCloseOnInteractOutside:_,className:k("bg-black/30 backdrop-blur-sm","fixed top-0 left-0","z-[1000]","w-screen h-[var(--visual-viewport-height)]",r),...g};return b?i(b,{isExiting:e==="hidden",onAnimationComplete:o=>{n(a=>o==="hidden"&&a==="hidden"?"unmounted":a)},variants:s||{hidden:{opacity:0,transition:{delay:.08}},visible:{opacity:1}},initial:"hidden",animate:t,exit:"hidden",...f,children:m},E||M):i(p,{...f,children:m})}function B(t){const{isOpen:e}=t,{animation:n,setAnimation:r}=P();return e!==void 0?i(N,{children:e&&i(y,{...t,animate:"visible",animation:n,setAnimation:r})}):i(y,{...t,animate:n,animation:n,setAnimation:r})}export{B as ModalOverlay,B as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clicktap/ui",
-  "version": "0.19.2",
+  "version": "0.19.3",
   "private": false,
   "author": "Clicktap",
   "description": "A library of React UI components and low-level hooks.",