@xiping/react-components 0.0.70 → 0.0.72

package/dist/cjs/components/hyper-text/index.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),x=require("../../utils/utils.js"),f=require("motion/react"),r=require("react"),q=Object.freeze("ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("")),y=t=>Math.floor(Math.random()*t);function d({children:t,className:I,duration:m=800,delay:i=0,as:M="div",startOnView:p=!1,animateOnHover:A=!0,characterSet:u=q,...R}){const b=f.motion.create(M,{forwardMotionProps:!0}),[E,h]=r.useState(()=>t.split("")),[c,o]=r.useState(!1),s=r.useRef(0),a=r.useRef(null),j=()=>{A&&!c&&(s.current=0,o(!0))};return r.useEffect(()=>{if(!p){const n=setTimeout(()=>{o(!0)},i);return()=>clearTimeout(n)}const e=new IntersectionObserver(([n])=>{n.isIntersecting&&(setTimeout(()=>{o(!0)},i),e.disconnect())},{threshold:.1,rootMargin:"-30% 0px -30% 0px"});return a.current&&e.observe(a.current),()=>e.disconnect()},[i,p]),r.useEffect(()=>{if(!c)return;const e=m/(t.length*10),n=t.length,T=setInterval(()=>{s.current<n?(h(C=>C.map((g,v)=>g===" "?g:v<=s.current?t[v]:u[y(u.length)])),s.current=s.current+.1):(o(!1),clearInterval(T))},e);return()=>clearInterval(T)},[t,m,c,u]),l.jsx(b,{ref:a,className:x.cn("overflow-hidden py-2 text-4xl font-bold",I),onMouseEnter:j,...R,children:l.jsx(f.AnimatePresence,{children:E.map((e,n)=>l.jsx(f.motion.span,{className:x.cn("font-mono",e===" "?"w-3":""),children:e.toUpperCase()},n))})})}exports.HyperText=d;exports.default=d;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),x=require("../../utils/utils.js"),f=require("motion/react"),r=require("react"),q=Object.freeze("ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("")),y=t=>Math.floor(Math.random()*t);function d({children:t,className:I,duration:m=800,delay:i=0,as:M="div",startOnView:p=!1,animateOnHover:R=!0,characterSet:u=q,...A}){const b=f.motion.create(M,{forwardMotionProps:!0}),[E,h]=r.useState(()=>t.split("")),[c,o]=r.useState(!1),s=r.useRef(0),a=r.useRef(null),j=()=>{R&&!c&&(s.current=0,o(!0))};return r.useEffect(()=>{if(!p){const n=setTimeout(()=>{o(!0)},i);return()=>clearTimeout(n)}const e=new IntersectionObserver(([n])=>{n.isIntersecting&&(setTimeout(()=>{o(!0)},i),e.disconnect())},{threshold:.1,rootMargin:"-30% 0px -30% 0px"});return a.current&&e.observe(a.current),()=>e.disconnect()},[i,p]),r.useEffect(()=>{if(!c)return;const e=m/(t.length*10),n=t.length,T=setInterval(()=>{s.current<n?(h(C=>C.map((g,v)=>g===" "?g:v<=s.current?t[v]:u[y(u.length)])),s.current=s.current+.1):(o(!1),clearInterval(T))},e);return()=>clearInterval(T)},[t,m,c,u]),l.jsx(b,{ref:a,className:x.cn("overflow-hidden py-2 text-4xl font-bold",I),onMouseEnter:j,...A,children:l.jsx(f.AnimatePresence,{children:E.map((e,n)=>l.jsx(f.motion.span,{className:x.cn("font-mono",e===" "?"w-3":""),children:e.toUpperCase()},n))})})}exports.HyperText=d;exports.default=d;

package/dist/cjs/components/image-compare/ImageCompare.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),x=require("clsx"),t=require("react"),j=(r,n)=>{let s;return function(...c){s||(r.apply(this,c),s=!0,setTimeout(()=>s=!1,n))}},R=r=>{const{originalImage:n,modifiedImage:s,className:c}=r,[d,b]=t.useState(50),[a,h]=t.useState(!1),[v,k]=t.useState(16/9),i=t.useRef(null),g=t.useCallback(e=>{if(!a||!i.current)return;const m=i.current.getBoundingClientRect(),M=(e-m.left)/m.width*100;b(Math.min(100,Math.max(0,M)))},[a]),l=t.useCallback(j(e=>g(e),16),[g]),p=t.useCallback(e=>{l(e.clientX)},[l]),w=t.useCallback(e=>{l(e.touches[0].clientX)},[l]),f=t.useCallback(()=>{h(!0)},[]),u=t.useCallback(()=>{h(!1)},[]);return t.useEffect(()=>{const e=new Image;e.onload=()=>{k(e.width/e.height)},e.src=n},[n]),o.jsxs("div",{ref:i,className:x("relative select-none overflow-hidden w-full",c),style:{backgroundRepeat:"no-repeat",backgroundPosition:"top left",backgroundImage:`url(${n})`,backgroundSize:"contain",aspectRatio:v},onMouseMove:a?p:void 0,onTouchMove:a?w:void 0,onMouseUp:u,onMouseLeave:u,onTouchEnd:u,children:[o.jsx("div",{className:"absolute inset-0 h-full overflow-hidden",style:{width:`${d}%`,backgroundImage:`url(${s})`,backgroundRepeat:"no-repeat",backgroundPosition:"top left",backgroundSize:"auto 100%"}}),o.jsx("div",{className:"absolute top-0 bottom-0 w-1 bg-white cursor-ew-resize",style:{left:`${d}%`,transform:"translateX(-50%)"},onMouseDown:f,onTouchStart:f,children:o.jsx("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-white shadow-lg flex items-center justify-center",children:o.jsx("svg",{className:"w-6 h-6 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:o.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 9l4-4 4 4m0 6l-4 4-4-4"})})})})]})};exports.default=R;

