@alkimi.org/ui-kit 0.1.14 → 0.1.15

package/dist/components/TextDecoder.js

@@ -1,285 +1,3 @@
-"use client"
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/TextDecoder.tsx
-var TextDecoder_exports = {};
-__export(TextDecoder_exports, {
-  default: () => TextDecoder_default
-});
-module.exports = __toCommonJS(TextDecoder_exports);
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/TextDecoder.tsx
-var import_react = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var SYMBOLS = ["\\", "-", "?", "/", "#", "!", "_", "+", "<", ">"];
-var MAX_ITERATIONS = 3;
-var SPEED = 400;
-var scrambleText = (input) => {
-  if (!input) return "";
-  return input.split(" ").map((word) => {
-    if (!word) return "";
-    const randomSymbol = SYMBOLS[Math.floor(Math.random() * SYMBOLS.length)];
-    return randomSymbol.repeat(word.length);
-  }).join(" ");
-};
-var extractText = (node) => {
-  if (typeof node === "string" || typeof node === "number") {
-    return String(node);
-  }
-  if (Array.isArray(node)) {
-    return node.map(extractText).join("");
-  }
-  if (import_react.default.isValidElement(node)) {
-    const props = node.props;
-    let result = "";
-    if (typeof props.text === "string") {
-      result += props.text;
-    }
-    if (typeof props.label === "string") {
-      result += props.label;
-    }
-    if (typeof props.title === "string") {
-      result += props.title;
-    }
-    if (props.children) {
-      result += extractText(props.children);
-    }
-    return result;
-  }
-  return "";
-};
-var scrambleReactNode = (node, scrambledText, textStartIndex) => {
-  if (typeof node === "string" || typeof node === "number") {
-    const text = String(node);
-    let scrambled = "";
-    for (let i = 0; i < text.length; i++) {
-      if (textStartIndex.current < scrambledText.length) {
-        scrambled += scrambledText[textStartIndex.current];
-        textStartIndex.current++;
-      } else {
-        scrambled += text[i];
-      }
-    }
-    return scrambled;
-  }
-  if (Array.isArray(node)) {
-    return node.map((child, index) => {
-      const scrambledChild = scrambleReactNode(
-        child,
-        scrambledText,
-        textStartIndex
-      );
-      if (import_react.default.isValidElement(scrambledChild)) {
-        const originalKey = import_react.default.isValidElement(child) ? child.key : null;
-        if (scrambledChild.key == null && originalKey == null) {
-          return import_react.default.cloneElement(scrambledChild, { key: `decoded-${index}` });
-        }
-        if (scrambledChild.key == null && originalKey != null) {
-          return import_react.default.cloneElement(scrambledChild, { key: originalKey });
-        }
-      }
-      return scrambledChild;
-    });
-  }
-  if (import_react.default.isValidElement(node)) {
-    const props = node.props;
-    const newProps = { ...props };
-    if (typeof props.text === "string") {
-      const text = props.text;
-      let scrambled = "";
-      for (let i = 0; i < text.length; i++) {
-        if (textStartIndex.current < scrambledText.length) {
-          scrambled += scrambledText[textStartIndex.current];
-          textStartIndex.current++;
-        } else {
-          scrambled += text[i];
-        }
-      }
-      newProps.text = scrambled;
-    }
-    if (typeof props.label === "string") {
-      const label = props.label;
-      let scrambled = "";
-      for (let i = 0; i < label.length; i++) {
-        if (textStartIndex.current < scrambledText.length) {
-          scrambled += scrambledText[textStartIndex.current];
-          textStartIndex.current++;
-        } else {
-          scrambled += label[i];
-        }
-      }
-      newProps.label = scrambled;
-    }
-    if (typeof props.title === "string") {
-      const title = props.title;
-      let scrambled = "";
-      for (let i = 0; i < title.length; i++) {
-        if (textStartIndex.current < scrambledText.length) {
-          scrambled += scrambledText[textStartIndex.current];
-          textStartIndex.current++;
-        } else {
-          scrambled += title[i];
-        }
-      }
-      newProps.title = scrambled;
-    }
-    if (props.children) {
-      newProps.children = scrambleReactNode(
-        props.children,
-        scrambledText,
-        textStartIndex
-      );
-    }
-    return import_react.default.cloneElement(node, newProps);
-  }
-  return node;
-};
-var TextDecoder = ({ children, className, delay = 0 }) => {
-  const [displayContent, setDisplayContent] = (0, import_react.useState)(null);
-  const [hasAnimated, setHasAnimated] = (0, import_react.useState)(false);
-  const [showDecoded, setShowDecoded] = (0, import_react.useState)(true);
-  const elementRef = (0, import_react.useRef)(null);
-  const fullText = (0, import_react.useMemo)(() => extractText(children), [children]);
-  const initialScrambled = (0, import_react.useMemo)(() => scrambleText(fullText), [fullText]);
-  (0, import_react.useEffect)(() => {
-    if (!hasAnimated && fullText) {
-      const textStartIndex = { current: 0 };
-      const scrambledContent = scrambleReactNode(
-        children,
-        initialScrambled,
-        textStartIndex
-      );
-      setDisplayContent(scrambledContent);
-      setShowDecoded(true);
-    }
-  }, [children, initialScrambled, hasAnimated, fullText]);
-  (0, import_react.useEffect)(() => {
-    if (!fullText) {
-      setDisplayContent(null);
-      setShowDecoded(false);
-      return;
-    }
-    if (hasAnimated) {
-      setShowDecoded(false);
-      return;
-    }
-    const element = elementRef.current;
-    if (!element) return;
-    let iteration = 0;
-    let intervalId = null;
-    let delayTimeoutId = null;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (entry.isIntersecting && !hasAnimated) {
-          delayTimeoutId = setTimeout(() => {
-            const textStartIndex = { current: 0 };
-            const scrambledContent = scrambleReactNode(
-              children,
-              initialScrambled,
-              textStartIndex
-            );
-            setDisplayContent(scrambledContent);
-            setShowDecoded(true);
-            intervalId = setInterval(() => {
-              iteration++;
-              if (iteration >= MAX_ITERATIONS) {
-                setHasAnimated(true);
-                setShowDecoded(false);
-                if (intervalId) clearInterval(intervalId);
-              } else {
-                const newScrambled = scrambleText(fullText);
-                const textStartIndex2 = { current: 0 };
-                const scrambledContent2 = scrambleReactNode(
-                  children,
-                  newScrambled,
-                  textStartIndex2
-                );
-                setDisplayContent(scrambledContent2);
-              }
-            }, SPEED);
-          }, delay);
-          observer.disconnect();
-        }
-      },
-      {
-        threshold: 0.1
-        // Trigger when 10% of the element is visible
-      }
-    );
-    observer.observe(element);
-    return () => {
-      observer.disconnect();
-      if (intervalId) clearInterval(intervalId);
-      if (delayTimeoutId) clearTimeout(delayTimeoutId);
-    };
-  }, [children, fullText, initialScrambled, hasAnimated, delay]);
-  const ariaLabel = (0, import_react.useMemo)(() => extractText(children), [children]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "span",
-    {
-      ref: elementRef,
-      "aria-label": ariaLabel,
-      className: cn("inline-grid *:col-start-1 *:row-start-1", className),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "span",
-          {
-            className: cn(
-              "transition-opacity duration-300",
-              hasAnimated ? "opacity-100" : "opacity-0"
-            ),
-            children
-          }
-        ),
-        showDecoded && displayContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "transition-opacity duration-300", children: displayContent })
-      ]
-    }
-  );
-};
-var SuspenseDecodedText = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_react.Suspense,
-    {
-      fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: cn("opacity-0", props.className), children: props.children }),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextDecoder, { ...props })
-    }
-  );
-};
-var TextDecoder_default = SuspenseDecodedText;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+"use client";var _chunkSVWC2KRPjs = require('../chunk-SVWC2KRP.js');require('../chunk-FUYXCJOQ.js');exports.default = _chunkSVWC2KRPjs.a;
 //# sourceMappingURL=TextDecoder.js.map

