@xiping/react-components 1.0.22 → 1.0.24

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

@@ -1,4 +1,4 @@
-import { GlobalOptions as ConfettiGlobalOptions, Options as ConfettiOptions } from 'canvas-confetti';
+import { GlobalOptions as ConfettiGlobalOptions, Options as ConfettiOptions, default as confetti } from 'canvas-confetti';
 import { ReactNode, default as React } from 'react';
 type Api = {
     fire: (options?: ConfettiOptions) => void;
@@ -10,15 +10,15 @@ type Props = React.ComponentPropsWithRef<"canvas"> & {
     children?: ReactNode;
 };
 export type ConfettiRef = Api | null;
-export declare const Confetti: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<Api>>;
+declare const Confetti: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<Api>>;
 interface ConfettiButtonProps extends React.HTMLAttributes<HTMLDivElement> {
     options?: ConfettiOptions & ConfettiGlobalOptions & {
         canvas?: HTMLCanvasElement;
     };
     children?: React.ReactNode;
 }
-export declare const ConfettiButton: {
+declare const ConfettiButton: {
     ({ options, children, ...props }: ConfettiButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export {};
+export { confetti, ConfettiButton, Confetti };

package/dist/cjs/components/confetti-button/index.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),y=require("../../node_modules/.pnpm/canvas-confetti@1.9.3/node_modules/canvas-confetti/dist/confetti.module.js"),r=require("react"),w=r.createContext({}),h=r.forwardRef((a,u)=>{const{options:o,globalOptions:c={resize:!0,useWorker:!0},manualstart:i=!1,children:e,...l}=a,t=r.useRef(null),p=r.useCallback(n=>{if(n!==null){if(t.current)return;t.current=y.default.create(n,{...c,resize:!0})}else t.current&&(t.current.reset(),t.current=null)},[c]),s=r.useCallback(async(n={})=>{var d;try{await((d=t.current)==null?void 0:d.call(t,{...o,...n}))}catch(g){console.error("Confetti error:",g)}},[o]),f=r.useMemo(()=>({fire:s}),[s]);return r.useImperativeHandle(u,()=>f,[f]),r.useEffect(()=>{i||(async()=>{try{await s()}catch(n){console.error("Confetti effect error:",n)}})()},[i,s]),C.jsxs(w.Provider,{value:f,children:[C.jsx("canvas",{ref:p,...l}),e]})});h.displayName="Confetti";const x=h,m=({options:a,children:u,...o})=>{const c=async i=>{try{const e=i.currentTarget.getBoundingClientRect(),l=e.left+e.width/2,t=e.top+e.height/2;await y.default({...a,origin:{x:l/window.innerWidth,y:t/window.innerHeight}})}catch(e){console.error("Confetti button error:",e)}};return C.jsx("div",{onClick:c,...o,children:u})};m.displayName="ConfettiButton";const v=m;exports.Confetti=x;exports.ConfettiButton=v;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),d=require("../../node_modules/.pnpm/canvas-confetti@1.9.3/node_modules/canvas-confetti/dist/confetti.module.js"),n=require("react"),g=n.createContext({}),y=n.forwardRef((a,u)=>{const{options:o,globalOptions:c={resize:!0,useWorker:!0},manualstart:i=!1,children:t,...l}=a,e=n.useRef(null),m=n.useCallback(r=>{if(r!==null){if(e.current)return;e.current=d.default.create(r,{...c,resize:!0})}else e.current&&(e.current.reset(),e.current=null)},[c]),s=n.useCallback(async(r={})=>{try{await e.current?.({...o,...r})}catch(p){console.error("Confetti error:",p)}},[o]),f=n.useMemo(()=>({fire:s}),[s]);return n.useImperativeHandle(u,()=>f,[f]),n.useEffect(()=>{i||(async()=>{try{await s()}catch(r){console.error("Confetti effect error:",r)}})()},[i,s]),C.jsxs(g.Provider,{value:f,children:[C.jsx("canvas",{ref:m,...l}),t]})});y.displayName="Confetti";const w=y,h=({options:a,children:u,...o})=>{const c=async i=>{try{const t=i.currentTarget.getBoundingClientRect(),l=t.left+t.width/2,e=t.top+t.height/2;await d.default({...a,origin:{x:l/window.innerWidth,y:e/window.innerHeight}})}catch(t){console.error("Confetti button error:",t)}};return C.jsx("div",{onClick:c,...o,children:u})};h.displayName="ConfettiButton";const x=h;exports.confetti=d.default;exports.Confetti=w;exports.ConfettiButton=x;

package/dist/cjs/components/dock/Duck.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react/jsx-runtime"),E=require("class-variance-authority"),t=require("motion/react"),r=require("react"),x=require("../../utils/utils.js"),y=40,I=60,D=140,M=E.cva("supports-backdrop-blur:bg-white/10 supports-backdrop-blur:dark:bg-black/10 mx-auto mt-8 flex h-[58px] w-max items-center justify-center gap-2 rounded-2xl border p-2 backdrop-blur-md"),T=r.forwardRef(({className:n,children:a,iconSize:c=y,iconMagnification:u=I,iconDistance:d=D,direction:s="middle",...l},i)=>{const o=t.useMotionValue(1/0),m=()=>r.Children.map(a,e=>r.isValidElement(e)&&e.type===p?r.cloneElement(e,{...e.props,mouseX:o,size:c,magnification:u,distance:d}):e);return k.jsx(t.motion.div,{ref:i,onMouseMove:e=>o.set(e.pageX),onMouseLeave:()=>o.set(1/0),...l,className:x.cn(M({className:n}),{"items-start":s==="top","items-center":s==="middle","items-end":s==="bottom"}),children:m()})});T.displayName="Dock";const p=({size:n=y,magnification:a=I,distance:c=D,mouseX:u,className:d,children:s,...l})=>{const i=r.useRef(null),o=Math.max(6,n*.2),m=t.useMotionValue(1/0),e=t.useTransform(u??m,A=>{var g;const b=((g=i.current)==null?void 0:g.getBoundingClientRect())??{x:0,width:0};return A-b.x-b.width/2}),h=t.useTransform(e,[-c,0,c],[n,a,n]),f=t.useSpring(h,{mass:.1,stiffness:150,damping:12});return k.jsx(t.motion.div,{ref:i,style:{width:f,height:f,padding:o},className:x.cn("flex aspect-square cursor-pointer items-center justify-center rounded-full",d),...l,children:s})};p.displayName="DockIcon";exports.Dock=T;exports.DockIcon=p;exports.dockVariants=M;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),A=require("class-variance-authority"),t=require("motion/react"),r=require("react"),k=require("../../utils/utils.js"),x=40,y=60,I=140,D=A.cva("supports-backdrop-blur:bg-white/10 supports-backdrop-blur:dark:bg-black/10 mx-auto mt-8 flex h-[58px] w-max items-center justify-center gap-2 rounded-2xl border p-2 backdrop-blur-md"),M=r.forwardRef(({className:n,children:a,iconSize:c=x,iconMagnification:u=y,iconDistance:d=I,direction:s="middle",...l},i)=>{const o=t.useMotionValue(1/0),m=()=>r.Children.map(a,e=>r.isValidElement(e)&&e.type===p?r.cloneElement(e,{...e.props,mouseX:o,size:c,magnification:u,distance:d}):e);return g.jsx(t.motion.div,{ref:i,onMouseMove:e=>o.set(e.pageX),onMouseLeave:()=>o.set(1/0),...l,className:k.cn(D({className:n}),{"items-start":s==="top","items-center":s==="middle","items-end":s==="bottom"}),children:m()})});M.displayName="Dock";const p=({size:n=x,magnification:a=y,distance:c=I,mouseX:u,className:d,children:s,...l})=>{const i=r.useRef(null),o=Math.max(6,n*.2),m=t.useMotionValue(1/0),e=t.useTransform(u??m,h=>{const b=i.current?.getBoundingClientRect()??{x:0,width:0};return h-b.x-b.width/2}),T=t.useTransform(e,[-c,0,c],[n,a,n]),f=t.useSpring(T,{mass:.1,stiffness:150,damping:12});return g.jsx(t.motion.div,{ref:i,style:{width:f,height:f,padding:o},className:k.cn("flex aspect-square cursor-pointer items-center justify-center rounded-full",d),...l,children:s})};p.displayName="DockIcon";exports.Dock=M;exports.DockIcon=p;exports.dockVariants=D;

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

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

package/dist/cjs/components/pointer/Pointer.d.ts

@@ -0,0 +1,13 @@
+import { HTMLMotionProps } from 'motion/react';
+import { ReactNode } from 'react';
+type PointerProps = Omit<HTMLMotionProps<"div">, "ref">;
+/**
+ * A custom pointer component that displays an animated cursor.
+ * Add this as a child to any component to enable a custom pointer when hovering.
+ * You can pass custom children to render as the pointer.
+ *
+ * @component
+ * @param {PointerProps} props - The component props
+ */
+export declare function Pointer({ className, style, children, ...props }: PointerProps): ReactNode;
+export {};

package/dist/cjs/components/pointer/Pointer.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("../../utils/utils.js"),n=require("motion/react"),i=require("react");function y({className:v,style:m,children:f,...h}){const s=n.useMotionValue(0),r=n.useMotionValue(0),[x,a]=i.useState(!1),o=i.useRef(null);return i.useEffect(()=>{if(typeof window<"u"&&o.current){const e=o.current.parentElement;if(e){e.style.cursor="none";const c=d=>{s.set(d.clientX),r.set(d.clientY)},l=()=>{a(!0)},u=()=>{a(!1)};return e.addEventListener("mousemove",c),e.addEventListener("mouseenter",l),e.addEventListener("mouseleave",u),()=>{e.style.cursor="",e.removeEventListener("mousemove",c),e.removeEventListener("mouseenter",l),e.removeEventListener("mouseleave",u)}}}},[s,r]),t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:o}),t.jsx(n.AnimatePresence,{children:x&&t.jsx(n.motion.div,{className:"transform-[translate(-50%,-50%)] pointer-events-none fixed z-50",style:{top:r,left:s,...m},initial:{scale:0,opacity:0},animate:{scale:1,opacity:1},exit:{scale:0,opacity:0},...h,children:f||t.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"1",viewBox:"0 0 16 16",height:"24",width:"24",xmlns:"http://www.w3.org/2000/svg",className:p.cn("rotate-[-70deg] stroke-white text-black",v),children:t.jsx("path",{d:"M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z"})})})})]})}exports.Pointer=y;