package/dist/cjs/components/image-compare/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ImageCompare } from './ImageCompare.tsx';
+export { ImageCompare };
+export default ImageCompare;

package/dist/cjs/components/image-viewer/ImageViewer.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("@heroui/modal"),C=require("@heroui/spinner"),m=require("react-icons/io5"),k=require("../pinch-content/PinchContent.js"),S=require("@radix-ui/react-scroll-area"),p=require("react");function z(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(a,o,r.get?r:{enumerable:!0,get:()=>t[o]})}}return a.default=t,Object.freeze(a)}const i=z(S),O=t=>{const{isOpen:a,onClose:o,imgSrc:r,canDownload:g=!1}=t,c=Array.isArray(r)?r:[r],[d,x]=p.useState(0),[j,f]=p.useState(!0),u=()=>{f(!0),o()},w=async()=>{const s=c[d];try{const y=await(await fetch(s)).blob(),b=window.URL.createObjectURL(y),l=document.createElement("a");l.href=b,l.download=s.split("/").pop()||"image",document.body.appendChild(l),l.click(),window.URL.revokeObjectURL(b),document.body.removeChild(l)}catch(n){console.error("Error downloading image:",n)}},v=()=>{f(!1)},N=()=>{f(!1)};return e.jsx(h.Modal,{isOpen:a,size:"full",onClose:u,className:"bg-black bg-opacity-70",hideCloseButton:!0,portalContainer:document.body,children:e.jsx(h.ModalContent,{className:"overflow-hidden",children:e.jsxs("div",{className:"w-screen h-screen relative flex flex-col pt-safe-offset-0",children:[e.jsxs("div",{className:"absolute top-2 right-2 flex gap-4 z-10",children:[g&&e.jsx(m.IoDownloadOutline,{size:24,className:"text-white cursor-pointer",onClick:w}),e.jsx(m.IoCloseSharp,{size:24,className:"text-white cursor-pointer",onClick:u})]}),e.jsxs("div",{className:"flex-1 min-h-0 relative flex items-center justify-center",children:[e.jsx(k.default,{canRotate:!1,className:"w-full h-full",children:e.jsx("img",{draggable:"false",src:c[d],alt:"",className:"w-screen h-full object-contain pointer-events-none",onLoad:v,onError:N})}),j&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black bg-opacity-50",children:e.jsx(C.Spinner,{color:"white",size:"lg"})})]}),c.length>1&&e.jsx("div",{className:"h-24 bg-black bg-opacity-50 shrink-0 z-10 pb-safe-offset-0 pl-safe-offset-0 pr-safe-offset-0",children:e.jsxs(i.Root,{className:"h-24 w-screen",type:"auto",children:[e.jsx(i.Viewport,{className:"pppp h-full w-full",children:e.jsx("div",{className:"flex gap-2 p-2 h-24",children:c.map((s,n)=>e.jsx("div",{className:`h-full aspect-square flex-shrink-0 cursor-pointer border-2 transition-all ${n===d?"border-white":"border-transparent"}`,onClick:()=>x(n),children:e.jsx("img",{src:s,alt:"",className:"w-full h-full object-contain",draggable:"false"})},s))})}),e.jsx(i.Scrollbar,{className:"flex select-none touch-none p-0.5 bg-black/50 transition-colors duration-150 ease-out hover:bg-black/80 data-[orientation=horizontal]:h-2.5 data-[orientation=vertical]:w-2.5 data-[orientation=horizontal]:flex-col",orientation:"horizontal",children:e.jsx(i.Thumb,{className:"flex-1 bg-white/50 rounded-[10px] relative before:content-[''] before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:min-w-[44px] before:min-h-[44px]"})})]})})]})})})};exports.default=O;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),h=require("@heroui/modal"),C=require("@heroui/spinner"),m=require("react-icons/io5"),k=require("../pinch-content/PinchContent.js"),S=require("@radix-ui/react-scroll-area"),p=require("react");function z(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const i=z(S),O=t=>{const{isOpen:r,onClose:o,imgSrc:a,canDownload:g=!1}=t,c=Array.isArray(a)?a:[a],[d,x]=p.useState(0),[j,f]=p.useState(!0),u=()=>{f(!0),o()},w=async()=>{const s=c[d];try{const y=await(await fetch(s)).blob(),b=window.URL.createObjectURL(y),l=document.createElement("a");l.href=b,l.download=s.split("/").pop()||"image",document.body.appendChild(l),l.click(),window.URL.revokeObjectURL(b),document.body.removeChild(l)}catch(n){console.error("Error downloading image:",n)}},v=()=>{f(!1)},N=()=>{f(!1)};return e.jsx(h.Modal,{isOpen:r,size:"full",onClose:u,className:"bg-black bg-opacity-70",hideCloseButton:!0,portalContainer:document.body,children:e.jsx(h.ModalContent,{className:"overflow-hidden",children:e.jsxs("div",{className:"w-screen h-screen relative flex flex-col pt-safe-offset-0",children:[e.jsxs("div",{className:"absolute top-2 right-2 flex gap-4 z-10",children:[g&&e.jsx(m.IoDownloadOutline,{size:24,className:"text-white cursor-pointer",onClick:w}),e.jsx(m.IoCloseSharp,{size:24,className:"text-white cursor-pointer",onClick:u})]}),e.jsxs("div",{className:"flex-1 min-h-0 relative flex items-center justify-center",children:[e.jsx(k.default,{canRotate:!1,className:"w-full h-full",children:e.jsx("img",{draggable:"false",src:c[d],alt:"",className:"w-screen h-full object-contain pointer-events-none",onLoad:v,onError:N})}),j&&e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black bg-opacity-50",children:e.jsx(C.Spinner,{color:"white",size:"lg"})})]}),c.length>1&&e.jsx("div",{className:"h-24 bg-black bg-opacity-50 shrink-0 z-10 pb-safe-offset-0 pl-safe-offset-0 pr-safe-offset-0",children:e.jsxs(i.Root,{className:"h-24 w-screen",type:"auto",children:[e.jsx(i.Viewport,{className:"pppp h-full w-full",children:e.jsx("div",{className:"flex gap-2 p-2 h-24",children:c.map((s,n)=>e.jsx("div",{className:`h-full aspect-square flex-shrink-0 cursor-pointer border-2 transition-all ${n===d?"border-white":"border-transparent"}`,onClick:()=>x(n),children:e.jsx("img",{src:s,alt:"",className:"w-full h-full object-contain",draggable:"false"})},s))})}),e.jsx(i.Scrollbar,{className:"flex select-none touch-none p-0.5 bg-black/50 transition-colors duration-150 ease-out hover:bg-black/80 data-[orientation=horizontal]:h-2.5 data-[orientation=vertical]:w-2.5 data-[orientation=horizontal]:flex-col",orientation:"horizontal",children:e.jsx(i.Thumb,{className:"flex-1 bg-white/50 rounded-[10px] relative before:content-[''] before:absolute before:top-1/2 before:left-1/2 before:-translate-x-1/2 before:-translate-y-1/2 before:w-full before:h-full before:min-w-[44px] before:min-h-[44px]"})})]})})]})})})};exports.default=O;