package/dist/components/TextDecoder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/TextDecoder.tsx","../../src/lib/utils.ts"],"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 = 3 // How many times to scramble\nconst SPEED = 400 // Speed in milliseconds between scrambles\n\n// Helper function moved outside component to avoid recreation\nconst scrambleText = (input: string): 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}\n\nconst TextDecoder = ({ children, className, delay = 0 }: 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(() => scrambleText(fullText), [fullText])\n\n  // Initialize with scrambled content to prevent layout shift\n  useEffect(() => {\n    if (!hasAnimated && fullText) {\n      const textStartIndex = { current: 0 }\n      const scrambledContent = scrambleReactNode(\n        children,\n        initialScrambled,\n        textStartIndex\n      )\n      setDisplayContent(scrambledContent)\n      setShowDecoded(true)\n    }\n  }, [children, initialScrambled, hasAnimated, fullText])\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    // Intersection Observer to detect when element is visible\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0]\n        if (entry.isIntersecting && !hasAnimated) {\n          // Start animation after delay\n          delayTimeoutId = setTimeout(() => {\n            // 1. Initial scramble\n            const textStartIndex = { current: 0 }\n            const scrambledContent = scrambleReactNode(\n              children,\n              initialScrambled,\n              textStartIndex\n            )\n            setDisplayContent(scrambledContent)\n            setShowDecoded(true)\n\n            // 2. Set up the interval\n            intervalId = setInterval(() => {\n              iteration++\n\n              if (iteration >= MAX_ITERATIONS) {\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)\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          // 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  }, [children, fullText, initialScrambled, hasAnimated, delay])\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(\"inline-grid *:col-start-1 *:row-start-1\", className)}\n    >\n      {/* Both elements in the same grid cell - prevents width changes */}\n      <span\n        className={cn(\n          \"transition-opacity duration-300\",\n          hasAnimated ? \"opacity-100\" : \"opacity-0\"\n        )}\n      >\n        {children}\n      </span>\n      {/* Decoded animation overlay in the same grid cell */}\n      {showDecoded && displayContent && (\n        <span className=\"transition-opacity duration-300\">\n          {displayContent}\n        </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","import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADHA,mBAOO;AAqSH;AAlSJ,IAAM,UAAU,CAAC,MAAM,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAClE,IAAM,iBAAiB;AACvB,IAAM,QAAQ;AAGd,IAAM,eAAe,CAAC,UAA0B;AAC9C,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,MACJ,MAAM,GAAG,EACT,IAAI,CAAC,SAAiB;AACrB,QAAI,CAAC,KAAM,QAAO;AAClB,UAAM,eAAe,QAAQ,KAAK,MAAM,KAAK,OAAO,IAAI,QAAQ,MAAM,CAAC;AACvE,WAAO,aAAa,OAAO,KAAK,MAAM;AAAA,EACxC,CAAC,EACA,KAAK,GAAG;AACb;AAIA,IAAM,cAAc,CAAC,SAA4B;AAC/C,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,UAAU;AACxD,WAAO,OAAO,IAAI;AAAA,EACpB;AAEA,MAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,WAAO,KAAK,IAAI,WAAW,EAAE,KAAK,EAAE;AAAA,EACtC;AAEA,MAAI,aAAAA,QAAM,eAAe,IAAI,GAAG;AAC9B,UAAM,QAAQ,KAAK;AAQnB,QAAI,SAAS;AAGb,QAAI,OAAO,MAAM,SAAS,UAAU;AAClC,gBAAU,MAAM;AAAA,IAClB;AACA,QAAI,OAAO,MAAM,UAAU,UAAU;AACnC,gBAAU,MAAM;AAAA,IAClB;AACA,QAAI,OAAO,MAAM,UAAU,UAAU;AACnC,gBAAU,MAAM;AAAA,IAClB;AAGA,QAAI,MAAM,UAAU;AAClB,gBAAU,YAAY,MAAM,QAAQ;AAAA,IACtC;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAIA,IAAM,oBAAoB,CACxB,MACA,eACA,mBACc;AACd,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,UAAU;AACxD,UAAM,OAAO,OAAO,IAAI;AAGxB,QAAI,YAAY;AAChB,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,UAAI,eAAe,UAAU,cAAc,QAAQ;AACjD,qBAAa,cAAc,eAAe,OAAO;AACjD,uBAAe;AAAA,MACjB,OAAO;AAEL,qBAAa,KAAK,CAAC;AAAA,MACrB;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,MAAI,MAAM,QAAQ,IAAI,GAAG;AACvB,WAAO,KAAK,IAAI,CAAC,OAAO,UAAU;AAChC,YAAM,iBAAiB;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAEA,UAAI,aAAAA,QAAM,eAAe,cAAc,GAAG;AACxC,cAAM,cAAc,aAAAA,QAAM,eAAe,KAAK,IAAI,MAAM,MAAM;AAC9D,YAAI,eAAe,OAAO,QAAQ,eAAe,MAAM;AACrD,iBAAO,aAAAA,QAAM,aAAa,gBAAgB,EAAE,KAAK,WAAW,KAAK,GAAG,CAAC;AAAA,QACvE;AAEA,YAAI,eAAe,OAAO,QAAQ,eAAe,MAAM;AACrD,iBAAO,aAAAA,QAAM,aAAa,gBAAgB,EAAE,KAAK,YAAY,CAAC;AAAA,QAChE;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,MAAI,aAAAA,QAAM,eAAe,IAAI,GAAG;AAE9B,UAAM,QAAQ,KAAK;AAOnB,UAAM,WAAW,EAAE,GAAG,MAAM;AAG5B,QAAI,OAAO,MAAM,SAAS,UAAU;AAClC,YAAM,OAAO,MAAM;AACnB,UAAI,YAAY;AAChB,eAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,YAAI,eAAe,UAAU,cAAc,QAAQ;AACjD,uBAAa,cAAc,eAAe,OAAO;AACjD,yBAAe;AAAA,QACjB,OAAO;AACL,uBAAa,KAAK,CAAC;AAAA,QACrB;AAAA,MACF;AACA,eAAS,OAAO;AAAA,IAClB;AAEA,QAAI,OAAO,MAAM,UAAU,UAAU;AACnC,YAAM,QAAQ,MAAM;AACpB,UAAI,YAAY;AAChB,eAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,YAAI,eAAe,UAAU,cAAc,QAAQ;AACjD,uBAAa,cAAc,eAAe,OAAO;AACjD,yBAAe;AAAA,QACjB,OAAO;AACL,uBAAa,MAAM,CAAC;AAAA,QACtB;AAAA,MACF;AACA,eAAS,QAAQ;AAAA,IACnB;AAEA,QAAI,OAAO,MAAM,UAAU,UAAU;AACnC,YAAM,QAAQ,MAAM;AACpB,UAAI,YAAY;AAChB,eAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,YAAI,eAAe,UAAU,cAAc,QAAQ;AACjD,uBAAa,cAAc,eAAe,OAAO;AACjD,yBAAe;AAAA,QACjB,OAAO;AACL,uBAAa,MAAM,CAAC;AAAA,QACtB;AAAA,MACF;AACA,eAAS,QAAQ;AAAA,IACnB;AAGA,QAAI,MAAM,UAAU;AAClB,eAAS,WAAW;AAAA,QAClB,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,IACF;AACA,WAAO,aAAAA,QAAM,aAAa,MAAM,QAAQ;AAAA,EAC1C;AAEA,SAAO;AACT;AAQA,IAAM,cAAc,CAAC,EAAE,UAAU,WAAW,QAAQ,EAAE,MAAwB;AAC5E,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAoB,IAAI;AACpE,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,IAAI;AACnD,QAAM,iBAAa,qBAAwB,IAAI;AAG/C,QAAM,eAAW,sBAAQ,MAAM,YAAY,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAGhE,QAAM,uBAAmB,sBAAQ,MAAM,aAAa,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAGzE,8BAAU,MAAM;AACd,QAAI,CAAC,eAAe,UAAU;AAC5B,YAAM,iBAAiB,EAAE,SAAS,EAAE;AACpC,YAAM,mBAAmB;AAAA,QACvB;AAAA,QACA;AAAA,QACA;AAAA,MACF;AACA,wBAAkB,gBAAgB;AAClC,qBAAe,IAAI;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,UAAU,kBAAkB,aAAa,QAAQ,CAAC;AAEtD,8BAAU,MAAM;AACd,QAAI,CAAC,UAAU;AACb,wBAAkB,IAAI;AACtB,qBAAe,KAAK;AACpB;AAAA,IACF;AAGA,QAAI,aAAa;AACf,qBAAe,KAAK;AACpB;AAAA,IACF;AAEA,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,QAAS;AAEd,QAAI,YAAY;AAChB,QAAI,aAAoC;AACxC,QAAI,iBAAwC;AAG5C,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,YAAY;AACX,cAAM,QAAQ,QAAQ,CAAC;AACvB,YAAI,MAAM,kBAAkB,CAAC,aAAa;AAExC,2BAAiB,WAAW,MAAM;AAEhC,kBAAM,iBAAiB,EAAE,SAAS,EAAE;AACpC,kBAAM,mBAAmB;AAAA,cACvB;AAAA,cACA;AAAA,cACA;AAAA,YACF;AACA,8BAAkB,gBAAgB;AAClC,2BAAe,IAAI;AAGnB,yBAAa,YAAY,MAAM;AAC7B;AAEA,kBAAI,aAAa,gBAAgB;AAE/B,+BAAe,IAAI;AACnB,+BAAe,KAAK;AACpB,oBAAI,WAAY,eAAc,UAAU;AAAA,cAC1C,OAAO;AAEL,sBAAM,eAAe,aAAa,QAAQ;AAC1C,sBAAMC,kBAAiB,EAAE,SAAS,EAAE;AACpC,sBAAMC,oBAAmB;AAAA,kBACvB;AAAA,kBACA;AAAA,kBACAD;AAAA,gBACF;AACA,kCAAkBC,iBAAgB;AAAA,cACpC;AAAA,YACF,GAAG,KAAK;AAAA,UACV,GAAG,KAAK;AAGR,mBAAS,WAAW;AAAA,QACtB;AAAA,MACF;AAAA,MACA;AAAA,QACE,WAAW;AAAA;AAAA,MACb;AAAA,IACF;AAEA,aAAS,QAAQ,OAAO;AAGxB,WAAO,MAAM;AACX,eAAS,WAAW;AACpB,UAAI,WAAY,eAAc,UAAU;AACxC,UAAI,eAAgB,cAAa,cAAc;AAAA,IACjD;AAAA,EACF,GAAG,CAAC,UAAU,UAAU,kBAAkB,aAAa,KAAK,CAAC;AAE7D,QAAM,gBAAY,sBAAQ,MAAM,YAAY,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MAGlE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,cAAc,gBAAgB;AAAA,YAChC;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAEC,eAAe,kBACd,4CAAC,UAAK,WAAU,mCACb,0BACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAM,sBAAsB,CAAC,UAA4B;AACvD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UACE,4CAAC,UAAK,WAAW,GAAG,aAAa,MAAM,SAAS,GAC7C,gBAAM,UACT;AAAA,MAGF,sDAAC,eAAa,GAAG,OAAO;AAAA;AAAA,EAC1B;AAEJ;AAEA,IAAO,sBAAQ;","names":["React","textStartIndex","scrambledContent"]}
+{"version":3,"sources":["/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/TextDecoder.js"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY,CAAC,uDAAmC,gCAA6B,qCAAqB","file":"/Users/admin/Desktop/PROJECTS/alkimi-ui-kit/dist/components/TextDecoder.js"}

package/dist/components/TextDecoder.mjs

@@ -1,259 +1,3 @@
-"use client"
 "use client";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/TextDecoder.tsx
-import React, {
-  useState,
-  useEffect,
-  useMemo,
-  useRef,
-  Suspense
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SYMBOLS = ["\\", "-", "?", "/", "#", "!", "_", "+", "<", ">"];
-var MAX_ITERATIONS = 3;
-var SPEED = 400;
-var scrambleText = (input) => {
-  if (!input) return "";
-  return input.split(" ").map((word) => {
-    if (!word) return "";
-    const randomSymbol = SYMBOLS[Math.floor(Math.random() * SYMBOLS.length)];
-    return randomSymbol.repeat(word.length);
-  }).join(" ");
-};
-var extractText = (node) => {
-  if (typeof node === "string" || typeof node === "number") {
-    return String(node);
-  }
-  if (Array.isArray(node)) {
-    return node.map(extractText).join("");
-  }
-  if (React.isValidElement(node)) {
-    const props = node.props;
-    let result = "";
-    if (typeof props.text === "string") {
-      result += props.text;
-    }
-    if (typeof props.label === "string") {
-      result += props.label;
-    }
-    if (typeof props.title === "string") {
-      result += props.title;
-    }
-    if (props.children) {
-      result += extractText(props.children);
-    }
-    return result;
-  }
-  return "";
-};
-var scrambleReactNode = (node, scrambledText, textStartIndex) => {
-  if (typeof node === "string" || typeof node === "number") {
-    const text = String(node);
-    let scrambled = "";
-    for (let i = 0; i < text.length; i++) {
-      if (textStartIndex.current < scrambledText.length) {
-        scrambled += scrambledText[textStartIndex.current];
-        textStartIndex.current++;
-      } else {
-        scrambled += text[i];
-      }
-    }
-    return scrambled;
-  }
-  if (Array.isArray(node)) {
-    return node.map((child, index) => {
-      const scrambledChild = scrambleReactNode(
-        child,
-        scrambledText,
-        textStartIndex
-      );
-      if (React.isValidElement(scrambledChild)) {
-        const originalKey = React.isValidElement(child) ? child.key : null;
-        if (scrambledChild.key == null && originalKey == null) {
-          return React.cloneElement(scrambledChild, { key: `decoded-${index}` });
-        }
-        if (scrambledChild.key == null && originalKey != null) {
-          return React.cloneElement(scrambledChild, { key: originalKey });
-        }
-      }
-      return scrambledChild;
-    });
-  }
-  if (React.isValidElement(node)) {
-    const props = node.props;
-    const newProps = { ...props };
-    if (typeof props.text === "string") {
-      const text = props.text;
-      let scrambled = "";
-      for (let i = 0; i < text.length; i++) {
-        if (textStartIndex.current < scrambledText.length) {
-          scrambled += scrambledText[textStartIndex.current];
-          textStartIndex.current++;
-        } else {
-          scrambled += text[i];
-        }
-      }
-      newProps.text = scrambled;
-    }
-    if (typeof props.label === "string") {
-      const label = props.label;
-      let scrambled = "";
-      for (let i = 0; i < label.length; i++) {
-        if (textStartIndex.current < scrambledText.length) {
-          scrambled += scrambledText[textStartIndex.current];
-          textStartIndex.current++;
-        } else {
-          scrambled += label[i];
-        }
-      }
-      newProps.label = scrambled;
-    }
-    if (typeof props.title === "string") {
-      const title = props.title;
-      let scrambled = "";
-      for (let i = 0; i < title.length; i++) {
-        if (textStartIndex.current < scrambledText.length) {
-          scrambled += scrambledText[textStartIndex.current];
-          textStartIndex.current++;
-        } else {
-          scrambled += title[i];
-        }
-      }
-      newProps.title = scrambled;
-    }
-    if (props.children) {
-      newProps.children = scrambleReactNode(
-        props.children,
-        scrambledText,
-        textStartIndex
-      );
-    }
-    return React.cloneElement(node, newProps);
-  }
-  return node;
-};
-var TextDecoder = ({ children, className, delay = 0 }) => {
-  const [displayContent, setDisplayContent] = useState(null);
-  const [hasAnimated, setHasAnimated] = useState(false);
-  const [showDecoded, setShowDecoded] = useState(true);
-  const elementRef = useRef(null);
-  const fullText = useMemo(() => extractText(children), [children]);
-  const initialScrambled = useMemo(() => scrambleText(fullText), [fullText]);
-  useEffect(() => {
-    if (!hasAnimated && fullText) {
-      const textStartIndex = { current: 0 };
-      const scrambledContent = scrambleReactNode(
-        children,
-        initialScrambled,
-        textStartIndex
-      );
-      setDisplayContent(scrambledContent);
-      setShowDecoded(true);
-    }
-  }, [children, initialScrambled, hasAnimated, fullText]);
-  useEffect(() => {
-    if (!fullText) {
-      setDisplayContent(null);
-      setShowDecoded(false);
-      return;
-    }
-    if (hasAnimated) {
-      setShowDecoded(false);
-      return;
-    }
-    const element = elementRef.current;
-    if (!element) return;
-    let iteration = 0;
-    let intervalId = null;
-    let delayTimeoutId = null;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        if (entry.isIntersecting && !hasAnimated) {
-          delayTimeoutId = setTimeout(() => {
-            const textStartIndex = { current: 0 };
-            const scrambledContent = scrambleReactNode(
-              children,
-              initialScrambled,
-              textStartIndex
-            );
-            setDisplayContent(scrambledContent);
-            setShowDecoded(true);
-            intervalId = setInterval(() => {
-              iteration++;
-              if (iteration >= MAX_ITERATIONS) {
-                setHasAnimated(true);
-                setShowDecoded(false);
-                if (intervalId) clearInterval(intervalId);
-              } else {
-                const newScrambled = scrambleText(fullText);
-                const textStartIndex2 = { current: 0 };
-                const scrambledContent2 = scrambleReactNode(
-                  children,
-                  newScrambled,
-                  textStartIndex2
-                );
-                setDisplayContent(scrambledContent2);
-              }
-            }, SPEED);
-          }, delay);
-          observer.disconnect();
-        }
-      },
-      {
-        threshold: 0.1
-        // Trigger when 10% of the element is visible
-      }
-    );
-    observer.observe(element);
-    return () => {
-      observer.disconnect();
-      if (intervalId) clearInterval(intervalId);
-      if (delayTimeoutId) clearTimeout(delayTimeoutId);
-    };
-  }, [children, fullText, initialScrambled, hasAnimated, delay]);
-  const ariaLabel = useMemo(() => extractText(children), [children]);
-  return /* @__PURE__ */ jsxs(
-    "span",
-    {
-      ref: elementRef,
-      "aria-label": ariaLabel,
-      className: cn("inline-grid *:col-start-1 *:row-start-1", className),
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "transition-opacity duration-300",
-              hasAnimated ? "opacity-100" : "opacity-0"
-            ),
-            children
-          }
-        ),
-        showDecoded && displayContent && /* @__PURE__ */ jsx("span", { className: "transition-opacity duration-300", children: displayContent })
-      ]
-    }
-  );
-};
-var SuspenseDecodedText = (props) => {
-  return /* @__PURE__ */ jsx(
-    Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx("span", { className: cn("opacity-0", props.className), children: props.children }),
-      children: /* @__PURE__ */ jsx(TextDecoder, { ...props })
-    }
-  );
-};
-var TextDecoder_default = SuspenseDecodedText;
-export {
-  TextDecoder_default as default
-};
+"use client";import{a}from"../chunk-BCAQUOTY.mjs";import"../chunk-S5TKCF6T.mjs";export{a as default};
 //# sourceMappingURL=TextDecoder.mjs.map

