@xiping/react-components 0.0.69 → 0.0.71

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

@@ -1 +1 @@
-"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.d.ts

@@ -0,0 +1,7 @@
+interface ImageCompareProps {
+    className?: string;
+    originalImage: string;
+    modifiedImage: string;
+}
+declare const ImageCompare: (props: ImageCompareProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageCompare;

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/ImageCompare.stories.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("react/jsx-runtime");const t=require("./ImageCompare.js"),e=require("../../node_modules/.pnpm/@faker-js_faker@9.5.0/node_modules/@faker-js/faker/dist/chunk-KRMY7ATX.js");e.a.image.dataUri({width:1920,height:1080});e.a.image.dataUri({width:1920,height:1080});const o={title:"Components/ImageCompare",component:t.default,parameters:{layout:"centered"},tags:["autodocs"],argTypes:{originalImage:{control:"text",description:"URL or path of the original image"},modifiedImage:{control:"text",description:"URL or path of the modified/comparison image"},className:{control:"text",description:"Additional CSS classes to apply to the component"}}};exports.default=o;

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

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

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

@@ -1 +1 @@
-"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 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:i=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),o=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 o.current&&e.observe(o.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)},i);return()=>{clearInterval(t)}},[n,i,c]),p.jsx(g,{ref:o,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.stories.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;