package/dist/cjs/components/pinch-content/PinchContent.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("react/jsx-runtime"),v=require("@react-spring/web"),i=require("@use-gesture/react"),B=require("react"),x=require("ahooks"),C=require("clsx"),G=i.createUseGesture([i.dragAction,i.pinchAction,i.wheelAction]),u=l=>l.preventDefault(),N=l=>{const{className:m,children:y,canPinch:h=!0,canDrag:p=!0,canRotate:b=!0,scaleBounds:d={min:.3,max:10},wheelZoomFactor:S=.1}=l,n=B.useRef(null);x.useMount(()=>{var t,e,r;(t=n.current)==null||t.addEventListener("gesturestart",u),(e=n.current)==null||e.addEventListener("gesturechange",u),(r=n.current)==null||r.addEventListener("gestureend",u)}),x.useUnmount(()=>{var t,e,r;(t=n.current)==null||t.removeEventListener("gesturestart",u),(e=n.current)==null||e.removeEventListener("gesturechange",u),(r=n.current)==null||r.removeEventListener("gestureend",u)});const[s,g]=v.useSpring(()=>({x:0,y:0,scale:1,rotateZ:0}));return G({onWheel:({event:t,delta:[,e]})=>{if(!h)return;const c=s.scale.get()*(1-e*S),o=Math.min(Math.max(c,d.min),d.max);g.start({scale:o})},onDrag:({pinching:t,cancel:e,offset:[r,c],...o})=>{if(!p||t)return e();g.start({x:r,y:c})},onPinch:({origin:[t,e],first:r,movement:[c],offset:[o,q],memo:a,cancel:w})=>{if(!h)return w();if(r){const{width:M,height:P,x:R,y:Z}=n.current.getBoundingClientRect(),j=t-(R+M/2),A=e-(Z+P/2);a=[s.x.get(),s.y.get(),j,A]}const E=a[0]-(c-1)*a[2],L=a[1]-(c-1)*a[3],f={scale:o,rotateZ:0,x:E,y:L};return b&&(f.rotateZ=q),g.start(f),a}},{target:n,drag:{from:()=>[s.x.get(),s.y.get()]},pinch:{scaleBounds:d,rubberband:!0},wheel:{enabled:!0}}),D.jsx(v.animated.div,{className:C("select-none",m),ref:n,style:s,children:y})};exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const D=require("react/jsx-runtime"),v=require("@react-spring/web"),i=require("@use-gesture/react"),B=require("react"),x=require("ahooks"),C=require("clsx"),G=i.createUseGesture([i.dragAction,i.pinchAction,i.wheelAction]),u=l=>l.preventDefault(),N=l=>{const{className:m,children:y,canPinch:h=!0,canDrag:p=!0,canRotate:b=!0,scaleBounds:d={min:.3,max:10},wheelZoomFactor:S=.1}=l,n=B.useRef(null);x.useMount(()=>{var t,e,r;(t=n.current)==null||t.addEventListener("gesturestart",u),(e=n.current)==null||e.addEventListener("gesturechange",u),(r=n.current)==null||r.addEventListener("gestureend",u)}),x.useUnmount(()=>{var t,e,r;(t=n.current)==null||t.removeEventListener("gesturestart",u),(e=n.current)==null||e.removeEventListener("gesturechange",u),(r=n.current)==null||r.removeEventListener("gestureend",u)});const[s,g]=v.useSpring(()=>({x:0,y:0,scale:1,rotateZ:0}));return G({onWheel:({event:t,delta:[,e]})=>{if(!h)return;const c=s.scale.get()*(1-e*S),o=Math.min(Math.max(c,d.min),d.max);g.start({scale:o})},onDrag:({pinching:t,cancel:e,offset:[r,c],...o})=>{if(!p||t)return e();g.start({x:r,y:c})},onPinch:({origin:[t,e],first:r,movement:[c],offset:[o,q],memo:a,cancel:w})=>{if(!h)return w();if(r){const{width:M,height:R,x:P,y:Z}=n.current.getBoundingClientRect(),j=t-(P+M/2),A=e-(Z+R/2);a=[s.x.get(),s.y.get(),j,A]}const E=a[0]-(c-1)*a[2],L=a[1]-(c-1)*a[3],f={scale:o,rotateZ:0,x:E,y:L};return b&&(f.rotateZ=q),g.start(f),a}},{target:n,drag:{from:()=>[s.x.get(),s.y.get()]},pinch:{scaleBounds:d,rubberband:!0},wheel:{enabled:!0}}),D.jsx(v.animated.div,{className:C("select-none",m),ref:n,style:s,children:y})};exports.default=N;

