@mova-ui/react 0.1.0 → 0.4.1

package/dist/catalog/components/simple-comp/SimpleCompExtracted.js

@@ -0,0 +1,423 @@
+"use client";
+import {
+  PaymentsChart
+} from "../../../catalog-chunks/chunk-YGLQ5K3F.js";
+import {
+  MembersGrowthChart
+} from "../../../catalog-chunks/chunk-NITEDAMY.js";
+import {
+  ChartCard
+} from "../../../catalog-chunks/chunk-I4BVACNZ.js";
+import "../../../catalog-chunks/chunk-F47LIDB6.js";
+
+// .generated/catalog/components/simple-comp/SimpleCompExtracted.tsx
+import { useState, useEffect } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { ChevronDown, Settings2, X } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var PAGES = [
+  { id: "1", title: "SKETCH 01", src: "https://i.pinimg.com/736x/9a/63/20/9a632012291e49436b7695f50d8aa20e.jpg" },
+  { id: "2", title: "SKETCH 02", src: "https://i.pinimg.com/736x/0c/e1/6e/0ce16e5cfb36927669b7421c670035e0.jpg" },
+  { id: "3", title: "SKETCH 03", src: "https://i.pinimg.com/736x/63/16/b2/6316b20446639cd7f923882cc0d5b0a5.jpg" },
+  { id: "4", title: "SKETCH 04", src: "https://i.pinimg.com/736x/8b/36/b9/8b36b9f128dd0a65dc260e323ac5e333.jpg" },
+  { id: "5", title: "SKETCH 05", src: "https://i.pinimg.com/736x/10/b6/bf/10b6bfda558137d1fd3fe5089c36ad9c.jpg" },
+  { id: "6", title: "SKETCH 06", src: "https://i.pinimg.com/736x/f9/a7/d1/f9a7d15098baeb3ea28d7232f4ac86ea.jpg" }
+];
+var SbArrowLeft = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 44", width: "14", height: "44", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("polyline", { points: "11,3 3,22 11,41", stroke: "currentColor", strokeWidth: "1.1", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var SbArrowRight = () => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 14 44", width: "14", height: "44", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("polyline", { points: "3,3 11,22 3,41", stroke: "currentColor", strokeWidth: "1.1", strokeLinecap: "round", strokeLinejoin: "round" }) });
+function Book({ pages, currentIndex, isFlipping, direction, onFlipComplete, settings, isIntro }) {
+  const [localIndex, setLocalIndex] = useState(currentIndex);
+  const [flipState, setFlipState] = useState({ active: false, from: 0, to: 0, dir: 1 });
+  const animDuration = isIntro ? 0.12 : 0.45;
+  const animEase = isIntro ? "linear" : [0.33, 1, 0.68, 1];
+  useEffect(() => {
+    if (currentIndex !== localIndex) {
+      setFlipState({
+        active: true,
+        from: localIndex,
+        to: currentIndex,
+        dir: direction
+      });
+    }
+  }, [currentIndex, localIndex, direction]);
+  const handleAnimationComplete = () => {
+    setLocalIndex(flipState.to);
+    setFlipState({ active: false, from: flipState.to, to: flipState.to, dir: 1 });
+    if (onFlipComplete) onFlipComplete();
+  };
+  const getIndex = (index) => (index % pages.length + pages.length) % pages.length;
+  const PageContent = ({ index }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0", style: { backgroundColor: settings.paperColor } }),
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", style: { padding: `${settings.padding}px` }, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "w-full h-full bg-cover bg-center bg-no-repeat shadow-inner",
+        style: {
+          backgroundImage: `url(${pages[getIndex(index)].src})`,
+          borderRadius: `${settings.imageRadius}px`,
+          boxShadow: `0 4px ${settings.shadowIntensity}px rgba(0,0,0,0.15)`
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PaperTexture, {})
+  ] });
+  const PaperTexture = () => /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "absolute inset-0 pointer-events-none opacity-40 mix-blend-multiply",
+      style: { backgroundImage: 'url("https://www.transparenttextures.com/patterns/cream-paper.png")' }
+    }
+  );
+  const creaseLeft = "absolute inset-y-0 right-0 w-16 pointer-events-none mix-blend-multiply z-20";
+  const creaseRight = "absolute inset-y-0 left-0 w-16 pointer-events-none mix-blend-multiply z-20";
+  const creaseLeftStyle = {
+    background: `linear-gradient(to left, rgba(0,0,0,${settings.creaseOpacity / 100}), rgba(0,0,0,${settings.creaseOpacity / 400}), transparent)`,
+    boxShadow: `inset -4px 0 10px rgba(0,0,0,0.1)`
+  };
+  const creaseRightStyle = {
+    background: `linear-gradient(to right, rgba(0,0,0,${settings.creaseOpacity / 100}), rgba(0,0,0,${settings.creaseOpacity / 400}), transparent)`,
+    boxShadow: `inset 4px 0 10px rgba(0,0,0,0.1)`
+  };
+  const leftIndex = flipState.active ? flipState.dir === 1 ? flipState.from - 1 : flipState.to - 1 : localIndex - 1;
+  const rightIndex = flipState.active ? flipState.dir === 1 ? flipState.to : flipState.from : localIndex;
+  const frontIndex = flipState.dir === 1 ? flipState.from : flipState.to;
+  const backIndex = flipState.dir === 1 ? flipState.to - 1 : flipState.from - 1;
+  return /* @__PURE__ */ jsx("div", { className: "relative w-full max-w-2xl aspect-[16/9] mx-auto perspective-[3000px]", children: /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      className: "w-full h-full relative shadow-2xl rounded-md",
+      initial: { rotateX: 20, rotateY: -15, rotateZ: -5, scale: 0.8, y: 100 },
+      animate: { rotateX: 8, rotateY: -6, rotateZ: 0, scale: 1, y: 0 },
+      transition: { duration: 1.5, ease: "easeOut" },
+      style: { transformStyle: "preserve-3d" },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "absolute top-0 left-0 w-1/2 h-full overflow-hidden rounded-l-md border-y border-l border-r border-black/10 shadow-[2px_0_15px_rgba(0,0,0,0.2)]", children: [
+          /* @__PURE__ */ jsx(PageContent, { index: leftIndex }),
+          /* @__PURE__ */ jsx("div", { className: creaseLeft, style: creaseLeftStyle })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "absolute top-0 right-0 w-1/2 h-full overflow-hidden rounded-r-md border-y border-r border-l border-black/10 shadow-[-2px_0_15px_rgba(0,0,0,0.2)]", children: [
+          /* @__PURE__ */ jsx(PageContent, { index: rightIndex }),
+          /* @__PURE__ */ jsx("div", { className: creaseRight, style: creaseRightStyle })
+        ] }),
+        flipState.active && /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            className: "absolute top-0 w-1/2 h-full origin-left bg-[#fcfbf9] z-30",
+            style: {
+              left: "50%",
+              transformStyle: "preserve-3d"
+            },
+            initial: { rotateY: flipState.dir === 1 ? 0 : -180 },
+            animate: { rotateY: flipState.dir === 1 ? -180 : 0 },
+            transition: { duration: animDuration, ease: animEase },
+            onAnimationComplete: handleAnimationComplete,
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 backface-hidden overflow-hidden rounded-r-md border-y border-r border-l border-black/10", style: { backfaceVisibility: "hidden" }, children: [
+                /* @__PURE__ */ jsx(PageContent, { index: frontIndex }),
+                /* @__PURE__ */ jsx("div", { className: creaseRight, style: creaseRightStyle }),
+                /* @__PURE__ */ jsx(
+                  motion.div,
+                  {
+                    className: "absolute inset-0 bg-gradient-to-r from-transparent to-black",
+                    initial: { opacity: flipState.dir === 1 ? 0 : 0.4 },
+                    animate: { opacity: flipState.dir === 1 ? 0.4 : 0 },
+                    transition: { duration: animDuration, ease: animEase }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "absolute inset-0 backface-hidden overflow-hidden rounded-l-md border-y border-l border-r border-black/10",
+                  style: {
+                    transform: "rotateY(180deg)",
+                    backfaceVisibility: "hidden"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(PageContent, { index: backIndex }),
+                    /* @__PURE__ */ jsx("div", { className: creaseLeft, style: creaseLeftStyle }),
+                    /* @__PURE__ */ jsx(
+                      motion.div,
+                      {
+                        className: "absolute inset-0 bg-gradient-to-l from-transparent to-black",
+                        initial: { opacity: flipState.dir === 1 ? 0.4 : 0 },
+                        animate: { opacity: flipState.dir === 1 ? 0 : 0.4 },
+                        transition: { duration: animDuration, ease: animEase }
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}
+function SimpleCompExtracted() {
+  const [currentIndex, setCurrentIndex] = useState(0);
+  const [direction, setDirection] = useState(1);
+  const [isFlipping, setIsFlipping] = useState(false);
+  const [introFlips, setIntroFlips] = useState(10);
+  const isIntro = introFlips > 0;
+  const hasStarted = !isIntro;
+  const [showSettings, setShowSettings] = useState(false);
+  const [settings, setSettings] = useState({
+    padding: 14,
+    imageRadius: 32,
+    creaseOpacity: 11,
+    paperColor: "#fcfbf9",
+    shadowIntensity: 34
+  });
+  useEffect(() => {
+    if (introFlips > 0 && !isFlipping) {
+      const timer = setTimeout(() => {
+        setDirection(1);
+        setIsFlipping(true);
+        setCurrentIndex((i) => (i + 1) % PAGES.length);
+      }, introFlips === 10 ? 800 : 20);
+      return () => clearTimeout(timer);
+    }
+  }, [introFlips, isFlipping]);
+  const handleFlipComplete = () => {
+    setIsFlipping(false);
+    if (introFlips > 0) {
+      setIntroFlips((f) => f - 1);
+    }
+  };
+  const next = () => {
+    if (!isFlipping && hasStarted) {
+      setDirection(1);
+      setIsFlipping(true);
+      setCurrentIndex((i) => (i + 1) % PAGES.length);
+    }
+  };
+  const prev = () => {
+    if (!isFlipping && hasStarted) {
+      setDirection(-1);
+      setIsFlipping(true);
+      setCurrentIndex((i) => (i - 1 + PAGES.length) % PAGES.length);
+    }
+  };
+  const handleGlobalClick = (e) => {
+    if (!hasStarted || isFlipping) return;
+    if (e.target.closest("button")) return;
+    if (e.clientX > window.innerWidth / 2) {
+      next();
+    } else {
+      prev();
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative min-h-[700px] w-full rounded-3xl bg-[#f4f5f7] overflow-hidden text-slate-800 font-sans flex flex-col cursor-pointer my-4 border border-black/10 shadow-xl p-6 sm:p-8",
+      onClick: handleGlobalClick,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none z-0", children: /* @__PURE__ */ jsx("h1", { className: "text-[20vw] sm:text-[15vw] font-bold text-blue-600/10 blur-[6px] sm:blur-[10px] whitespace-nowrap select-none tracking-tighter mix-blend-multiply", children: "Matthew Yu" }) }),
+        /* @__PURE__ */ jsxs("main", { className: "relative z-10 w-full flex flex-col items-center justify-center pt-8 pb-10 pointer-events-none", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative flex items-center justify-center w-full max-w-[90rem] gap-4 sm:gap-12 pointer-events-auto", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: prev,
+                disabled: isFlipping || !hasStarted,
+                className: "p-4 sm:p-6 text-slate-400 hover:text-black disabled:opacity-0 disabled:hover:text-slate-400 transition-opacity duration-300 z-20 focus:outline-none hidden sm:block cursor-pointer",
+                "aria-label": "Previous page",
+                children: /* @__PURE__ */ jsx(SbArrowLeft, {})
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 w-full max-w-2xl relative", children: /* @__PURE__ */ jsx(
+              Book,
+              {
+                pages: PAGES,
+                currentIndex,
+                isFlipping,
+                direction,
+                settings,
+                isIntro,
+                onFlipComplete: handleFlipComplete
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: next,
+                disabled: isFlipping || !hasStarted,
+                className: "p-4 sm:p-6 text-slate-400 hover:text-black disabled:opacity-0 disabled:hover:text-slate-400 transition-opacity duration-300 z-20 focus:outline-none hidden sm:block cursor-pointer",
+                "aria-label": "Next page",
+                children: /* @__PURE__ */ jsx(SbArrowRight, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex sm:hidden items-center justify-between w-full max-w-sm mt-8 px-8 z-20 pointer-events-auto", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: prev,
+                disabled: isFlipping || !hasStarted,
+                className: "p-4 text-slate-400 hover:text-black disabled:opacity-0 transition-opacity focus:outline-none cursor-pointer",
+                children: /* @__PURE__ */ jsx(SbArrowLeft, {})
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center min-w-[200px]", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                initial: { opacity: 0, y: 5 },
+                animate: { opacity: 1, y: 0 },
+                exit: { opacity: 0, y: -5 },
+                transition: { duration: 0.3 },
+                className: "text-[10px] tracking-[0.2em] text-slate-500 font-medium uppercase text-center",
+                children: PAGES[currentIndex].title
+              },
+              currentIndex
+            ) }) }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: next,
+                disabled: isFlipping || !hasStarted,
+                className: "p-4 text-slate-400 hover:text-black disabled:opacity-0 transition-opacity focus:outline-none cursor-pointer",
+                children: /* @__PURE__ */ jsx(SbArrowRight, {})
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "hidden sm:flex mt-8 h-6 items-center justify-center z-20", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+            motion.div,
+            {
+              initial: { opacity: 0, y: 5 },
+              animate: { opacity: 1, y: 0 },
+              exit: { opacity: 0, y: -5 },
+              transition: { duration: 0.3 },
+              className: "text-[11px] tracking-[0.2em] text-slate-500 font-medium uppercase",
+              children: PAGES[currentIndex].title
+            },
+            currentIndex
+          ) }) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative z-20 pointer-events-auto w-full pt-8 border-t border-black/10", children: [
+          /* @__PURE__ */ jsx("div", { className: "text-center mb-6", children: /* @__PURE__ */ jsx("h3", { className: "text-sm font-bold uppercase tracking-widest text-slate-600", children: "Dither Graph Components" }) }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 items-start justify-items-center w-full max-w-7xl mx-auto", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ jsx(ChartCard, {}) }),
+            /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ jsx(PaymentsChart, {}) }),
+            /* @__PURE__ */ jsx("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ jsx(MembersGrowthChart, {}) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "absolute top-6 right-6 p-3 bg-white/50 backdrop-blur-md rounded-full shadow-sm hover:bg-white text-slate-500 hover:text-black transition-all z-50 pointer-events-auto",
+            onClick: (e) => {
+              e.stopPropagation();
+              setShowSettings(true);
+            },
+            children: /* @__PURE__ */ jsx(Settings2, { size: 20 })
+          }
+        ),
+        /* @__PURE__ */ jsx(AnimatePresence, { children: showSettings && /* @__PURE__ */ jsxs(
+          motion.div,
+          {
+            initial: { opacity: 0, x: 20 },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0, x: 20 },
+            className: "absolute top-6 right-6 w-80 bg-white/90 backdrop-blur-xl shadow-2xl rounded-2xl p-6 z-50 pointer-events-auto border border-white/20",
+            onClick: (e) => e.stopPropagation(),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold tracking-wider text-slate-800 uppercase", children: "Theme Settings" }),
+                /* @__PURE__ */ jsx("button", { onClick: () => setShowSettings(false), className: "text-slate-400 hover:text-black", children: /* @__PURE__ */ jsx(X, { size: 18 }) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-slate-500 uppercase tracking-wider", children: [
+                    /* @__PURE__ */ jsx("span", { children: "Image Padding" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      settings.padding,
+                      "px"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "range",
+                      min: "0",
+                      max: "100",
+                      value: settings.padding,
+                      onChange: (e) => setSettings({ ...settings, padding: parseInt(e.target.value) }),
+                      className: "w-full accent-slate-800 cursor-pointer"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-slate-500 uppercase tracking-wider", children: [
+                    /* @__PURE__ */ jsx("span", { children: "Image Radius" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      settings.imageRadius,
+                      "px"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "range",
+                      min: "0",
+                      max: "32",
+                      value: settings.imageRadius,
+                      onChange: (e) => setSettings({ ...settings, imageRadius: parseInt(e.target.value) }),
+                      className: "w-full accent-slate-800 cursor-pointer"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-slate-500 uppercase tracking-wider", children: [
+                    /* @__PURE__ */ jsx("span", { children: "Crease Opacity" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      settings.creaseOpacity,
+                      "%"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "range",
+                      min: "0",
+                      max: "100",
+                      value: settings.creaseOpacity,
+                      onChange: (e) => setSettings({ ...settings, creaseOpacity: parseInt(e.target.value) }),
+                      className: "w-full accent-slate-800 cursor-pointer"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-slate-500 uppercase tracking-wider", children: [
+                    /* @__PURE__ */ jsx("span", { children: "Shadow Intensity" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      settings.shadowIntensity,
+                      "px"
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "range",
+                      min: "0",
+                      max: "50",
+                      value: settings.shadowIntensity,
+                      onChange: (e) => setSettings({ ...settings, shadowIntensity: parseInt(e.target.value) }),
+                      className: "w-full accent-slate-800 cursor-pointer"
+                    }
+                  )
+                ] })
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "absolute bottom-6 inset-x-0 flex justify-center z-20 animate-bounce text-slate-400", children: /* @__PURE__ */ jsx(ChevronDown, { strokeWidth: 1, size: 24 }) })
+      ]
+    }
+  );
+}
+export {
+  SimpleCompExtracted
+};

package/dist/catalog/components/simple-comp/StorageUsageChart.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function StorageUsageChart({ theme, compact }: {
+    theme?: 'dark' | 'light';
+    compact?: boolean;
+}): React.JSX.Element;

package/dist/catalog/components/simple-comp/StorageUsageChart.js

@@ -0,0 +1,7 @@
+"use client";
+import {
+  StorageUsageChart
+} from "../../../catalog-chunks/chunk-VCDBPAAS.js";
+export {
+  StorageUsageChart
+};

package/dist/catalog/components/simple-comp/TrafficBubble.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function TrafficBubble({ theme, compact }: {
+    theme?: 'dark' | 'light';
+    compact?: boolean;
+}): React.JSX.Element;

package/dist/catalog/components/simple-comp/TrafficBubble.js

@@ -0,0 +1,7 @@
+"use client";
+import {
+  TrafficBubble
+} from "../../../catalog-chunks/chunk-PD47DK6W.js";
+export {
+  TrafficBubble
+};

package/dist/catalog/components/simple-comp/UptimeChart.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function UptimeChart({ theme, compact }: {
+    theme?: 'dark' | 'light';
+    compact?: boolean;
+}): React.JSX.Element;

package/dist/catalog/components/simple-comp/UptimeChart.js

@@ -0,0 +1,7 @@
+"use client";
+import {
+  UptimeChart
+} from "../../../catalog-chunks/chunk-JSEX6PVP.js";
+export {
+  UptimeChart
+};

package/dist/catalog/components/simple-comp/lib/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function cn(...inputs: (string | boolean | undefined | null | {
+    [key: string]: boolean;
+})[]): string;

package/dist/catalog/components/simple-comp/lib/utils.js

@@ -0,0 +1,7 @@
+"use client";
+import {
+  cn
+} from "../../../../catalog-chunks/chunk-F47LIDB6.js";
+export {
+  cn
+};

package/dist/catalog/components/text/AnimatedText.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { TextAnimationConfig } from '../../data/textAnimations';
+interface AnimatedTextProps {
+    config: TextAnimationConfig;
+    theme: 'dark' | 'light';
+}
+export declare const AnimatedText: React.FC<AnimatedTextProps>;
+export {};