package/dist/cjs/components/pointer/index.d.ts

@@ -0,0 +1,2 @@
+import { Pointer } from './Pointer';
+export { Pointer };

package/dist/cjs/components/sparkles-text/SparklesText.d.ts

@@ -0,0 +1,43 @@
+import { ReactElement } from 'react';
+interface SparklesTextProps {
+    /**
+     * @default <div />
+     * @type ReactElement
+     * @description
+     * The component to be rendered as the text
+     * */
+    as?: ReactElement;
+    /**
+     * @default ""
+     * @type string
+     * @description
+     * The className of the text
+     */
+    className?: string;
+    /**
+     * @required
+     * @type ReactNode
+     * @description
+     * The content to be displayed
+     * */
+    children: React.ReactNode;
+    /**
+     * @default 10
+     * @type number
+     * @description
+     * The count of sparkles
+     * */
+    sparklesCount?: number;
+    /**
+     * @default "{first: '#9E7AFF', second: '#FE8BBB'}"
+     * @type string
+     * @description
+     * The colors of the sparkles
+     * */
+    colors?: {
+        first: string;
+        second: string;
+    };
+}
+export declare const SparklesText: React.FC<SparklesTextProps>;
+export {};

package/dist/cjs/components/sparkles-text/SparklesText.js

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),v=require("motion/react"),p=require("react"),y=require("../../utils/utils.js"),j=({id:i,x:t,y:o,color:r,delay:c,scale:l})=>s.jsx(v.motion.svg,{className:"pointer-events-none absolute z-20",initial:{opacity:0,left:t,top:o},animate:{opacity:[0,1,0],scale:[0,l,0],rotate:[75,120,150]},transition:{duration:.8,repeat:1/0,delay:c},width:"21",height:"21",viewBox:"0 0 21 21",children:s.jsx("path",{d:"M9.82531 0.843845C10.0553 0.215178 10.9446 0.215178 11.1746 0.843845L11.8618 2.72026C12.4006 4.19229 12.3916 6.39157 13.5 7.5C14.6084 8.60843 16.8077 8.59935 18.2797 9.13822L20.1561 9.82534C20.7858 10.0553 20.7858 10.9447 20.1561 11.1747L18.2797 11.8618C16.8077 12.4007 14.6084 12.3916 13.5 13.5C12.3916 14.6084 12.4006 16.8077 11.8618 18.2798L11.1746 20.1562C10.9446 20.7858 10.0553 20.7858 9.82531 20.1562L9.13819 18.2798C8.59932 16.8077 8.60843 14.6084 7.5 13.5C6.39157 12.3916 4.19225 12.4007 2.72023 11.8618L0.843814 11.1747C0.215148 10.9447 0.215148 10.0553 0.843814 9.82534L2.72023 9.13822C4.19225 8.59935 6.39157 8.60843 7.5 7.5C8.60843 6.39157 8.59932 4.19229 9.13819 2.72026L9.82531 0.843845Z",fill:r})},i),L=({children:i,colors:t={first:"#9E7AFF",second:"#FE8BBB"},className:o,sparklesCount:r=10,...c})=>{const[l,d]=p.useState([]);return p.useEffect(()=>{const a=()=>{const e=`${Math.random()*100}%`,n=`${Math.random()*100}%`,h=Math.random()>.5?t.first:t.second,x=Math.random()*2,C=Math.random()*1+.3,S=Math.random()*10+5;return{id:`${e}-${n}-${Date.now()}`,x:e,y:n,color:h,delay:x,scale:C,lifespan:S}},u=()=>{const e=Array.from({length:r},a);d(e)},f=()=>{d(e=>e.map(n=>n.lifespan<=0?a():{...n,lifespan:n.lifespan-.1}))};u();const m=setInterval(f,100);return()=>clearInterval(m)},[t.first,t.second,r]),s.jsx("div",{className:y.cn("text-6xl font-bold",o),...c,style:{"--sparkles-first-color":`${t.first}`,"--sparkles-second-color":`${t.second}`},children:s.jsxs("span",{className:"relative inline-block",children:[l.map(a=>s.jsx(j,{...a},a.id)),s.jsx("strong",{children:i})]})})};exports.SparklesText=L;

