@clicktap/ui 0.17.4 → 0.17.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as n}from"react/jsx-runtime";import{forwardRef as
|
|
1
|
+
import{jsx as n}from"react/jsx-runtime";import{forwardRef as f}from"react";import{Dialog as u}from"react-aria-components";import{motion as m}from"framer-motion";import{cn as b}from"../../utils/cn.js";const p={top:{hidden:{y:"-100%",transition:{ease:"easeIn"}},visible:{y:0,transition:{ease:"easeOut"}}},bottom:{hidden:{y:"100%",transition:{ease:"easeIn"}},visible:{y:0,transition:{ease:"easeOut"}}},right:{hidden:{x:"100%",transition:{ease:"easeIn"}},visible:{x:0,transition:{ease:"easeOut"}}},left:{hidden:{x:"-100%",transition:{ease:"easeIn"}},visible:{x:0,transition:{ease:"easeOut"}}}},l=f(({style:t,size:e="20rem",...o},r)=>{const a=typeof t=="function"?t(o):{...t,"--drawer-size":`${e}`};return n(u,{...o,ref:r,style:a})});let i=null;function w(){return typeof window>"u"?null:(i||(i=m.create(l)),i)}const d=w();function c({direction:t="right",children:e,className:o,animationVariants:r,...a}){const s={className:b("fixed p-8 bg-white","outline-none focus:outline-none focus-visible:outline-none","border-solid border-slate-200","max-w-full max-h-[var(--visual-viewport-height)]",t==="top"&&"top-0 left-0 right-0 bottom-auto border-b shadow-[0_8px_24px_rgba(0,0,0,0.1)] h-[var(--drawer-size)]",t==="right"&&"top-0 left-auto bottom-0 right-0 border-l shadow-[-8px_0_24px_rgba(0,0,0,0.1)] w-[var(--drawer-size)]",t==="bottom"&&"bottom-0 left-0 right-0 top-auto border-t shadow-[0_-8px_24px_rgba(0,0,0,0.1)] h-[var(--drawer-size)]",t==="left"&&"top-0 bottom-0 left-0 right-auto border-r shadow-[8px_0_24px_rgba(0,0,0,0.1)] w-[var(--drawer-size)]",o),"data-direction":t,...a};return d?n(d,{variants:r||p[t],...s,children:e}):n(l,{...s,children:e})}export{c as Drawer,c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as n}from"react/jsx-runtime";import{Modal as r}from"react-aria-components";import{cn as a}from"../../utils/cn.js";function l({children:o,className:t,...e}){return n(r,{...e,className:a("absolute inset-0","pointer-events-none [&>*]:pointer-events-auto",t),children:o})}export{l as Modal,l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import{forwardRef as h,useId as b}from"react";import{ModalOverlay as
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{forwardRef as h,useId as b}from"react";import{ModalOverlay as f}from"react-aria-components";import{motion as O,AnimatePresence as g}from"framer-motion";import{useDialogTrigger as x}from"../DialogTrigger/DialogTrigger.js";import{cn as w}from"../../utils/cn.js";const k=h(({style:i,children:n,...e},o)=>{const r=typeof i=="function"?i(e):i;return t(f,{...e,ref:o,style:r,children:n})});let a=null;function A(){return typeof window>"u"?null:(a||(a=O.create(k)),a)}const s=A();function c({animate:i,animation:n,setAnimation:e,className:o,animationVariants:r,children:d,...u}){const p=b(),{key:v,...y}=u,l={className:w("bg-black/30","fixed top-0 left-0","z-[1000]","w-screen h-[var(--visual-viewport-height)]",o),...y};return s?t(s,{isExiting:n==="hidden",onAnimationComplete:M=>{e(m=>M==="hidden"&&m==="hidden"?"unmounted":m)},variants:r||{hidden:{opacity:0,backdropFilter:"blur(0px)",transition:{delay:.08}},visible:{opacity:1,backdropFilter:"blur(8px)"}},initial:"hidden",animate:i,exit:"hidden",...l,children:d},v||p):t(f,{...l,children:d})}function D(i){const{isOpen:n}=i,{animation:e,setAnimation:o}=x();return n!==void 0?t(g,{children:n&&t(c,{...i,animate:"visible",animation:e,setAnimation:o})}):t(c,{...i,animate:e,animation:e,setAnimation:o})}export{D as ModalOverlay,D as default};
|