package/dist/cjs/components/shimmer-button/ShimmerButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),r=require("../../utils/utils.js"),a=c.forwardRef(({shimmerColor:t="#ffffff",shimmerSize:s="0.05em",shimmerDuration:i="3s",borderRadius:n="100px",background:o="rgba(0, 0, 0, 1)",className:u,children:d,...l},f)=>e.jsxs("button",{style:{"--spread":"90deg","--shimmer-color":t,"--radius":n,"--speed":i,"--cut":s,"--bg":o},className:r.cn("group relative z-0 flex cursor-pointer items-center justify-center overflow-hidden whitespace-nowrap border border-white/10 px-6 py-3 text-white [background:var(--bg)] [border-radius:var(--radius)] dark:text-black","transform-gpu transition-transform duration-300 ease-in-out active:translate-y-px",u),ref:f,...l,children:[e.jsx("div",{className:r.cn("-z-30 blur-[2px]","absolute inset-0 overflow-visible [container-type:size]"),children:e.jsx("div",{className:"absolute inset-0 h-[100cqh] animate-shimmer-slide [aspect-ratio:1] [border-radius:0] [mask:none]",children:e.jsx("div",{className:"absolute -inset-full w-auto rotate-0 animate-spin-around [background:conic-gradient(from_calc(270deg-(var(--spread)*0.5)),transparent_0,var(--shimmer-color)_var(--spread),transparent_var(--spread))] [translate:0_0]"})})}),d,e.jsx("div",{className:r.cn("insert-0 absolute size-full","rounded-2xl px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#ffffff1f]","transform-gpu transition-all duration-300 ease-in-out","group-hover:shadow-[inset_0_-6px_10px_#ffffff3f]","group-active:shadow-[inset_0_-10px_10px_#ffffff3f]")}),e.jsx("div",{className:r.cn("absolute -z-20 [background:var(--bg)] [border-radius:var(--radius)] [inset:var(--cut)]")})]}));a.displayName="ShimmerButton";exports.ShimmerButton=a;exports.default=a;

package/dist/cjs/components/shimmer-button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ShimmerButton } from './ShimmerButton.tsx';
+export { ShimmerButton };
+export default ShimmerButton;

package/dist/cjs/components/text-animate/TextAnimate.js

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("../../utils/utils.js"),s=require("motion/react"),c={text:.06,word:.05,character:.03,line:.06},i={hidden:{opacity:1},show:{opacity:1,transition:{staggerChildren:.05}},exit:{opacity:0,transition:{staggerChildren:.05,staggerDirection:-1}}},g={hidden:{opacity:0},show:{opacity:1},exit:{opacity:0}},o={fadeIn:{container:i,item:{hidden:{opacity:0,y:20},show:t=>({opacity:1,y:0,transition:{delay:t,duration:.3}}),exit:{opacity:0,y:20,transition:{duration:.3}}}},blurIn:{container:i,item:{hidden:{opacity:0,filter:"blur(10px)"},show:t=>({opacity:1,filter:"blur(0px)",transition:{delay:t*.1,duration:.3}}),exit:{opacity:0,filter:"blur(10px)",transition:{duration:.3}}}},blurInUp:{container:i,item:{hidden:{opacity:0,filter:"blur(10px)",y:20},show:t=>({opacity:1,filter:"blur(0px)",y:0,transition:{y:{duration:.3},opacity:{duration:.4},filter:{duration:.3}}}),exit:{opacity:0,filter:"blur(10px)",y:20,transition:{y:{duration:.3},opacity:{duration:.4},filter:{duration:.3}}}}},blurInDown:{container:i,item:{hidden:{opacity:0,filter:"blur(10px)",y:-20},show:t=>({opacity:1,filter:"blur(0px)",y:0,transition:{y:{duration:.3},opacity:{duration:.4},filter:{duration:.3}}})}},slideUp:{container:i,item:{hidden:{y:20,opacity:0},show:t=>({y:0,opacity:1,transition:{delay:t,duration:.3}}),exit:{y:-20,opacity:0,transition:{duration:.3}}}},slideDown:{container:i,item:{hidden:{y:-20,opacity:0},show:{y:0,opacity:1,transition:{duration:.3}},exit:{y:20,opacity:0,transition:{duration:.3}}}},slideLeft:{container:i,item:{hidden:{x:20,opacity:0},show:{x:0,opacity:1,transition:{duration:.3}},exit:{x:-20,opacity:0,transition:{duration:.3}}}},slideRight:{container:i,item:{hidden:{x:-20,opacity:0},show:{x:0,opacity:1,transition:{duration:.3}},exit:{x:20,opacity:0,transition:{duration:.3}}}},scaleUp:{container:i,item:{hidden:{scale:.5,opacity:0},show:{scale:1,opacity:1,transition:{duration:.3,scale:{type:"spring",damping:15,stiffness:300}}},exit:{scale:.5,opacity:0,transition:{duration:.3}}}},scaleDown:{container:i,item:{hidden:{scale:1.5,opacity:0},show:t=>({scale:1,opacity:1,transition:{delay:t,duration:.3,scale:{type:"spring",damping:15,stiffness:300}}}),exit:{scale:1.5,opacity:0,transition:{duration:.3}}}}};function b({children:t,delay:I=0,duration:k=.3,variants:v,className:h,segmentClassName:x,as:m="p",startOnView:d=!0,once:C=!1,by:n="word",animation:a="fadeIn",...w}){const f=s.motion.create(m),p=a?{container:{...o[a].container,show:{...o[a].container.show,transition:{staggerChildren:c[n]}},exit:{...o[a].container.exit,transition:{staggerChildren:c[n],staggerDirection:-1}}},item:o[a].item}:{container:i,item:g};let e=[];switch(n){case"word":e=t.split(/(\s+)/);break;case"character":e=t.split("");break;case"line":e=t.split(`
+`);break;case"text":default:e=[t];break}return r.jsx(s.AnimatePresence,{mode:"popLayout",children:r.jsx(f,{variants:p.container,initial:"hidden",whileInView:d?"show":void 0,animate:d?void 0:"show",exit:"exit",className:u.cn("whitespace-pre-wrap",h),...w,children:e.map((l,y)=>r.jsx(s.motion.span,{variants:p.item,custom:y*c[n],className:u.cn(n==="line"?"block":"inline-block whitespace-pre",x),children:l},`${n}-${l}-${y}`))})})}exports.TextAnimate=b;