package/dist/components/TextDecoder.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/components/TextDecoder.tsx"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"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 = 3 // How many times to scramble\nconst SPEED = 400 // Speed in milliseconds between scrambles\n\n// Helper function moved outside component to avoid recreation\nconst scrambleText = (input: string): 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}\n\nconst TextDecoder = ({ children, className, delay = 0 }: 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(() => scrambleText(fullText), [fullText])\n\n  // Initialize with scrambled content to prevent layout shift\n  useEffect(() => {\n    if (!hasAnimated && fullText) {\n      const textStartIndex = { current: 0 }\n      const scrambledContent = scrambleReactNode(\n        children,\n        initialScrambled,\n        textStartIndex\n      )\n      setDisplayContent(scrambledContent)\n      setShowDecoded(true)\n    }\n  }, [children, initialScrambled, hasAnimated, fullText])\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    // Intersection Observer to detect when element is visible\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const entry = entries[0]\n        if (entry.isIntersecting && !hasAnimated) {\n          // Start animation after delay\n          delayTimeoutId = setTimeout(() => {\n            // 1. Initial scramble\n            const textStartIndex = { current: 0 }\n            const scrambledContent = scrambleReactNode(\n              children,\n              initialScrambled,\n              textStartIndex\n            )\n            setDisplayContent(scrambledContent)\n            setShowDecoded(true)\n\n            // 2. Set up the interval\n            intervalId = setInterval(() => {\n              iteration++\n\n              if (iteration >= MAX_ITERATIONS) {\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)\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          // 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  }, [children, fullText, initialScrambled, hasAnimated, delay])\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(\"inline-grid *:col-start-1 *:row-start-1\", className)}\n    >\n      {/* Both elements in the same grid cell - prevents width changes */}\n      <span\n        className={cn(\n          \"transition-opacity duration-300\",\n          hasAnimated ? \"opacity-100\" : \"opacity-0\"\n        )}\n      >\n        {children}\n      </span>\n      {/* Decoded animation overlay in the same grid cell */}\n      {showDecoded && displayContent && (\n        <span className=\"transition-opacity duration-300\">\n          {displayContent}\n        </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":["textStartIndex","scrambledContent"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/button.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {