@b3-crow/ui-kit 0.0.23 → 0.0.25

package/commitlint.config.cjs

@@ -1,4 +0,0 @@
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-  rules: {},
-};

package/eslint.config.mts

@@ -1,7 +0,0 @@
-import antfu from "@antfu/eslint-config";
-
-export default antfu({
-        react: true,
-        typescript: true,
-        stylistic: false,
-});

package/postcss.config.mjs

@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-}

package/src/components/coming-soon/AnimatedBackground.tsx

@@ -1,71 +0,0 @@
-'use client';
-
-interface AnimatedBackgroundProps {
-  backgroundColor?: string;
-  primaryGlowColor?: string;
-  secondaryGlowColor?: string;
-  tertiaryGlowColor?: string;
-  primaryGlowOpacity?: number;
-}
-
-export function AnimatedBackground({
-  backgroundColor = '#000000',
-  primaryGlowColor = '#854ED2',
-  secondaryGlowColor = '#ffffffbd',
-  tertiaryGlowColor = '#e0c8ffbe',
-  primaryGlowOpacity = 0.5,
-}: AnimatedBackgroundProps) {
-  return (
-    <div
-      style={{
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: -10,
-        overflow: 'hidden',
-      }}
-    >
-      <div
-        style={{
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          background: backgroundColor,
-        }}
-      />
-
-      <div
-        style={{
-          position: 'absolute',
-          top: '50%',
-          left: '100%',
-          transform: 'translate(-50%, -50%)',
-          width: '1700px',
-          height: '900px',
-          borderRadius: '50%',
-          background: `radial-gradient(circle, ${primaryGlowColor} 0%, transparent 70%)`,
-          opacity: primaryGlowOpacity,
-          filter: 'blur(40px)',
-        }}
-      />
-
-      <div
-        style={{
-          position: 'absolute',
-          top: '50%',
-          left: '100%',
-          transform: 'translate(-50%, -50%)',
-          width: '500px',
-          height: '400px',
-          borderRadius: '50%',
-          background: `radial-gradient(circle, ${secondaryGlowColor} 0%, ${tertiaryGlowColor} 40%, transparent 65%)`,
-          filter: 'blur(80px)',
-        }}
-      />
-    </div>
-  );
-}

package/src/components/coming-soon/HeroText.tsx

@@ -1,40 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-
-interface HeroTextProps {
-  text: string;
-  gradient?: string;
-}
-
-export function HeroText({
-  text,
-  gradient = 'linear-gradient(70deg, #1B0637 0%, #210E3C 10%, #24113F 20%, #2E1A4B 35%, #3A2559 45%, #563F77 65%, #604882 80%, #765F97 100%)',
-}: HeroTextProps) {
-  return (
-    <motion.h1
-      initial={{ opacity: 0, y: 40 }}
-      animate={{ opacity: 1, y: 0 }}
-      transition={{ duration: 1, delay: 0.3, ease: 'easeOut' }}
-      style={{
-        fontSize: 'clamp(9rem, 22vw, 22rem)',
-        fontWeight: 650,
-        lineHeight: 0.9,
-        letterSpacing: '0.01em',
-        background: gradient,
-        WebkitBackgroundClip: 'text',
-        backgroundClip: 'text',
-        WebkitTextFillColor: 'transparent',
-        textAlign: 'center',
-        margin: 0,
-        marginTop: '-5vh',
-        padding: 0,
-        fontFamily:
-          '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',
-        filter: 'drop-shadow(0 0 80px rgba(87, 84, 96, 0.3))',
-      }}
-    >
-      {text}
-    </motion.h1>
-  );
-}

package/src/components/coming-soon/Logo.tsx

@@ -1,27 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-
-interface LogoProps {
-  src: string;
-  alt: string;
-}
-
-export function Logo({ src, alt }: LogoProps) {
-  return (
-    <motion.div
-      initial={{ opacity: 0, y: -20 }}
-      animate={{ opacity: 1, y: 0 }}
-      transition={{ duration: 0.8, ease: 'easeOut' }}
-      className="fixed left-8 top-8 z-50"
-    >
-      <img
-        src={src}
-        alt={alt}
-        width={80}
-        height={80}
-        className="h-16 w-16 object-contain sm:h-20 sm:w-20"
-      />
-    </motion.div>
-  );
-}

package/src/components/coming-soon/Subtitle.tsx