package/dist/cjs/components/sparkles-text/index.d.ts

@@ -0,0 +1,2 @@
+import { SparklesText } from './SparklesText.tsx';
+export { SparklesText };

package/dist/cjs/components/txt-editor/TxtEditor.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),b=require("../../node_modules/.pnpm/@monaco-editor_react@4.7.0_monaco-editor@0.52.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@monaco-editor/react/dist/index.js"),E=require("react"),R=({height:l="500px",width:r="100%",language:n="plaintext",defaultValue:a,value:d,theme:o="light",readOnly:s=!1,onChange:t,onMount:i,className:u})=>{const c=E.useRef(null),f=(e,x)=>{c.current=e,i==null||i(e,x),e.updateOptions({minimap:{enabled:!1},lineNumbers:"on",roundedSelection:!1,scrollBeyondLastLine:!1,readOnly:s,fontSize:14})},p=e=>{t==null||t(e||"")};return m.jsx(b.default,{className:u,height:l,width:r,defaultLanguage:n,defaultValue:a,value:d,theme:o,onMount:f,onChange:p,options:{readOnly:s}})};exports.TxtEditor=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),h=require("../../node_modules/.pnpm/@monaco-editor_react@4.7.0_monaco-editor@0.52.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@monaco-editor/react/dist/index.js"),m=require("react"),b=({height:n="500px",width:o="100%",language:i="plaintext",defaultValue:s,value:a,theme:l="light",readOnly:t=!1,onChange:r,onMount:u,className:d})=>{const c=m.useRef(null),f=(e,p)=>{c.current=e,u?.(e,p),e.updateOptions({minimap:{enabled:!1},lineNumbers:"on",roundedSelection:!1,scrollBeyondLastLine:!1,readOnly:t,fontSize:14})},g=e=>{r?.(e||"")};return x.jsx(h.default,{className:d,height:n,width:o,defaultLanguage:i,defaultValue:s,value:a,theme:l,onMount:f,onChange:g,options:{readOnly:t}})};exports.TxtEditor=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"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),i=require("react"),r=require("clsx"),t=require("motion/react"),N=require("./index.module.css.js"),R=16,j=1.5,w="normal",c=({content:a,lineHeight:u=j,fontSize:d=R,fontWeight:f=w,className:x="",style:m={},onProgressChange:p,initialScrollPosition:E,cacheKey:F,showTopProgress:g=!0,topProgressClassName:h,showBottomProgress:T=!0,bottomProgressClassName:b})=>{const s=i.useRef(null),o=i.useRef(null),{scrollYProgress:l}=t.useScroll({container:s,target:o}),n=t.useTransform(()=>(l.get()*100).toFixed(2).replace(/\.0*$/,"")),_=t.useMotionTemplate`${n}%`;return n.on("change",v=>{p?.(Number(v))}),e.jsxs(e.Fragment,{children:[g&&e.jsx(t.motion.div,{id:"scroll-indicator",className:r("fixed left-0 top-0 right-0 bg-[#ff0088] h-2.5",h),style:{scaleX:l,originX:0}}),e.jsx("div",{className:r("relative w-full h-full overflow-y-auto",N.default.textContent),ref:s,children:e.jsx("div",{ref:o,className:r("w-full whitespace-pre-wrap break-words",x),style:{fontSize:`${d}px`,lineHeight:u,fontWeight:f,...m},children:a})}),T&&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",b),children:_})]})};exports.TxtReader=c;exports.default=c;

package/dist/cjs/index.d.ts

@@ -14,3 +14,5 @@ export * from './components/qr-code';
 export * from './components/react-force-graph-3d';
 export * from './components/confetti-button';
 export * from './hooks/useStayTimeReport';
+export * from './components/pointer';
+export * from './components/sparkles-text';

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css           */const r=require("./components/button/Button.js"),o=require("./components/txt-reader/TxtReader.js"),n=require("./components/hyper-text/index.js"),i=require("./components/typing-animation/index.js"),u=require("./components/qr-code/index.js"),t=require("./components/confetti-button/index.js"),a=require("./hooks/useStayTimeReport.js"),c=require("./components/pinch-content/PinchContent.js"),s=require("./components/image-viewer/ImageViewer.js"),d=require("./components/shimmer-button/ShimmerButton.js"),m=require("./components/image-compare/ImageCompare.js"),q=require("./components/text-animate/TextAnimate.js"),e=require("./components/dock/Duck.js"),T=require("./components/txt-editor/TxtEditor.js"),x=require("./components/message/Message.js"),p=require("./node_modules/.pnpm/react-force-graph-3d@1.28.0_react@19.1.0/node_modules/react-force-graph-3d/dist/react-force-graph-3d.js");exports.Button=r.Button;exports.TxtReader=o.TxtReader;exports.HyperText=n.HyperText;exports.TypingAnimation=i.TypingAnimation;exports.QRCode=u.QRCode;exports.Confetti=t.Confetti;exports.ConfettiButton=t.ConfettiButton;exports.useStayTimeReport=a.useStayTimeReport;exports.PinchContent=c.default;exports.ImageViewer=s.default;exports.ShimmerButton=d.ShimmerButton;exports.ImageCompare=m.default;exports.TextAnimate=q.TextAnimate;exports.Dock=e.Dock;exports.DockIcon=e.DockIcon;exports.dockVariants=e.dockVariants;exports.TxtEditor=T.TxtEditor;exports.Message=x.Message;exports.ForceGraph3D=p.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css           */const r=require("./components/button/Button.js"),o=require("./components/txt-reader/TxtReader.js"),n=require("./components/hyper-text/index.js"),i=require("./components/typing-animation/index.js"),u=require("./components/qr-code/index.js"),t=require("./components/confetti-button/index.js"),a=require("./hooks/useStayTimeReport.js"),c=require("./components/pinch-content/PinchContent.js"),s=require("./components/image-viewer/ImageViewer.js"),d=require("./components/shimmer-button/ShimmerButton.js"),m=require("./components/image-compare/ImageCompare.js"),q=require("./components/text-animate/TextAnimate.js"),e=require("./components/dock/Duck.js"),T=require("./components/txt-editor/TxtEditor.js"),x=require("./components/message/Message.js"),p=require("./node_modules/.pnpm/react-force-graph-3d@1.28.0_react@19.1.0/node_modules/react-force-graph-3d/dist/react-force-graph-3d.js"),f=require("./node_modules/.pnpm/canvas-confetti@1.9.3/node_modules/canvas-confetti/dist/confetti.module.js"),l=require("./components/pointer/Pointer.js"),g=require("./components/sparkles-text/SparklesText.js");exports.Button=r.Button;exports.TxtReader=o.TxtReader;exports.HyperText=n.HyperText;exports.TypingAnimation=i.TypingAnimation;exports.QRCode=u.QRCode;exports.Confetti=t.Confetti;exports.ConfettiButton=t.ConfettiButton;exports.useStayTimeReport=a.useStayTimeReport;exports.PinchContent=c.default;exports.ImageViewer=s.default;exports.ShimmerButton=d.ShimmerButton;exports.ImageCompare=m.default;exports.TextAnimate=q.TextAnimate;exports.Dock=e.Dock;exports.DockIcon=e.DockIcon;exports.dockVariants=e.dockVariants;exports.TxtEditor=T.TxtEditor;exports.Message=x.Message;exports.ForceGraph3D=p.default;exports.confetti=f.default;exports.Pointer=l.Pointer;exports.SparklesText=g.SparklesText;

package/dist/cjs/node_modules/.pnpm/@monaco-editor_react@4.7.0_monaco-editor@0.52.2_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/@monaco-editor/react/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("../../../../../@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.js"),e=require("react");var K={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},J=K,ee={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},te=ee;function re({children:r}){return e.createElement("div",{style:te.container},r)}var ne=re,ue=ne;function ie({width:r,height:o,isEditorReady:c,loading:u,_ref:p,className:h,wrapperProps:w}){return e.createElement("section",{style:{...J.wrapper,width:r,height:o},...w},!c&&e.createElement(ue,null,u),e.createElement("div",{ref:p,style:{...J.fullWidth,...!c&&J.hide},className:h}))}var oe=ie,T=e.memo(oe);function ae(r){e.useEffect(r,[])}var X=ae;function le(r,o,c=!0){let u=e.useRef(!0);e.useEffect(u.current||!c?()=>{u.current=!1}:r,o)}var m=le;function D(){}function b(r,o,c,u){return ce(r,u)||de(r,o,c,u)}function ce(r,o){return r.editor.getModel(Y(r,o))}function de(r,o,c,u){return r.editor.createModel(o,c,u?Y(r,u):void 0)}function Y(r,o){return r.Uri.parse(o)}function se({original:r,modified:o,language:c,originalLanguage:u,modifiedLanguage:p,originalModelPath:h,modifiedModelPath:w,keepCurrentOriginalModel:L=!1,keepCurrentModifiedModel:q=!1,theme:R="light",loading:U="Loading...",options:E={},height:z="100%",width:H="100%",className:W,wrapperProps:A={},beforeMount:B=D,onMount:G=D}){let[M,y]=e.useState(!1),[V,s]=e.useState(!0),f=e.useRef(null),d=e.useRef(null),x=e.useRef(null),g=e.useRef(G),i=e.useRef(B),C=e.useRef(!1);X(()=>{let t=Q.default.init();return t.then(a=>(d.current=a)&&s(!1)).catch(a=>(a==null?void 0:a.type)!=="cancelation"&&console.error("Monaco initialization: error:",a)),()=>f.current?P():t.cancel()}),m(()=>{if(f.current&&d.current){let t=f.current.getOriginalEditor(),a=b(d.current,r||"",u||c||"text",h||"");a!==t.getModel()&&t.setModel(a)}},[h],M),m(()=>{if(f.current&&d.current){let t=f.current.getModifiedEditor(),a=b(d.current,o||"",p||c||"text",w||"");a!==t.getModel()&&t.setModel(a)}},[w],M),m(()=>{let t=f.current.getModifiedEditor();t.getOption(d.current.editor.EditorOption.readOnly)?t.setValue(o||""):o!==t.getValue()&&(t.executeEdits("",[{range:t.getModel().getFullModelRange(),text:o||"",forceMoveMarkers:!0}]),t.pushUndoStop())},[o],M),m(()=>{var t,a;(a=(t=f.current)==null?void 0:t.getModel())==null||a.original.setValue(r||"")},[r],M),m(()=>{let{original:t,modified:a}=f.current.getModel();d.current.editor.setModelLanguage(t,u||c||"text"),d.current.editor.setModelLanguage(a,p||c||"text")},[c,u,p],M),m(()=>{var t;(t=d.current)==null||t.editor.setTheme(R)},[R],M),m(()=>{var t;(t=f.current)==null||t.updateOptions(E)},[E],M);let F=e.useCallback(()=>{var S;if(!d.current)return;i.current(d.current);let t=b(d.current,r||"",u||c||"text",h||""),a=b(d.current,o||"",p||c||"text",w||"");(S=f.current)==null||S.setModel({original:t,modified:a})},[c,o,p,r,u,h,w]),I=e.useCallback(()=>{var t;!C.current&&x.current&&(f.current=d.current.editor.createDiffEditor(x.current,{automaticLayout:!0,...E}),F(),(t=d.current)==null||t.editor.setTheme(R),y(!0),C.current=!0)},[E,R,F]);e.useEffect(()=>{M&&g.current(f.current,d.current)},[M]),e.useEffect(()=>{!V&&!M&&I()},[V,M,I]);function P(){var a,S,k,N;let t=(a=f.current)==null?void 0:a.getModel();L||((S=t==null?void 0:t.original)==null||S.dispose()),q||((k=t==null?void 0:t.modified)==null||k.dispose()),(N=f.current)==null||N.dispose()}return e.createElement(T,{width:H,height:z,isEditorReady:M,loading:U,_ref:x,className:W,wrapperProps:A})}var fe=se;e.memo(fe);function ge(r){let o=e.useRef();return e.useEffect(()=>{o.current=r},[r]),o.current}var pe=ge,j=new Map;function he({defaultValue:r,defaultLanguage:o,defaultPath:c,value:u,language:p,path:h,theme:w="light",line:L,loading:q="Loading...",options:R={},overrideServices:U={},saveViewState:E=!0,keepCurrentModel:z=!1,width:H="100%",height:W="100%",className:A,wrapperProps:B={},beforeMount:G=D,onMount:M=D,onChange:y,onValidate:V=D}){let[s,f]=e.useState(!1),[d,x]=e.useState(!0),g=e.useRef(null),i=e.useRef(null),C=e.useRef(null),F=e.useRef(M),I=e.useRef(G),P=e.useRef(),t=e.useRef(u),a=pe(h),S=e.useRef(!1),k=e.useRef(!1);X(()=>{let n=Q.default.init();return n.then(l=>(g.current=l)&&x(!1)).catch(l=>(l==null?void 0:l.type)!=="cancelation"&&console.error("Monaco initialization: error:",l)),()=>i.current?$():n.cancel()}),m(()=>{var l,v,_,O;let n=b(g.current,r||u||"",o||p||"",h||c||"");n!==((l=i.current)==null?void 0:l.getModel())&&(E&&j.set(a,(v=i.current)==null?void 0:v.saveViewState()),(_=i.current)==null||_.setModel(n),E&&((O=i.current)==null||O.restoreViewState(j.get(h))))},[h],s),m(()=>{var n;(n=i.current)==null||n.updateOptions(R)},[R],s),m(()=>{!i.current||u===void 0||(i.current.getOption(g.current.editor.EditorOption.readOnly)?i.current.setValue(u):u!==i.current.getValue()&&(k.current=!0,i.current.executeEdits("",[{range:i.current.getModel().getFullModelRange(),text:u,forceMoveMarkers:!0}]),i.current.pushUndoStop(),k.current=!1))},[u],s),m(()=>{var l,v;let n=(l=i.current)==null?void 0:l.getModel();n&&p&&((v=g.current)==null||v.editor.setModelLanguage(n,p))},[p],s),m(()=>{var n;L!==void 0&&((n=i.current)==null||n.revealLine(L))},[L],s),m(()=>{var n;(n=g.current)==null||n.editor.setTheme(w)},[w],s);let N=e.useCallback(()=>{var n;if(!(!C.current||!g.current)&&!S.current){I.current(g.current);let l=h||c,v=b(g.current,u||r||"",o||p||"",l||"");i.current=(n=g.current)==null?void 0:n.editor.create(C.current,{model:v,automaticLayout:!0,...R},U),E&&i.current.restoreViewState(j.get(l)),g.current.editor.setTheme(w),L!==void 0&&i.current.revealLine(L),f(!0),S.current=!0}},[r,o,c,u,p,h,R,U,E,w,L]);e.useEffect(()=>{s&&F.current(i.current,g.current)},[s]),e.useEffect(()=>{!d&&!s&&N()},[d,s,N]),t.current=u,e.useEffect(()=>{var n,l;s&&y&&((n=P.current)==null||n.dispose(),P.current=(l=i.current)==null?void 0:l.onDidChangeModelContent(v=>{k.current||y(i.current.getValue(),v)}))},[s,y]),e.useEffect(()=>{if(s){let n=g.current.editor.onDidChangeMarkers(l=>{var _;let v=(_=i.current.getModel())==null?void 0:_.uri;if(v&&l.find(O=>O.path===v.path)){let O=g.current.editor.getModelMarkers({resource:v});V==null||V(O)}});return()=>{n==null||n.dispose()}}return()=>{}},[s,V]);function $(){var n,l;(n=P.current)==null||n.dispose(),z?E&&j.set(h,i.current.saveViewState()):(l=i.current.getModel())==null||l.dispose(),i.current.dispose()}return e.createElement(T,{width:H,height:W,isEditorReady:s,loading:q,_ref:C,className:A,wrapperProps:B})}var Me=he,Z=e.memo(Me),ve=Z;exports.loader=Q.default;exports.Editor=Z;exports.default=ve;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("../../../../../@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.js"),e=require("react");var $={wrapper:{display:"flex",position:"relative",textAlign:"initial"},fullWidth:{width:"100%"},hide:{display:"none"}},W=$,K={container:{display:"flex",height:"100%",width:"100%",justifyContent:"center",alignItems:"center"}},ee=K;function te({children:t}){return e.createElement("div",{style:ee.container},t)}var re=te,ne=re;function ue({width:t,height:u,isEditorReady:o,loading:r,_ref:g,className:p,wrapperProps:v}){return e.createElement("section",{style:{...W.wrapper,width:t,height:u},...v},!o&&e.createElement(ne,null,r),e.createElement("div",{ref:g,style:{...W.fullWidth,...!o&&W.hide},className:p}))}var ie=ue,J=e.memo(ie);function oe(t){e.useEffect(t,[])}var Q=oe;function ae(t,u,o=!0){let r=e.useRef(!0);e.useEffect(r.current||!o?()=>{r.current=!1}:t,u)}var M=ae;function b(){}function S(t,u,o,r){return le(t,r)||ce(t,u,o,r)}function le(t,u){return t.editor.getModel(X(t,u))}function ce(t,u,o,r){return t.editor.createModel(u,o,r?X(t,r):void 0)}function X(t,u){return t.Uri.parse(u)}function de({original:t,modified:u,language:o,originalLanguage:r,modifiedLanguage:g,originalModelPath:p,modifiedModelPath:v,keepCurrentOriginalModel:R=!1,keepCurrentModifiedModel:_=!1,theme:w="light",loading:y="Loading...",options:m={},height:D="100%",width:T="100%",className:U,wrapperProps:F={},beforeMount:I=b,onMount:j=b}){let[h,V]=e.useState(!1),[C,l]=e.useState(!0),c=e.useRef(null),a=e.useRef(null),k=e.useRef(null),s=e.useRef(j),n=e.useRef(I),L=e.useRef(!1);Q(()=>{let i=A.default.init();return i.then(d=>(a.current=d)&&l(!1)).catch(d=>d?.type!=="cancelation"&&console.error("Monaco initialization: error:",d)),()=>c.current?O():i.cancel()}),M(()=>{if(c.current&&a.current){let i=c.current.getOriginalEditor(),d=S(a.current,t||"",r||o||"text",p||"");d!==i.getModel()&&i.setModel(d)}},[p],h),M(()=>{if(c.current&&a.current){let i=c.current.getModifiedEditor(),d=S(a.current,u||"",g||o||"text",v||"");d!==i.getModel()&&i.setModel(d)}},[v],h),M(()=>{let i=c.current.getModifiedEditor();i.getOption(a.current.editor.EditorOption.readOnly)?i.setValue(u||""):u!==i.getValue()&&(i.executeEdits("",[{range:i.getModel().getFullModelRange(),text:u||"",forceMoveMarkers:!0}]),i.pushUndoStop())},[u],h),M(()=>{c.current?.getModel()?.original.setValue(t||"")},[t],h),M(()=>{let{original:i,modified:d}=c.current.getModel();a.current.editor.setModelLanguage(i,r||o||"text"),a.current.editor.setModelLanguage(d,g||o||"text")},[o,r,g],h),M(()=>{a.current?.editor.setTheme(w)},[w],h),M(()=>{c.current?.updateOptions(m)},[m],h);let x=e.useCallback(()=>{if(!a.current)return;n.current(a.current);let i=S(a.current,t||"",r||o||"text",p||""),d=S(a.current,u||"",g||o||"text",v||"");c.current?.setModel({original:i,modified:d})},[o,u,g,t,r,p,v]),P=e.useCallback(()=>{!L.current&&k.current&&(c.current=a.current.editor.createDiffEditor(k.current,{automaticLayout:!0,...m}),x(),a.current?.editor.setTheme(w),V(!0),L.current=!0)},[m,w,x]);e.useEffect(()=>{h&&s.current(c.current,a.current)},[h]),e.useEffect(()=>{!C&&!h&&P()},[C,h,P]);function O(){let i=c.current?.getModel();R||i?.original?.dispose(),_||i?.modified?.dispose(),c.current?.dispose()}return e.createElement(J,{width:T,height:D,isEditorReady:h,loading:y,_ref:k,className:U,wrapperProps:F})}var se=de;e.memo(se);function fe(t){let u=e.useRef();return e.useEffect(()=>{u.current=t},[t]),u.current}var ge=fe,N=new Map;function pe({defaultValue:t,defaultLanguage:u,defaultPath:o,value:r,language:g,path:p,theme:v="light",line:R,loading:_="Loading...",options:w={},overrideServices:y={},saveViewState:m=!0,keepCurrentModel:D=!1,width:T="100%",height:U="100%",className:F,wrapperProps:I={},beforeMount:j=b,onMount:h=b,onChange:V,onValidate:C=b}){let[l,c]=e.useState(!1),[a,k]=e.useState(!0),s=e.useRef(null),n=e.useRef(null),L=e.useRef(null),x=e.useRef(h),P=e.useRef(j),O=e.useRef(),i=e.useRef(r),d=ge(p),B=e.useRef(!1),q=e.useRef(!1);Q(()=>{let f=A.default.init();return f.then(E=>(s.current=E)&&k(!1)).catch(E=>E?.type!=="cancelation"&&console.error("Monaco initialization: error:",E)),()=>n.current?Z():f.cancel()}),M(()=>{let f=S(s.current,t||r||"",u||g||"",p||o||"");f!==n.current?.getModel()&&(m&&N.set(d,n.current?.saveViewState()),n.current?.setModel(f),m&&n.current?.restoreViewState(N.get(p)))},[p],l),M(()=>{n.current?.updateOptions(w)},[w],l),M(()=>{!n.current||r===void 0||(n.current.getOption(s.current.editor.EditorOption.readOnly)?n.current.setValue(r):r!==n.current.getValue()&&(q.current=!0,n.current.executeEdits("",[{range:n.current.getModel().getFullModelRange(),text:r,forceMoveMarkers:!0}]),n.current.pushUndoStop(),q.current=!1))},[r],l),M(()=>{let f=n.current?.getModel();f&&g&&s.current?.editor.setModelLanguage(f,g)},[g],l),M(()=>{R!==void 0&&n.current?.revealLine(R)},[R],l),M(()=>{s.current?.editor.setTheme(v)},[v],l);let G=e.useCallback(()=>{if(!(!L.current||!s.current)&&!B.current){P.current(s.current);let f=p||o,E=S(s.current,r||t||"",u||g||"",f||"");n.current=s.current?.editor.create(L.current,{model:E,automaticLayout:!0,...w},y),m&&n.current.restoreViewState(N.get(f)),s.current.editor.setTheme(v),R!==void 0&&n.current.revealLine(R),c(!0),B.current=!0}},[t,u,o,r,g,p,w,y,m,v,R]);e.useEffect(()=>{l&&x.current(n.current,s.current)},[l]),e.useEffect(()=>{!a&&!l&&G()},[a,l,G]),i.current=r,e.useEffect(()=>{l&&V&&(O.current?.dispose(),O.current=n.current?.onDidChangeModelContent(f=>{q.current||V(n.current.getValue(),f)}))},[l,V]),e.useEffect(()=>{if(l){let f=s.current.editor.onDidChangeMarkers(E=>{let z=n.current.getModel()?.uri;if(z&&E.find(H=>H.path===z.path)){let H=s.current.editor.getModelMarkers({resource:z});C?.(H)}});return()=>{f?.dispose()}}return()=>{}},[l,C]);function Z(){O.current?.dispose(),D?m&&N.set(p,n.current.saveViewState()):n.current.getModel()?.dispose(),n.current.dispose()}return e.createElement(J,{width:T,height:U,isEditorReady:l,loading:_,_ref:L,className:F,wrapperProps:I})}var he=pe,Y=e.memo(he),Me=Y;exports.loader=A.default;exports.Editor=Y;exports.default=Me;