package/dist/cjs/components/txt-reader/TxtReader.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),r=require("clsx"),t=require("motion/react"),j=require("./index.module.css.js"),w=16,E=1.5,F="normal",a=({content:u,lineHeight:d=E,fontSize:f=w,fontWeight:x=F,className:m="",style:p={},onProgressChange:l,initialScrollPosition:R,cacheKey:g,showTopProgress:T=!0,topProgressClassName:b,showBottomProgress:_=!0,bottomProgressClassName:h})=>{const s=n.useRef(null),i=n.useRef(null),{scrollYProgress:o}=t.useScroll({container:s,target:i}),c=t.useTransform(()=>(o.get()*100).toFixed(2).replace(/\.0*$/,"")),v=t.useMotionTemplate`${c}%`;return c.on("change",N=>{l==null||l(Number(N))}),e.jsxs(e.Fragment,{children:[T&&e.jsx(t.motion.div,{id:"scroll-indicator",className:r("fixed left-0 top-0 right-0 bg-[#ff0088] h-2.5",b),style:{scaleX:o,originX:0}}),e.jsx("div",{className:r("relative w-full h-full overflow-y-auto",j.default.textContent),ref:s,children:e.jsx("div",{ref:i,className:r("w-full whitespace-pre-wrap break-words",m),style:{fontSize:`${f}px`,lineHeight:d,fontWeight:x,...p},children:u})}),_&&e.jsx(t.motion.div,{id:"scroll-present",className:r("fixed text-white rounded text-sm bg-black bg-opacity-70 pl-2 pr-2 pb-1 pt-1 right-5 bottom-5",h),children:v})]})};exports.TxtReader=a;exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),n=require("react"),r=require("clsx"),t=require("motion/react"),R=require("./index.module.css.js"),j=16,w=1.5,E="normal",a=({content:u,lineHeight:d=w,fontSize:f=j,fontWeight:x=E,className:m="",style:p={},onProgressChange:l,initialScrollPosition:F,cacheKey:g,showTopProgress:T=!0,topProgressClassName:b,showBottomProgress:_=!0,bottomProgressClassName:h})=>{const s=n.useRef(null),i=n.useRef(null),{scrollYProgress:o}=t.useScroll({container:s,target:i}),c=t.useTransform(()=>(o.get()*100).toFixed(2).replace(/\.0*$/,"")),v=t.useMotionTemplate`${c}%`;return c.on("change",N=>{l==null||l(Number(N))}),e.jsxs(e.Fragment,{children:[T&&e.jsx(t.motion.div,{id:"scroll-indicator",className:r("fixed left-0 top-0 right-0 bg-[#ff0088] h-2.5",b),style:{scaleX:o,originX:0}}),e.jsx("div",{className:r("relative w-full h-full overflow-y-auto",R.default.textContent),ref:s,children:e.jsx("div",{ref:i,className:r("w-full whitespace-pre-wrap break-words",m),style:{fontSize:`${f}px`,lineHeight:d,fontWeight:x,...p},children:u})}),_&&e.jsx(t.motion.div,{id:"scroll-present",className:r("fixed text-white rounded text-sm bg-black bg-opacity-70 pl-2 pr-2 pb-1 pt-1 right-5 bottom-5",h),children:v})]})};exports.TxtReader=a;exports.default=a;

package/dist/cjs/components/typing-animation/index.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),b=require("../../utils/utils.js"),x=require("motion/react"),r=require("react");function l({children:n,className:f,duration:o=100,delay:s=0,as:m="div",startOnView:u=!1,...d}){const g=x.motion.create(m,{forwardMotionProps:!0}),[v,T]=r.useState(""),[c,a]=r.useState(!1),i=r.useRef(null);return r.useEffect(()=>{if(!u){const t=setTimeout(()=>{a(!0)},s);return()=>clearTimeout(t)}const e=new IntersectionObserver(([t])=>{t.isIntersecting&&(setTimeout(()=>{a(!0)},s),e.disconnect())},{threshold:.1});return i.current&&e.observe(i.current),()=>e.disconnect()},[s,u]),r.useEffect(()=>{if(!c)return;let e=0;const t=setInterval(()=>{e<n.length?(T(n.substring(0,e+1)),e++):clearInterval(t)},o);return()=>{clearInterval(t)}},[n,o,c]),p.jsx(g,{ref:i,className:b.cn("text-4xl font-bold leading-[5rem] tracking-[-0.02em]",f),...d,children:v})}exports.TypingAnimation=l;exports.default=l;
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react/jsx-runtime"),b=require("../../utils/utils.js"),x=require("motion/react"),n=require("react");function l({children:r,className:f,duration:o=100,delay:s=0,as:m="div",startOnView:u=!1,...d}){const g=x.motion.create(m,{forwardMotionProps:!0}),[v,T]=n.useState(""),[c,a]=n.useState(!1),i=n.useRef(null);return n.useEffect(()=>{if(!u){const t=setTimeout(()=>{a(!0)},s);return()=>clearTimeout(t)}const e=new IntersectionObserver(([t])=>{t.isIntersecting&&(setTimeout(()=>{a(!0)},s),e.disconnect())},{threshold:.1});return i.current&&e.observe(i.current),()=>e.disconnect()},[s,u]),n.useEffect(()=>{if(!c)return;let e=0;const t=setInterval(()=>{e<r.length?(T(r.substring(0,e+1)),e++):clearInterval(t)},o);return()=>{clearInterval(t)}},[r,o,c]),p.jsx(g,{ref:i,className:b.cn("text-4xl font-bold leading-[5rem] tracking-[-0.02em]",f),...d,children:v})}exports.TypingAnimation=l;exports.default=l;