@@ -1,37 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-import type { ReactNode } from 'react';
-
-interface SubtitleProps {
-  children: ReactNode;
-}
-
-export function Subtitle({ children }: SubtitleProps) {
-  return (
-    <motion.p
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      transition={{ duration: 1, delay: 0.6, ease: 'easeOut' }}
-      style={{
-        position: 'fixed',
-        bottom: '1.5vh',
-        left: '50%',
-        transform: 'translateX(-50%)',
-        fontSize: 'clamp(0.75rem, 1vw, 0.95rem)',
-        lineHeight: 1.4,
-        color: 'rgba(255, 255, 255, 0.52)',
-        textAlign: 'center',
-        maxWidth: '50rem',
-        padding: '0 2rem',
-        fontWeight: 400,
-        letterSpacing: '0.01em',
-        fontFamily:
-          '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif',
-        zIndex: 10,
-      }}
-    >
-      {children}
-    </motion.p>
-  );
-}

package/src/components/coming-soon/TypewriterText.tsx

@@ -1,89 +0,0 @@
-'use client';
-
-import { motion } from 'framer-motion';
-import { useEffect, useRef, useState } from 'react';
-
-interface TypewriterTextProps {
-  text: string;
-}
-
-export function TypewriterText({ text }: TypewriterTextProps) {
-  const [displayedText, setDisplayedText] = useState('');
-  const [currentIndex, setCurrentIndex] = useState(0);
-  const [showCursor, setShowCursor] = useState(true);
-  const timeoutRef = useRef<NodeJS.Timeout | null>(null);
-
-  // Reset typewriter when text prop changes
-  useEffect(() => {
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-    }
-    setDisplayedText('');
-    setCurrentIndex(0);
-  }, [text]);
-
-  useEffect(() => {
-    if (currentIndex < text.length) {
-      const delay = currentIndex === 0 ? 2500 : 150;
-      timeoutRef.current = setTimeout(() => {
-        setDisplayedText(prev => prev + text[currentIndex]);
-        setCurrentIndex(prev => prev + 1);
-      }, delay);
-      return () => {
-        if (timeoutRef.current) {
-          clearTimeout(timeoutRef.current);
-          timeoutRef.current = null;
-        }
-      };
-    }
-  }, [currentIndex, text]);
-
-  useEffect(() => {
-    const cursorInterval = setInterval(() => {
-      setShowCursor(prev => !prev);
-    }, 530);
-    return () => clearInterval(cursorInterval);
-  }, []);
-
-  return (
-    <motion.div
-      role="status"
-      aria-live="polite"
-      aria-atomic="true"
-      aria-label="Status message"
-      initial={{ opacity: 0 }}
-      animate={{ opacity: 1 }}
-      transition={{ duration: 1, delay: 1.5 }}
-      style={{
-        fontSize: 'clamp(1rem, 2vw, 1.5rem)',
-        fontWeight: 600,
-        letterSpacing: '0.3em',
-        color: '#8b7fb8',
-        textAlign: 'center',
-        fontFamily: '"Courier New", Courier, monospace',
-        marginTop: '3rem',
-        textTransform: 'uppercase',
-      }}
-    >
-      <span
-        style={{
-          textShadow:
-            '0 0 10px rgba(139, 127, 184, 0.5), 0 0 20px rgba(139, 127, 184, 0.3)',
-        }}
-      >
-        {displayedText}
-      </span>
-      <span
-        aria-hidden="true"
-        style={{
-          opacity: showCursor ? 1 : 0,
-          color: '#8b7fb8',
-          marginLeft: '2px',
-        }}
-      >
-        _
-      </span>
-    </motion.div>
-  );
-}

package/src/components/coming-soon/index.ts

@@ -1,5 +0,0 @@
-export { AnimatedBackground } from './AnimatedBackground';
-export { HeroText } from './HeroText';
-export { Logo } from './Logo';
-export { Subtitle } from './Subtitle';
-export { TypewriterText } from './TypewriterText';

package/src/index.ts

@@ -1,2 +0,0 @@
-// Coming Soon Components
-export * from './components/coming-soon';

package/tsconfig.json

@@ -1,23 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "moduleResolution": "Node",
-    "strict": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "resolveJsonModule": true,
-    "outDir": "dist",
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "jsx": "react-jsx",
-    "baseUrl": "./src",
-    "paths": {
-      "@/components/*": ["components/*"]
-    }
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-}