@alkimi.org/ui-kit 0.1.19 → 0.1.20

package/dist/chunk-KJFYVVDG.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }"use client";
-var _chunkFUYXCJOQjs = require('./chunk-FUYXCJOQ.js');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _jsxruntime = require('react/jsx-runtime');var P=["\\","-","?","/","#","!","_","+","<",">"],J=4,_=50,V=(e,r=P)=>e?e.split(" ").map(t=>t?r[Math.floor(Math.random()*r.length)].repeat(t.length):"").join(" "):"",R=e=>{if(typeof e=="string"||typeof e=="number")return String(e);if(Array.isArray(e))return e.map(R).join("");if(_react2.default.isValidElement(e)){let r=e.props,t="";return typeof r.text=="string"&&(t+=r.text),typeof r.label=="string"&&(t+=r.label),typeof r.title=="string"&&(t+=r.title),r.children&&(t+=R(r.children)),t}return""},E=(e,r,t)=>{if(typeof e=="string"||typeof e=="number"){let l=String(e),o="";for(let n=0;n<l.length;n++)t.current<r.length?(o+=r[t.current],t.current++):o+=l[n];return o}if(Array.isArray(e))return e.map((l,o)=>{let n=E(l,r,t);if(_react2.default.isValidElement(n)){let s=_react2.default.isValidElement(l)?l.key:null;if(n.key==null&&s==null)return _react2.default.cloneElement(n,{key:`decoded-${o}`});if(n.key==null&&s!=null)return _react2.default.cloneElement(n,{key:s})}return n});if(_react2.default.isValidElement(e)){let l=e.props,o={...l};if(typeof l.text=="string"){let n=l.text,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.text=s}if(typeof l.label=="string"){let n=l.label,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.label=s}if(typeof l.title=="string"){let n=l.title,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.title=s}return l.children&&(o.children=E(l.children,r,t)),_react2.default.cloneElement(e,o)}return e},j=({children:e,className:r,delay:t=0,speed:l=_,maxIterations:o=J,symbols:n=P})=>{let[s,i]=_react.useState.call(void 0, null),[y,k]=_react.useState.call(void 0, !1),[H,f]=_react.useState.call(void 0, !0),v=_react.useRef.call(void 0, null),c=_react.useMemo.call(void 0, ()=>R(e),[e]),w=_react.useMemo.call(void 0, ()=>V(c,n),[c,n]);_react.useEffect.call(void 0, ()=>{if(!c){i(null),f(!1),k(!1);return}k(!1);let d=E(e,w,{current:0});i(d),f(!0)},[c,e,w,n]),_react.useEffect.call(void 0, ()=>{if(!c){i(null),f(!1);return}if(y){f(!1);return}let b=v.current;if(!b)return;let d=0,a=null,p=null,D=()=>{p=setTimeout(()=>{f(!0),a=setInterval(()=>{if(d++,d>=o)k(!0),f(!1),a&&clearInterval(a);else{let g=V(c,n),C=E(e,g,{current:0});i(C)}},l)},t)},h=b.getBoundingClientRect();if(h.top<window.innerHeight&&h.bottom>0&&h.left<window.innerWidth&&h.right>0)D();else{let g=new IntersectionObserver(T=>{T[0].isIntersecting&&!y&&(D(),g.disconnect())},{threshold:.1});return g.observe(b),()=>{g.disconnect(),a&&clearInterval(a),p&&clearTimeout(p)}}return()=>{a&&clearInterval(a),p&&clearTimeout(p)}},[e,c,w,y,t,l,o,n]);let L=_react.useMemo.call(void 0, ()=>R(e),[e]);return _jsxruntime.jsxs.call(void 0, "span",{ref:v,"aria-label":L,className:_chunkFUYXCJOQjs.a.call(void 0, "relative block",r),children:[_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, y?"opacity-100":"opacity-0"),children:e}),H&&s&&_jsxruntime.jsx.call(void 0, "span",{className:"absolute inset-0 ",children:s})]})},I=e=>_jsxruntime.jsx.call(void 0, _react.Suspense,{fallback:_jsxruntime.jsx.call(void 0, "span",{className:_chunkFUYXCJOQjs.a.call(void 0, "opacity-0",e.className),children:e.children}),children:_jsxruntime.jsx.call(void 0, j,{...e})}),q= exports.a =I;exports.a = q;
-//# sourceMappingURL=chunk-KJFYVVDG.js.map