package/dist/cjs/index.d.ts

@@ -4,3 +4,6 @@ export * from './components/pinch-content';
 export * from './components/image-viewer';
 export * from './components/hyper-text';
 export * from './components/typing-animation';
+export * from './components/text-animate';
+export * from './components/shimmer-button';
+export * from './components/image-compare';

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css           */const e=require("./components/button/Button.js"),t=require("./components/txt-reader/TxtReader.js"),n=require("./components/hyper-text/index.js"),r=require("./components/typing-animation/index.js"),i=require("./components/pinch-content/PinchContent.js"),o=require("./components/image-viewer/ImageViewer.js");exports.Button=e.Button;exports.TxtReader=t.TxtReader;exports.HyperText=n.HyperText;exports.TypingAnimation=r.TypingAnimation;exports.PinchContent=i.default;exports.ImageViewer=o.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css           */const e=require("./components/button/Button.js"),t=require("./components/txt-reader/TxtReader.js"),r=require("./components/hyper-text/index.js"),n=require("./components/typing-animation/index.js"),i=require("./components/pinch-content/PinchContent.js"),o=require("./components/image-viewer/ImageViewer.js"),u=require("./components/shimmer-button/ShimmerButton.js"),a=require("./components/image-compare/ImageCompare.js"),m=require("./components/text-animate/TextAnimate.js");exports.Button=e.Button;exports.TxtReader=t.TxtReader;exports.HyperText=r.HyperText;exports.TypingAnimation=n.TypingAnimation;exports.PinchContent=i.default;exports.ImageViewer=o.default;exports.ShimmerButton=u.ShimmerButton;exports.ImageCompare=a.default;exports.TextAnimate=m.TextAnimate;

package/dist/es/components/image-compare/ImageCompare.js

@@ -0,0 +1,101 @@
+import { jsxs as R, jsx as s } from "react/jsx-runtime";
+import y from "clsx";
+import { useState as d, useRef as I, useCallback as t, useEffect as N } from "react";
+const T = (i, o) => {
+  let n;
+  return function(...l) {
+    n || (i.apply(this, l), n = !0, setTimeout(() => n = !1, o));
+  };
+}, P = (i) => {
+  const { originalImage: o, modifiedImage: n, className: l } = i, [h, v] = d(50), [a, g] = d(!1), [w, b] = d(16 / 9), c = I(null), f = t(
+    (e) => {
+      if (!a || !c.current) return;
+      const p = c.current.getBoundingClientRect(), x = (e - p.left) / p.width * 100;
+      v(Math.min(100, Math.max(0, x)));
+    },
+    [a]
+  ), r = t(
+    T((e) => f(e), 16),
+    [f]
+  ), M = t((e) => {
+    r(e.clientX);
+  }, [r]), k = t((e) => {
+    r(e.touches[0].clientX);
+  }, [r]), m = t(() => {
+    g(!0);
+  }, []), u = t(() => {
+    g(!1);
+  }, []);
+  return N(() => {
+    const e = new Image();
+    e.onload = () => {
+      b(e.width / e.height);
+    }, e.src = o;
+  }, [o]), /* @__PURE__ */ R(
+    "div",
+    {
+      ref: c,
+      className: y("relative select-none overflow-hidden w-full", l),
+      style: {
+        backgroundRepeat: "no-repeat",
+        backgroundPosition: "top left",
+        backgroundImage: `url(${o})`,
+        backgroundSize: "contain",
+        aspectRatio: w
+      },
+      onMouseMove: a ? M : void 0,
+      onTouchMove: a ? k : void 0,
+      onMouseUp: u,
+      onMouseLeave: u,
+      onTouchEnd: u,
+      children: [
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: "absolute inset-0 h-full overflow-hidden",
+            style: {
+              width: `${h}%`,
+              backgroundImage: `url(${n})`,
+              backgroundRepeat: "no-repeat",
+              backgroundPosition: "top left",
+              backgroundSize: "auto 100%"
+            }
+          }
+        ),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: "absolute top-0 bottom-0 w-1 bg-white cursor-ew-resize",
+            style: {
+              left: `${h}%`,
+              transform: "translateX(-50%)"
+            },
+            onMouseDown: m,
+            onTouchStart: m,
+            children: /* @__PURE__ */ s("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-white shadow-lg flex items-center justify-center", children: /* @__PURE__ */ s(
+              "svg",
+              {
+                className: "w-6 h-6 text-gray-600",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ s(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
+                  }
+                )
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  P as default
+};

package/dist/es/components/image-compare/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ImageCompare } from './ImageCompare.tsx';
+export { ImageCompare };
+export default ImageCompare;

package/dist/es/components/shimmer-button/ShimmerButton.js

@@ -0,0 +1,75 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import p from "react";
+import { cn as e } from "../../utils/utils.js";
+const m = p.forwardRef(
+  ({
+    shimmerColor: a = "#ffffff",
+    shimmerSize: t = "0.05em",
+    shimmerDuration: s = "3s",
+    borderRadius: i = "100px",
+    background: o = "rgba(0, 0, 0, 1)",
+    className: n,
+    children: d,
+    ...f
+  }, u) => /* @__PURE__ */ l(
+    "button",
+    {
+      style: {
+        "--spread": "90deg",
+        "--shimmer-color": a,
+        "--radius": i,
+        "--speed": s,
+        "--cut": t,
+        "--bg": o
+      },
+      className: e(
+        "group relative z-0 flex cursor-pointer items-center justify-center overflow-hidden whitespace-nowrap border border-white/10 px-6 py-3 text-white [background:var(--bg)] [border-radius:var(--radius)] dark:text-black",
+        "transform-gpu transition-transform duration-300 ease-in-out active:translate-y-px",
+        n
+      ),
+      ref: u,
+      ...f,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: e(
+              "-z-30 blur-[2px]",
+              "absolute inset-0 overflow-visible [container-type:size]"
+            ),
+            children: /* @__PURE__ */ r("div", { className: "absolute inset-0 h-[100cqh] animate-shimmer-slide [aspect-ratio:1] [border-radius:0] [mask:none]", children: /* @__PURE__ */ r("div", { className: "absolute -inset-full w-auto rotate-0 animate-spin-around [background:conic-gradient(from_calc(270deg-(var(--spread)*0.5)),transparent_0,var(--shimmer-color)_var(--spread),transparent_var(--spread))] [translate:0_0]" }) })
+          }
+        ),
+        d,
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: e(
+              "insert-0 absolute size-full",
+              "rounded-2xl px-4 py-1.5 text-sm font-medium shadow-[inset_0_-8px_10px_#ffffff1f]",
+              // transition
+              "transform-gpu transition-all duration-300 ease-in-out",
+              // on hover
+              "group-hover:shadow-[inset_0_-6px_10px_#ffffff3f]",
+              // on click
+              "group-active:shadow-[inset_0_-10px_10px_#ffffff3f]"
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: e(
+              "absolute -z-20 [background:var(--bg)] [border-radius:var(--radius)] [inset:var(--cut)]"
+            )
+          }
+        )
+      ]
+    }
+  )
+);
+m.displayName = "ShimmerButton";
+export {
+  m as ShimmerButton,
+  m as default
+};

package/dist/es/components/shimmer-button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ShimmerButton } from './ShimmerButton.tsx';
+export { ShimmerButton };
+export default ShimmerButton;

package/dist/es/components/text-animate/TextAnimate.js

@@ -0,0 +1,309 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { cn as y } from "../../utils/utils.js";
+import { motion as u, AnimatePresence as g } from "motion/react";
+const s = {
+  text: 0.06,
+  word: 0.05,
+  character: 0.03,
+  line: 0.06
+}, t = {
+  hidden: { opacity: 1 },
+  show: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.05
+    }
+  },
+  exit: {
+    opacity: 0,
+    transition: {
+      staggerChildren: 0.05,
+      staggerDirection: -1
+    }
+  }
+}, b = {
+  hidden: { opacity: 0 },
+  show: {
+    opacity: 1
+  },
+  exit: {
+    opacity: 0
+  }
+}, o = {
+  fadeIn: {
+    container: t,
+    item: {
+      hidden: { opacity: 0, y: 20 },
+      show: (i) => ({
+        opacity: 1,
+        y: 0,
+        transition: {
+          delay: i,
+          duration: 0.3
+        }
+      }),
+      exit: {
+        opacity: 0,
+        y: 20,
+        transition: { duration: 0.3 }
+      }
+    }
+  },
+  blurIn: {
+    container: t,
+    item: {
+      hidden: { opacity: 0, filter: "blur(10px)" },
+      show: (i) => ({
+        opacity: 1,
+        filter: "blur(0px)",
+        transition: {
+          delay: i * 0.1,
+          duration: 0.3
+        }
+      }),
+      exit: {
+        opacity: 0,
+        filter: "blur(10px)",
+        transition: { duration: 0.3 }
+      }
+    }
+  },
+  blurInUp: {
+    container: t,
+    item: {
+      hidden: { opacity: 0, filter: "blur(10px)", y: 20 },
+      show: (i) => ({
+        opacity: 1,
+        filter: "blur(0px)",
+        y: 0,
+        transition: {
+          y: { duration: 0.3 },
+          opacity: { duration: 0.4 },
+          filter: { duration: 0.3 }
+        }
+      }),
+      exit: {
+        opacity: 0,
+        filter: "blur(10px)",
+        y: 20,
+        transition: {
+          y: { duration: 0.3 },
+          opacity: { duration: 0.4 },
+          filter: { duration: 0.3 }
+        }
+      }
+    }
+  },
+  blurInDown: {
+    container: t,
+    item: {
+      hidden: { opacity: 0, filter: "blur(10px)", y: -20 },
+      show: (i) => ({
+        opacity: 1,
+        filter: "blur(0px)",
+        y: 0,
+        transition: {
+          y: { duration: 0.3 },
+          opacity: { duration: 0.4 },
+          filter: { duration: 0.3 }
+        }
+      })
+    }
+  },
+  slideUp: {
+    container: t,
+    item: {
+      hidden: { y: 20, opacity: 0 },
+      show: (i) => ({
+        y: 0,
+        opacity: 1,
+        transition: {
+          delay: i,
+          duration: 0.3
+        }
+      }),
+      exit: {
+        y: -20,
+        opacity: 0,
+        transition: {
+          duration: 0.3
+        }
+      }
+    }
+  },
+  slideDown: {
+    container: t,
+    item: {
+      hidden: { y: -20, opacity: 0 },
+      show: {
+        y: 0,
+        opacity: 1,
+        transition: { duration: 0.3 }
+      },
+      exit: {
+        y: 20,
+        opacity: 0,
+        transition: { duration: 0.3 }
+      }
+    }
+  },
+  slideLeft: {
+    container: t,
+    item: {
+      hidden: { x: 20, opacity: 0 },
+      show: {
+        x: 0,
+        opacity: 1,
+        transition: { duration: 0.3 }
+      },
+      exit: {
+        x: -20,
+        opacity: 0,
+        transition: { duration: 0.3 }
+      }
+    }
+  },
+  slideRight: {
+    container: t,
+    item: {
+      hidden: { x: -20, opacity: 0 },
+      show: {
+        x: 0,
+        opacity: 1,
+        transition: { duration: 0.3 }
+      },
+      exit: {
+        x: 20,
+        opacity: 0,
+        transition: { duration: 0.3 }
+      }
+    }
+  },
+  scaleUp: {
+    container: t,
+    item: {
+      hidden: { scale: 0.5, opacity: 0 },
+      show: {
+        scale: 1,
+        opacity: 1,
+        transition: {
+          duration: 0.3,
+          scale: {
+            type: "spring",
+            damping: 15,
+            stiffness: 300
+          }
+        }
+      },
+      exit: {
+        scale: 0.5,
+        opacity: 0,
+        transition: { duration: 0.3 }
+      }
+    }
+  },
+  scaleDown: {
+    container: t,
+    item: {
+      hidden: { scale: 1.5, opacity: 0 },
+      show: (i) => ({
+        scale: 1,
+        opacity: 1,
+        transition: {
+          delay: i,
+          duration: 0.3,
+          scale: {
+            type: "spring",
+            damping: 15,
+            stiffness: 300
+          }
+        }
+      }),
+      exit: {
+        scale: 1.5,
+        opacity: 0,
+        transition: { duration: 0.3 }
+      }
+    }
+  }
+};
+function U({
+  children: i,
+  delay: I = 0,
+  duration: k = 0.3,
+  variants: C,
+  className: h,
+  segmentClassName: x,
+  as: m = "p",
+  startOnView: c = !0,
+  once: v = !1,
+  by: a = "word",
+  animation: n = "fadeIn",
+  ...f
+}) {
+  const w = u.create(m), d = n ? {
+    container: {
+      ...o[n].container,
+      show: {
+        ...o[n].container.show,
+        transition: {
+          staggerChildren: s[a]
+        }
+      },
+      exit: {
+        ...o[n].container.exit,
+        transition: {
+          staggerChildren: s[a],
+          staggerDirection: -1
+        }
+      }
+    },
+    item: o[n].item
+  } : { container: t, item: b };
+  let e = [];
+  switch (a) {
+    case "word":
+      e = i.split(/(\s+)/);
+      break;
+    case "character":
+      e = i.split("");
+      break;
+    case "line":
+      e = i.split(`
+`);
+      break;
+    case "text":
+    default:
+      e = [i];
+      break;
+  }
+  return /* @__PURE__ */ r(g, { mode: "popLayout", children: /* @__PURE__ */ r(
+    w,
+    {
+      variants: d.container,
+      initial: "hidden",
+      whileInView: c ? "show" : void 0,
+      animate: c ? void 0 : "show",
+      exit: "exit",
+      className: y("whitespace-pre-wrap", h),
+      ...f,
+      children: e.map((p, l) => /* @__PURE__ */ r(
+        u.span,
+        {
+          variants: d.item,
+          custom: l * s[a],
+          className: y(
+            a === "line" ? "block" : "inline-block whitespace-pre",
+            x
+          ),
+          children: p
+        },
+        `${a}-${p}-${l}`
+      ))
+    }
+  ) });
+}
+export {
+  U as TextAnimate
+};