package/dist/chunk-KJFYVVDG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-KJFYVVDG.js","../src/components/TextDecoder.tsx"],"names":["SYMBOLS","MAX_ITERATIONS","SPEED","scrambleText","input","symbols","word","extractText","node","React","props","result","scrambleReactNode","scrambledText","textStartIndex","text","scrambled","i","child","index","scrambledChild","originalKey"],"mappings":"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","file":"/Users/aktoriukas/Documents/Projects/alkimi/alkimi-ui-kit/dist/chunk-KJFYVVDG.js","sourcesContent":[null,"\"use client\"\nimport { cn } from \"@/lib/utils\"\nimport React, {\n  useState,\n  useEffect,\n  useMemo,\n  useRef,\n  Suspense,\n  ReactNode,\n} from \"react\"\n\n// The symbols to use for the scrambling effect (moved outside to avoid recreation)\nconst SYMBOLS = [\"\\\\\", \"-\", \"?\", \"/\", \"#\", \"!\", \"_\", \"+\", \"<\", \">\"]\nconst MAX_ITERATIONS = 4 // How many times to scramble\nconst SPEED = 50 // Speed in milliseconds between scrambles\n\n// Helper function moved outside component to avoid recreation\nconst scrambleText = (input: string, symbols: string[] = SYMBOLS): string => {\n  if (!input) return \"\"\n\n  return input\n    .split(\" \")\n    .map((word: string) => {\n      if (!word) return \"\"\n      const randomSymbol = symbols[Math.floor(Math.random() * symbols.length)]\n      return randomSymbol.repeat(word.length)\n    })\n    .join(\" \")\n}\n\n// Extract text content from React nodes recursively\n// Also checks common text props like 'text', 'label', 'title', etc.\nconst extractText = (node: ReactNode): string => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node)\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(extractText).join(\"\")\n  }\n\n  if (React.isValidElement(node)) {\n    const props = node.props as {\n      children?: ReactNode\n      text?: string\n      label?: string\n      title?: string\n      [key: string]: unknown\n    }\n\n    let result = \"\"\n\n    // Extract text from props first (in order: text, label, title)\n    if (typeof props.text === \"string\") {\n      result += props.text\n    }\n    if (typeof props.label === \"string\") {\n      result += props.label\n    }\n    if (typeof props.title === \"string\") {\n      result += props.title\n    }\n\n    // Then extract from children\n    if (props.children) {\n      result += extractText(props.children)\n    }\n\n    return result\n  }\n\n  return \"\"\n}\n\n// Clone React nodes and replace text content with scrambled text\n// This function maps scrambled text back to the original structure\nconst scrambleReactNode = (\n  node: ReactNode,\n  scrambledText: string,\n  textStartIndex: { current: number }\n): ReactNode => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    const text = String(node)\n    // For each character in the original text, take the corresponding scrambled character\n    // This preserves the length and structure\n    let scrambled = \"\"\n    for (let i = 0; i < text.length; i++) {\n      if (textStartIndex.current < scrambledText.length) {\n        scrambled += scrambledText[textStartIndex.current]\n        textStartIndex.current++\n      } else {\n        // Fallback if scrambled text is shorter (shouldn't happen, but safety check)\n        scrambled += text[i]\n      }\n    }\n    return scrambled\n  }\n\n  if (Array.isArray(node)) {\n    return node.map((child, index) => {\n      const scrambledChild = scrambleReactNode(\n        child,\n        scrambledText,\n        textStartIndex\n      )\n      // Preserve original key if it exists, otherwise add one for React elements\n      if (React.isValidElement(scrambledChild)) {\n        const originalKey = React.isValidElement(child) ? child.key : null\n        if (scrambledChild.key == null && originalKey == null) {\n          return React.cloneElement(scrambledChild, { key: `decoded-${index}` })\n        }\n        // If original had a key but scrambled doesn't, preserve it\n        if (scrambledChild.key == null && originalKey != null) {\n          return React.cloneElement(scrambledChild, { key: originalKey })\n        }\n      }\n      return scrambledChild\n    })\n  }\n\n  if (React.isValidElement(node)) {\n    // Regular element handling - works for all components\n    const props = node.props as {\n      children?: ReactNode\n      text?: string\n      label?: string\n      title?: string\n      [key: string]: unknown\n    }\n    const newProps = { ...props }\n\n    // Handle text props in the same order as extraction (text, label, title)\n    if (typeof props.text === \"string\") {\n      const text = props.text\n      let scrambled = \"\"\n      for (let i = 0; i < text.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += text[i]\n        }\n      }\n      newProps.text = scrambled\n    }\n\n    if (typeof props.label === \"string\") {\n      const label = props.label\n      let scrambled = \"\"\n      for (let i = 0; i < label.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += label[i]\n        }\n      }\n      newProps.label = scrambled\n    }\n\n    if (typeof props.title === \"string\") {\n      const title = props.title\n      let scrambled = \"\"\n      for (let i = 0; i < title.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += title[i]\n        }\n      }\n      newProps.title = scrambled\n    }\n\n    // Handle children after props\n    if (props.children) {\n      newProps.children = scrambleReactNode(\n        props.children,\n        scrambledText,\n        textStartIndex\n      )\n    }\n    return React.cloneElement(node, newProps)\n  }\n\n  return node\n}\n\nexport interface TextDecoderProps {\n  children: ReactNode\n  className?: string\n  delay?: number // Delay in milliseconds before starting animation\n  speed?: number // Speed in milliseconds between scrambles\n  maxIterations?: number // How many times to scramble\n  symbols?: string[] // The symbols to use for the scrambling effect\n}\n\nconst TextDecoder = ({\n  children,\n  className,\n  delay = 0,\n  speed = SPEED,\n  maxIterations = MAX_ITERATIONS,\n  symbols = SYMBOLS,\n}: TextDecoderProps) => {\n  const [displayContent, setDisplayContent] = useState<ReactNode>(null)\n  const [hasAnimated, setHasAnimated] = useState(false)\n  const [showDecoded, setShowDecoded] = useState(true)\n  const elementRef = useRef<HTMLSpanElement>(null)\n\n  // Extract full text for scrambling\n  const fullText = useMemo(() => extractText(children), [children])\n\n  // Memoize initial scrambled text\n  const initialScrambled = useMemo(\n    () => scrambleText(fullText, symbols),\n    [fullText, symbols]\n  )\n\n  // Reset animation state and immediately set up new scrambled content when content changes\n  useEffect(() => {\n    if (!fullText) {\n      setDisplayContent(null)\n      setShowDecoded(false)\n      setHasAnimated(false)\n      return\n    }\n\n    // Reset animation state\n    setHasAnimated(false)\n\n    // Immediately set up new scrambled content to prevent flash of new content\n    const textStartIndex = { current: 0 }\n    const scrambledContent = scrambleReactNode(\n      children,\n      initialScrambled,\n      textStartIndex\n    )\n    setDisplayContent(scrambledContent)\n    setShowDecoded(true)\n  }, [fullText, children, initialScrambled, symbols])\n\n  useEffect(() => {\n    if (!fullText) {\n      setDisplayContent(null)\n      setShowDecoded(false)\n      return\n    }\n\n    // If already animated, hide decoded and show children\n    if (hasAnimated) {\n      setShowDecoded(false)\n      return\n    }\n\n    const element = elementRef.current\n    if (!element) return\n\n    let iteration = 0\n    let intervalId: NodeJS.Timeout | null = null\n    let delayTimeoutId: NodeJS.Timeout | null = null\n\n    // Function to start the animation\n    const startAnimation = () => {\n      // Start animation after delay\n      delayTimeoutId = setTimeout(() => {\n        // 1. Initial scramble (already set up, but ensure it's visible)\n        setShowDecoded(true)\n\n        // 2. Set up the interval\n        intervalId = setInterval(() => {\n          iteration++\n\n          if (iteration >= maxIterations) {\n            // Stop scrambling, fade out decoded and fade in children\n            setHasAnimated(true)\n            setShowDecoded(false)\n            if (intervalId) clearInterval(intervalId)\n          } else {\n            // Continue scrambling\n            const newScrambled = scrambleText(fullText, symbols)\n            const textStartIndex = { current: 0 }\n            const scrambledContent = scrambleReactNode(\n              children,\n              newScrambled,\n              textStartIndex\n            )\n            setDisplayContent(scrambledContent)\n          }\n        }, speed)\n      }, delay)\n    }\n\n    // Check if element is already visible\n    const rect = element.getBoundingClientRect()\n    const isVisible =\n      rect.top < window.innerHeight &&\n      rect.bottom > 0 &&\n      rect.left < window.innerWidth &&\n      rect.right > 0\n\n    if (isVisible) {\n      // Element is already visible, start animation immediately\n      startAnimation()\n    } else {\n      // Use Intersection Observer to detect when element becomes visible\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0]\n          if (entry.isIntersecting && !hasAnimated) {\n            startAnimation()\n            // Disconnect observer once animation starts\n            observer.disconnect()\n          }\n        },\n        {\n          threshold: 0.1, // Trigger when 10% of the element is visible\n        }\n      )\n\n      observer.observe(element)\n\n      // Cleanup function\n      return () => {\n        observer.disconnect()\n        if (intervalId) clearInterval(intervalId)\n        if (delayTimeoutId) clearTimeout(delayTimeoutId)\n      }\n    }\n\n    // Cleanup function for immediate start case\n    return () => {\n      if (intervalId) clearInterval(intervalId)\n      if (delayTimeoutId) clearTimeout(delayTimeoutId)\n    }\n  }, [\n    children,\n    fullText,\n    initialScrambled,\n    hasAnimated,\n    delay,\n    speed,\n    maxIterations,\n    symbols,\n  ])\n\n  const ariaLabel = useMemo(() => extractText(children), [children])\n\n  return (\n    <span\n      ref={elementRef}\n      aria-label={ariaLabel} // Accessibility: Screen readers read the real text\n      className={cn(\"relative block\", className)}\n    >\n      {/* Children always rendered but with opacity-0 initially */}\n      <span className={cn(hasAnimated ? \"opacity-100\" : \"opacity-0\")}>\n        {children}\n      </span>\n      {/* Decoded animation overlay */}\n      {showDecoded && displayContent && (\n        <span className=\"absolute inset-0 \">{displayContent}</span>\n      )}\n    </span>\n  )\n}\n\nconst SuspenseDecodedText = (props: TextDecoderProps) => {\n  return (\n    <Suspense\n      fallback={\n        <span className={cn(\"opacity-0\", props.className)}>\n          {props.children}\n        </span>\n      }\n    >\n      <TextDecoder {...props} />\n    </Suspense>\n  )\n}\n\nexport default SuspenseDecodedText\n"]}

package/dist/chunk-PC2BSBO3.mjs

@@ -1,3 +0,0 @@
-"use client";
-import{a as N}from"./chunk-S5TKCF6T.mjs";import u,{useState as A,useEffect as M,useMemo as S,useRef as O,Suspense as B}from"react";import{jsx as m,jsxs as K}from"react/jsx-runtime";var P=["\\","-","?","/","#","!","_","+","<",">"],J=4,_=50,V=(e,r=P)=>e?e.split(" ").map(t=>t?r[Math.floor(Math.random()*r.length)].repeat(t.length):"").join(" "):"",R=e=>{if(typeof e=="string"||typeof e=="number")return String(e);if(Array.isArray(e))return e.map(R).join("");if(u.isValidElement(e)){let r=e.props,t="";return typeof r.text=="string"&&(t+=r.text),typeof r.label=="string"&&(t+=r.label),typeof r.title=="string"&&(t+=r.title),r.children&&(t+=R(r.children)),t}return""},E=(e,r,t)=>{if(typeof e=="string"||typeof e=="number"){let l=String(e),o="";for(let n=0;n<l.length;n++)t.current<r.length?(o+=r[t.current],t.current++):o+=l[n];return o}if(Array.isArray(e))return e.map((l,o)=>{let n=E(l,r,t);if(u.isValidElement(n)){let s=u.isValidElement(l)?l.key:null;if(n.key==null&&s==null)return u.cloneElement(n,{key:`decoded-${o}`});if(n.key==null&&s!=null)return u.cloneElement(n,{key:s})}return n});if(u.isValidElement(e)){let l=e.props,o={...l};if(typeof l.text=="string"){let n=l.text,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.text=s}if(typeof l.label=="string"){let n=l.label,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.label=s}if(typeof l.title=="string"){let n=l.title,s="";for(let i=0;i<n.length;i++)t.current<r.length?(s+=r[t.current],t.current++):s+=n[i];o.title=s}return l.children&&(o.children=E(l.children,r,t)),u.cloneElement(e,o)}return e},j=({children:e,className:r,delay:t=0,speed:l=_,maxIterations:o=J,symbols:n=P})=>{let[s,i]=A(null),[y,k]=A(!1),[H,f]=A(!0),v=O(null),c=S(()=>R(e),[e]),w=S(()=>V(c,n),[c,n]);M(()=>{if(!c){i(null),f(!1),k(!1);return}k(!1);let d=E(e,w,{current:0});i(d),f(!0)},[c,e,w,n]),M(()=>{if(!c){i(null),f(!1);return}if(y){f(!1);return}let b=v.current;if(!b)return;let d=0,a=null,p=null,D=()=>{p=setTimeout(()=>{f(!0),a=setInterval(()=>{if(d++,d>=o)k(!0),f(!1),a&&clearInterval(a);else{let g=V(c,n),C=E(e,g,{current:0});i(C)}},l)},t)},h=b.getBoundingClientRect();if(h.top<window.innerHeight&&h.bottom>0&&h.left<window.innerWidth&&h.right>0)D();else{let g=new IntersectionObserver(T=>{T[0].isIntersecting&&!y&&(D(),g.disconnect())},{threshold:.1});return g.observe(b),()=>{g.disconnect(),a&&clearInterval(a),p&&clearTimeout(p)}}return()=>{a&&clearInterval(a),p&&clearTimeout(p)}},[e,c,w,y,t,l,o,n]);let L=S(()=>R(e),[e]);return K("span",{ref:v,"aria-label":L,className:N("relative block",r),children:[m("span",{className:N(y?"opacity-100":"opacity-0"),children:e}),H&&s&&m("span",{className:"absolute inset-0 ",children:s})]})},I=e=>m(B,{fallback:m("span",{className:N("opacity-0",e.className),children:e.children}),children:m(j,{...e})}),q=I;export{q as a};
-//# sourceMappingURL=chunk-PC2BSBO3.mjs.map