package/dist/es/index.d.ts

@@ -4,3 +4,6 @@ export * from './components/pinch-content';
 export * from './components/image-viewer';
 export * from './components/hyper-text';
 export * from './components/typing-animation';
+export * from './components/text-animate';
+export * from './components/shimmer-button';
+export * from './components/image-compare';

package/dist/es/index.js

@@ -1,15 +1,21 @@
 /* empty css          */
 import { Button as t } from "./components/button/Button.js";
 import { TxtReader as p } from "./components/txt-reader/TxtReader.js";
-import { HyperText as x } from "./components/hyper-text/index.js";
+import { HyperText as f } from "./components/hyper-text/index.js";
 import { TypingAnimation as n } from "./components/typing-animation/index.js";
-import { default as d } from "./components/pinch-content/PinchContent.js";
+import { default as u } from "./components/pinch-content/PinchContent.js";
 import { default as T } from "./components/image-viewer/ImageViewer.js";
+import { ShimmerButton as l } from "./components/shimmer-button/ShimmerButton.js";
+import { default as h } from "./components/image-compare/ImageCompare.js";
+import { TextAnimate as A } from "./components/text-animate/TextAnimate.js";
 export {
   t as Button,
-  x as HyperText,
+  f as HyperText,
+  h as ImageCompare,
   T as ImageViewer,
-  d as PinchContent,
+  u as PinchContent,
+  l as ShimmerButton,
+  A as TextAnimate,
   p as TxtReader,
   n as TypingAnimation
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xiping/react-components",
   "private": false,
-  "version": "0.0.70",
+  "version": "0.0.72",
   "type": "module",
   "main": "./dist/cjs/index.js",
   "module": "./dist/es/index.js",
@@ -100,5 +100,5 @@
   "engines": {
     "node": ">=18"
   },
-  "gitHead": "336071be7e8e3761428541b22cf841d43c8dce2c"
+  "gitHead": "675ebe9e6615200de89b4a353c51e36e81d926cf"
 }