package/dist/chunk-PC2BSBO3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TextDecoder.tsx"],"sourcesContent":["\"use client\"\nimport { cn } from \"@/lib/utils\"\nimport React, {\n  useState,\n  useEffect,\n  useMemo,\n  useRef,\n  Suspense,\n  ReactNode,\n} from \"react\"\n\n// The symbols to use for the scrambling effect (moved outside to avoid recreation)\nconst SYMBOLS = [\"\\\\\", \"-\", \"?\", \"/\", \"#\", \"!\", \"_\", \"+\", \"<\", \">\"]\nconst MAX_ITERATIONS = 4 // How many times to scramble\nconst SPEED = 50 // Speed in milliseconds between scrambles\n\n// Helper function moved outside component to avoid recreation\nconst scrambleText = (input: string, symbols: string[] = SYMBOLS): string => {\n  if (!input) return \"\"\n\n  return input\n    .split(\" \")\n    .map((word: string) => {\n      if (!word) return \"\"\n      const randomSymbol = symbols[Math.floor(Math.random() * symbols.length)]\n      return randomSymbol.repeat(word.length)\n    })\n    .join(\" \")\n}\n\n// Extract text content from React nodes recursively\n// Also checks common text props like 'text', 'label', 'title', etc.\nconst extractText = (node: ReactNode): string => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node)\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(extractText).join(\"\")\n  }\n\n  if (React.isValidElement(node)) {\n    const props = node.props as {\n      children?: ReactNode\n      text?: string\n      label?: string\n      title?: string\n      [key: string]: unknown\n    }\n\n    let result = \"\"\n\n    // Extract text from props first (in order: text, label, title)\n    if (typeof props.text === \"string\") {\n      result += props.text\n    }\n    if (typeof props.label === \"string\") {\n      result += props.label\n    }\n    if (typeof props.title === \"string\") {\n      result += props.title\n    }\n\n    // Then extract from children\n    if (props.children) {\n      result += extractText(props.children)\n    }\n\n    return result\n  }\n\n  return \"\"\n}\n\n// Clone React nodes and replace text content with scrambled text\n// This function maps scrambled text back to the original structure\nconst scrambleReactNode = (\n  node: ReactNode,\n  scrambledText: string,\n  textStartIndex: { current: number }\n): ReactNode => {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    const text = String(node)\n    // For each character in the original text, take the corresponding scrambled character\n    // This preserves the length and structure\n    let scrambled = \"\"\n    for (let i = 0; i < text.length; i++) {\n      if (textStartIndex.current < scrambledText.length) {\n        scrambled += scrambledText[textStartIndex.current]\n        textStartIndex.current++\n      } else {\n        // Fallback if scrambled text is shorter (shouldn't happen, but safety check)\n        scrambled += text[i]\n      }\n    }\n    return scrambled\n  }\n\n  if (Array.isArray(node)) {\n    return node.map((child, index) => {\n      const scrambledChild = scrambleReactNode(\n        child,\n        scrambledText,\n        textStartIndex\n      )\n      // Preserve original key if it exists, otherwise add one for React elements\n      if (React.isValidElement(scrambledChild)) {\n        const originalKey = React.isValidElement(child) ? child.key : null\n        if (scrambledChild.key == null && originalKey == null) {\n          return React.cloneElement(scrambledChild, { key: `decoded-${index}` })\n        }\n        // If original had a key but scrambled doesn't, preserve it\n        if (scrambledChild.key == null && originalKey != null) {\n          return React.cloneElement(scrambledChild, { key: originalKey })\n        }\n      }\n      return scrambledChild\n    })\n  }\n\n  if (React.isValidElement(node)) {\n    // Regular element handling - works for all components\n    const props = node.props as {\n      children?: ReactNode\n      text?: string\n      label?: string\n      title?: string\n      [key: string]: unknown\n    }\n    const newProps = { ...props }\n\n    // Handle text props in the same order as extraction (text, label, title)\n    if (typeof props.text === \"string\") {\n      const text = props.text\n      let scrambled = \"\"\n      for (let i = 0; i < text.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += text[i]\n        }\n      }\n      newProps.text = scrambled\n    }\n\n    if (typeof props.label === \"string\") {\n      const label = props.label\n      let scrambled = \"\"\n      for (let i = 0; i < label.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += label[i]\n        }\n      }\n      newProps.label = scrambled\n    }\n\n    if (typeof props.title === \"string\") {\n      const title = props.title\n      let scrambled = \"\"\n      for (let i = 0; i < title.length; i++) {\n        if (textStartIndex.current < scrambledText.length) {\n          scrambled += scrambledText[textStartIndex.current]\n          textStartIndex.current++\n        } else {\n          scrambled += title[i]\n        }\n      }\n      newProps.title = scrambled\n    }\n\n    // Handle children after props\n    if (props.children) {\n      newProps.children = scrambleReactNode(\n        props.children,\n        scrambledText,\n        textStartIndex\n      )\n    }\n    return React.cloneElement(node, newProps)\n  }\n\n  return node\n}\n\nexport interface TextDecoderProps {\n  children: ReactNode\n  className?: string\n  delay?: number // Delay in milliseconds before starting animation\n  speed?: number // Speed in milliseconds between scrambles\n  maxIterations?: number // How many times to scramble\n  symbols?: string[] // The symbols to use for the scrambling effect\n}\n\nconst TextDecoder = ({\n  children,\n  className,\n  delay = 0,\n  speed = SPEED,\n  maxIterations = MAX_ITERATIONS,\n  symbols = SYMBOLS,\n}: TextDecoderProps) => {\n  const [displayContent, setDisplayContent] = useState<ReactNode>(null)\n  const [hasAnimated, setHasAnimated] = useState(false)\n  const [showDecoded, setShowDecoded] = useState(true)\n  const elementRef = useRef<HTMLSpanElement>(null)\n\n  // Extract full text for scrambling\n  const fullText = useMemo(() => extractText(children), [children])\n\n  // Memoize initial scrambled text\n  const initialScrambled = useMemo(\n    () => scrambleText(fullText, symbols),\n    [fullText, symbols]\n  )\n\n  // Reset animation state and immediately set up new scrambled content when content changes\n  useEffect(() => {\n    if (!fullText) {\n      setDisplayContent(null)\n      setShowDecoded(false)\n      setHasAnimated(false)\n      return\n    }\n\n    // Reset animation state\n    setHasAnimated(false)\n\n    // Immediately set up new scrambled content to prevent flash of new content\n    const textStartIndex = { current: 0 }\n    const scrambledContent = scrambleReactNode(\n      children,\n      initialScrambled,\n      textStartIndex\n    )\n    setDisplayContent(scrambledContent)\n    setShowDecoded(true)\n  }, [fullText, children, initialScrambled, symbols])\n\n  useEffect(() => {\n    if (!fullText) {\n      setDisplayContent(null)\n      setShowDecoded(false)\n      return\n    }\n\n    // If already animated, hide decoded and show children\n    if (hasAnimated) {\n      setShowDecoded(false)\n      return\n    }\n\n    const element = elementRef.current\n    if (!element) return\n\n    let iteration = 0\n    let intervalId: NodeJS.Timeout | null = null\n    let delayTimeoutId: NodeJS.Timeout | null = null\n\n    // Function to start the animation\n    const startAnimation = () => {\n      // Start animation after delay\n      delayTimeoutId = setTimeout(() => {\n        // 1. Initial scramble (already set up, but ensure it's visible)\n        setShowDecoded(true)\n\n        // 2. Set up the interval\n        intervalId = setInterval(() => {\n          iteration++\n\n          if (iteration >= maxIterations) {\n            // Stop scrambling, fade out decoded and fade in children\n            setHasAnimated(true)\n            setShowDecoded(false)\n            if (intervalId) clearInterval(intervalId)\n          } else {\n            // Continue scrambling\n            const newScrambled = scrambleText(fullText, symbols)\n            const textStartIndex = { current: 0 }\n            const scrambledContent = scrambleReactNode(\n              children,\n              newScrambled,\n              textStartIndex\n            )\n            setDisplayContent(scrambledContent)\n          }\n        }, speed)\n      }, delay)\n    }\n\n    // Check if element is already visible\n    const rect = element.getBoundingClientRect()\n    const isVisible =\n      rect.top < window.innerHeight &&\n      rect.bottom > 0 &&\n      rect.left < window.innerWidth &&\n      rect.right > 0\n\n    if (isVisible) {\n      // Element is already visible, start animation immediately\n      startAnimation()\n    } else {\n      // Use Intersection Observer to detect when element becomes visible\n      const observer = new IntersectionObserver(\n        (entries) => {\n          const entry = entries[0]\n          if (entry.isIntersecting && !hasAnimated) {\n            startAnimation()\n            // Disconnect observer once animation starts\n            observer.disconnect()\n          }\n        },\n        {\n          threshold: 0.1, // Trigger when 10% of the element is visible\n        }\n      )\n\n      observer.observe(element)\n\n      // Cleanup function\n      return () => {\n        observer.disconnect()\n        if (intervalId) clearInterval(intervalId)\n        if (delayTimeoutId) clearTimeout(delayTimeoutId)\n      }\n    }\n\n    // Cleanup function for immediate start case\n    return () => {\n      if (intervalId) clearInterval(intervalId)\n      if (delayTimeoutId) clearTimeout(delayTimeoutId)\n    }\n  }, [\n    children,\n    fullText,\n    initialScrambled,\n    hasAnimated,\n    delay,\n    speed,\n    maxIterations,\n    symbols,\n  ])\n\n  const ariaLabel = useMemo(() => extractText(children), [children])\n\n  return (\n    <span\n      ref={elementRef}\n      aria-label={ariaLabel} // Accessibility: Screen readers read the real text\n      className={cn(\"relative block\", className)}\n    >\n      {/* Children always rendered but with opacity-0 initially */}\n      <span className={cn(hasAnimated ? \"opacity-100\" : \"opacity-0\")}>\n        {children}\n      </span>\n      {/* Decoded animation overlay */}\n      {showDecoded && displayContent && (\n        <span className=\"absolute inset-0 \">{displayContent}</span>\n      )}\n    </span>\n  )\n}\n\nconst SuspenseDecodedText = (props: TextDecoderProps) => {\n  return (\n    <Suspense\n      fallback={\n        <span className={cn(\"opacity-0\", props.className)}>\n          {props.children}\n        </span>\n      }\n    >\n      <TextDecoder {...props} />\n    </Suspense>\n  )\n}\n\nexport default SuspenseDecodedText\n"],"mappings":"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","names":["React","useState","useEffect","useMemo","useRef","Suspense","jsx","jsxs","SYMBOLS","MAX_ITERATIONS","SPEED","scrambleText","input","symbols","word","extractText","node","props","result","scrambleReactNode","scrambledText","textStartIndex","text","scrambled","i","child","index","scrambledChild","originalKey","newProps","label","title","TextDecoder","children","className","delay","speed","maxIterations","displayContent","setDisplayContent","hasAnimated","setHasAnimated","showDecoded","setShowDecoded","elementRef","fullText","initialScrambled","scrambledContent","element","iteration","intervalId","delayTimeoutId","startAnimation","newScrambled","rect","observer","entries","ariaLabel","cn","SuspenseDecodedText","TextDecoder_default"]}