@b3-crow/ui-kit 0.0.24 → 0.0.25

package/README.md

@@ -1,71 +1,118 @@
 # CROW-B3 UI Kit
 
-CROW-B3 UI Kit is a set of UI components for CROW-B3 projects.
-A React component library built with Framer Motion for smooth animations.
-
-## Preview
+A modern React component library built with Framer Motion for smooth animations and designed for dark-themed web applications.
 
 ![Coming Soon Page](https://raw.githubusercontent.com/CROW-B3/ui-kit/main/docs/screenshot.svg)
 
-## Installation
+## Features
 
-```bash
-bun add @b3-crow/ui-kit
-```
+- 🎨 Beautiful animated components for hero sections and landing pages
+- 🌙 Designed for dark themes with elegant gradients
+- ⚡ Built with performance in mind using Framer Motion
+- 📦 TypeScript support with full type definitions
+- 🎯 Tailwind CSS v4 compatible
+- 🔧 Easy to customize and extend
 
-## Local Development
+## Quick Start
 
-```json
-"@b3-crow/ui-kit": "file:../ui-kit"
+### Installation
+
+```bash
+bun add @b3-crow/ui-kit
 ```
 
-## Setup
+### Install Dependencies
 
-### 1. Install Peer Dependencies
+This library requires React 19.2.0 or later. Ensure your application has React installed:
 
 ```bash
-bun add react react-dom framer-motion
+# If you haven't installed React yet
+bun add react@^19.2.0 react-dom@^19.2.0
 ```
 
-## Usage
+Then install the UI kit's dependencies:
 
-### Coming Soon Components
+```bash
+bun add framer-motion react-icons cobe
+```
 
-The UI kit includes a complete Coming Soon page with animated components:
+### Basic Usage
 
 ```tsx
 import {
   AnimatedBackground,
   HeroText,
-  Logo,
   TypewriterText,
   Subtitle,
 } from '@b3-crow/ui-kit';
 
 function App() {
   return (
-    <div>
+    <section
+      style={{
+        position: 'relative',
+        minHeight: '100vh',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}
+    >
       <AnimatedBackground />
-      <Logo src="/your-logo.png" alt="Your Logo" />
       <HeroText text="Your Brand" />
       <TypewriterText text="COMING SOON" />
-      <Subtitle>
-        Your subtitle text here
-        <br />
-        Can be multi-line with custom formatting
-      </Subtitle>
-    </div>
+      <Subtitle>Building something amazing</Subtitle>
+    </section>
   );
 }
 ```
 
-### Available Components
+## Components
+
+### Hero Components
+
+- **AnimatedBackground** - Animated gradient background
+- **HeroText** - Large gradient text with fade-in
+- **Logo** - Animated logo with breathing effect
+- **TypewriterText** - Typewriter effect with cursor
+- **Subtitle** - Subtitle text with fade-in
+
+### UI Components
+
+- **Button** - Customizable button with variants
+- **Card** - Feature and documentation cards
+- **Globe** - Interactive 3D globe
+- **GradientBackground** - Radial gradient effects
+- **SectionLabel** - Animated section labels
+- **InputField** - Input with submit button
+
+## Documentation
+
+- **[Setup Guide](./docs/setup.md)** - Installation and configuration
+- **[Component Reference](./docs/components.md)** - Complete API documentation
+- **[Usage Examples](./docs/examples.md)** - Code examples and patterns
+- **[Development Guide](./docs/development.md)** - Contributing and building
+
+## Local Development
+
+Link the package for local development:
+
+```json
+{
+  "dependencies": {
+    "@b3-crow/ui-kit": "file:../ui-kit"
+  }
+}
+```
+
+For Next.js projects:
 
-- **AnimatedBackground**: Animated gradient background with blurred circles
-- **HeroText**: Large gradient text with fade-in animation (requires `text` prop, optional `gradient` prop)
-- **Logo**: Animated logo component with breathing effect (requires `src` and `alt` props)
-- **TypewriterText**: Typewriter effect text with blinking cursor (requires `text` prop)
-- **Subtitle**: Subtitle text with fade-in animation (requires `children` for custom JSX content)
+```ts
+// next.config.ts
+export default {
+  transpilePackages: ['@b3-crow/ui-kit'],
+};
+```
 
 ## Development
 
@@ -76,10 +123,11 @@ bun install
 # Build the library
 bun run build
 
-# Lint
-bun run lint
+# Watch mode
+bun run build:watch
 
-# Format
+# Lint and format
+bun run lint
 bun run format
 ```
 

package/dist/components/{coming-soon/AnimatedBackground.d.ts → AnimatedBackground.d.ts}

@@ -1,4 +1,4 @@
-interface AnimatedBackgroundProps {
+export interface AnimatedBackgroundProps {
     backgroundColor?: string;
     primaryGlowColor?: string;
     secondaryGlowColor?: string;
@@ -6,5 +6,4 @@ interface AnimatedBackgroundProps {
     primaryGlowOpacity?: number;
 }
 export declare function AnimatedBackground({ backgroundColor, primaryGlowColor, secondaryGlowColor, tertiaryGlowColor, primaryGlowOpacity, }: AnimatedBackgroundProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=AnimatedBackground.d.ts.map

package/dist/components/AnimatedBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.d.ts","sourceRoot":"","sources":["../../src/components/AnimatedBackground.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,eAA2B,EAC3B,gBAA4B,EAC5B,kBAAgC,EAChC,iBAA+B,EAC/B,kBAAwB,GACzB,EAAE,uBAAuB,2CAuDzB"}

package/dist/components/{coming-soon/AnimatedBackground.js → AnimatedBackground.js}

@@ -2,13 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function AnimatedBackground({ backgroundColor = '#000000', primaryGlowColor = '#854ED2', secondaryGlowColor = '#ffffffbd', tertiaryGlowColor = '#e0c8ffbe', primaryGlowOpacity = 0.5, }) {
     return (_jsxs("div", { style: {
-            position: 'fixed',
+            position: 'absolute',
             top: 0,
             left: 0,
             right: 0,
             bottom: 0,
             zIndex: -10,
             overflow: 'hidden',
+            pointerEvents: 'none',
         }, children: [_jsx("div", { style: {
                     position: 'absolute',
                     top: 0,

package/dist/components/AnimatedBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBackground.js","sourceRoot":"","sources":["../../src/components/AnimatedBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAUb,MAAM,UAAU,kBAAkB,CAAC,EACjC,eAAe,GAAG,SAAS,EAC3B,gBAAgB,GAAG,SAAS,EAC5B,kBAAkB,GAAG,WAAW,EAChC,iBAAiB,GAAG,WAAW,EAC/B,kBAAkB,GAAG,GAAG,GACA;IACxB,OAAO,CACL,eACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,MAAM,EAAE,CAAC,EAAE;YACX,QAAQ,EAAE,QAAQ;YAClB,aAAa,EAAE,MAAM;SACtB,aAED,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,UAAU,EAAE,eAAe;iBAC5B,GACD,EAEF,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,MAAM;oBACZ,SAAS,EAAE,uBAAuB;oBAClC,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,OAAO;oBACf,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,2BAA2B,gBAAgB,uBAAuB;oBAC9E,OAAO,EAAE,kBAAkB;oBAC3B,MAAM,EAAE,YAAY;iBACrB,GACD,EAEF,cACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,MAAM;oBACZ,SAAS,EAAE,uBAAuB;oBAClC,KAAK,EAAE,OAAO;oBACd,MAAM,EAAE,OAAO;oBACf,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,2BAA2B,kBAAkB,QAAQ,iBAAiB,wBAAwB;oBAC1G,MAAM,EAAE,YAAY;iBACrB,GACD,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Button.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "outline" | "solid" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends VariantProps<typeof buttonVariants> {
+    children: React.ReactNode;
+    onClick?: () => void;
+    href?: string;
+    showArrow?: boolean;
+    className?: string;
+    arrowClassName?: string;
+}
+export declare function Button({ children, onClick, href, variant, showArrow, className, arrowClassName, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;mFAcnB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAmB,EACnB,SAAgB,EAChB,SAAc,EACd,cAAmB,GACpB,EAAE,WAAW,2CA+Bb"}

package/dist/components/Button.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { LuArrowUpRight } from 'react-icons/lu';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils';
+const buttonVariants = cva('px-4 py-2 rounded-full transition-all text-sm font-medium flex items-center gap-2 w-fit', {
+    variants: {
+        variant: {
+            outline: 'border border-white/30 text-white/90 hover:text-white hover:border-white/50 group-hover:bg-white/5',
+            solid: 'bg-purple-600 text-white hover:bg-purple-700',
+        },
+    },
+    defaultVariants: {
+        variant: 'outline',
+    },
+});
+export function Button({ children, onClick, href, variant = 'outline', showArrow = true, className = '', arrowClassName = '', }) {
+    const buttonContent = (_jsxs(_Fragment, { children: [children, showArrow && (_jsx(LuArrowUpRight, { className: cn('w-4 h-4', arrowClassName) }))] }));
+    const buttonClasses = cn(buttonVariants({ variant }), className);
+    if (href) {
+        const isExternal = href.startsWith('http');
+        return (_jsx("a", { href: href, className: buttonClasses, target: isExternal ? '_blank' : undefined, rel: isExternal ? 'noopener noreferrer' : undefined, children: buttonContent }));
+    }
+    return (_jsx("button", { onClick: onClick, className: buttonClasses, children: buttonContent }));
+}
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,cAAc,GAAG,GAAG,CACxB,yFAAyF,EACzF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,oGAAoG;YACtG,KAAK,EAAE,8CAA8C;SACtD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CACF,CAAC;AAWF,MAAM,UAAU,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,IAAI,EAChB,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,GACP;IACZ,MAAM,aAAa,GAAG,CACpB,8BACG,QAAQ,EACR,SAAS,IAAI,CACZ,KAAC,cAAc,IAAC,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,GAAI,CAC7D,IACA,CACJ,CAAC;IAEF,MAAM,aAAa,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC;IAEjE,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,CACL,YACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzC,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,YAElD,aAAa,GACZ,CACL,CAAC;IACJ,CAAC;IAED,OAAO,CACL,iBAAQ,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,YAC/C,aAAa,GACP,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Card.d.ts

@@ -0,0 +1,22 @@
+import { type VariantProps } from 'class-variance-authority';
+declare const cardVariants: (props?: ({
+    border?: "none" | "first" | "middle" | "last" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface CardProps extends VariantProps<typeof cardVariants> {
+    title: string;
+    description: string;
+    icon?: React.ReactNode;
+    button?: React.ReactNode;
+    index: number;
+    isFirst?: boolean;
+    isLast?: boolean;
+    layout?: 'feature' | 'documentation';
+    className?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    iconClassName?: string;
+    contentAlign?: 'left' | 'center';
+}
+export declare function Card({ title, description, icon, button, index, isFirst, isLast, layout, className, titleClassName, descriptionClassName, iconClassName, contentAlign, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,YAAY;;mFAejB,CAAC;AA+BF,MAAM,WAAW,SAAU,SAAQ,YAAY,CAAC,OAAO,YAAY,CAAC;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,GAAG,eAAe,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;CAClC;AAED,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,KAAK,EACL,OAAe,EACf,MAAc,EACd,MAAkB,EAClB,SAAc,EACd,cAAmB,EACnB,oBAAyB,EACzB,aAAkB,EAClB,YAAqB,GACtB,EAAE,SAAS,2CAsDX"}

package/dist/components/Card.js

@@ -0,0 +1,50 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils';
+const cardVariants = cva('relative p-8 flex flex-col h-full bg-black/40 backdrop-blur-sm group border-white/10', {
+    variants: {
+        border: {
+            first: 'border-l border-r',
+            middle: 'border-r',
+            last: 'border-r',
+            none: '',
+        },
+    },
+    defaultVariants: {
+        border: 'none',
+    },
+});
+const contentVariants = cva('', {
+    variants: {
+        align: {
+            left: 'text-left',
+            center: 'text-center',
+        },
+    },
+    defaultVariants: {
+        align: 'left',
+    },
+});
+const descriptionVariants = cva('text-sm leading-relaxed mb-8', {
+    variants: {
+        layout: {
+            feature: '',
+            documentation: 'flex-grow',
+        },
+        align: {
+            left: 'text-left',
+            center: 'text-center',
+        },
+    },
+    defaultVariants: {
+        layout: 'feature',
+        align: 'left',
+    },
+});
+export function Card({ title, description, icon, button, index, isFirst = false, isLast = false, layout = 'feature', className = '', titleClassName = '', descriptionClassName = '', iconClassName = '', contentAlign = 'left', }) {
+    const borderVariant = isFirst ? 'first' : isLast ? 'last' : 'middle';
+    return (_jsxs(motion.div, { className: cn(cardVariants({ border: borderVariant }), className), initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6, delay: index * 0.2 }, children: [layout === 'documentation' && icon && (_jsx("div", { className: cn('flex items-center justify-center mb-6', iconClassName), children: _jsx("div", { className: "text-white/80", children: icon }) })), _jsx("h3", { className: cn('text-2xl font-semibold text-white mb-3', contentVariants({ align: contentAlign }), titleClassName), children: title }), _jsx("p", { className: cn(descriptionVariants({ layout, align: contentAlign }), descriptionClassName), children: description }), layout === 'feature' && icon && (_jsx("div", { className: cn('flex-grow flex items-center justify-center my-8', iconClassName), children: _jsx("div", { className: "w-full h-28 flex items-center justify-center", children: icon }) })), button && _jsx("div", { className: "flex justify-center", children: button })] }));
+}
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"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"}

package/dist/components/Globe.d.ts

@@ -0,0 +1,14 @@
+export interface GlobePoint {
+    label: string;
+    icon: React.ReactNode;
+    position: {
+        x: number;
+        y: number;
+    };
+}
+export interface GlobeProps {
+    points?: GlobePoint[];
+    size?: number;
+}
+export declare function Globe({ points, size }: GlobeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Globe.d.ts.map

package/dist/components/Globe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../src/components/Globe.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,IAAU,EAAE,EAAE,UAAU,2CAiGvD"}

package/dist/components/Globe.js

@@ -0,0 +1,67 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import createGlobe from 'cobe';
+import { useEffect, useRef } from 'react';
+import { motion } from 'framer-motion';
+import { HiOutlineShare } from 'react-icons/hi';
+import { BsGlobe2 } from 'react-icons/bs';
+import { BiCctv } from 'react-icons/bi';
+export function Globe({ points, size = 500 }) {
+    const canvasRef = useRef(null);
+    const defaultPoints = [
+        {
+            label: 'Internet',
+            icon: _jsx(BsGlobe2, { className: "text-xl" }),
+            position: { x: 50, y: 25 },
+        },
+        {
+            label: 'CCTV',
+            icon: _jsx(BiCctv, { className: "text-xl" }),
+            position: { x: 25, y: 50 },
+        },
+        {
+            label: 'Social Media',
+            icon: _jsx(HiOutlineShare, { className: "text-xl" }),
+            position: { x: 75, y: 55 },
+        },
+    ];
+    const displayPoints = points || defaultPoints;
+    useEffect(() => {
+        let phi = 0;
+        if (!canvasRef.current)
+            return;
+        const globe = createGlobe(canvasRef.current, {
+            devicePixelRatio: 2,
+            width: size * 2,
+            height: size * 2,
+            phi: 0,
+            theta: 0,
+            dark: 1,
+            diffuse: 1.2,
+            mapSamples: 16000,
+            mapBrightness: 6,
+            baseColor: [0.1, 0.1, 0.1],
+            markerColor: [0.54, 0.68, 1],
+            glowColor: [0.2, 0.2, 0.3],
+            markers: [],
+            onRender: state => {
+                // Auto-rotate the globe
+                state.phi = phi;
+                phi += 0.003;
+            },
+        });
+        return () => {
+            globe.destroy();
+        };
+    }, [size]);
+    return (_jsxs("div", { className: "relative", style: { width: size, height: size }, children: [_jsx("canvas", { ref: canvasRef, style: {
+                    width: size,
+                    height: size,
+                    maxWidth: '100%',
+                    aspectRatio: '1',
+                } }), displayPoints.map((point, index) => (_jsx(motion.div, { className: "absolute -translate-x-1/2 -translate-y-1/2", style: {
+                    left: `${point.position.x}%`,
+                    top: `${point.position.y}%`,
+                }, initial: { opacity: 0, scale: 0 }, animate: { opacity: 1, scale: 1 }, transition: { delay: 0.5 + index * 0.2 }, children: _jsxs("div", { className: "relative group", children: [_jsx("div", { className: "w-14 h-14 rounded-full bg-black/60 border border-white/40 backdrop-blur-sm flex items-center justify-center group-hover:border-white/60 transition-colors text-white", children: point.icon }), _jsx("div", { className: "absolute top-full mt-2 left-1/2 -translate-x-1/2 whitespace-nowrap", children: _jsx("span", { className: "text-xs text-white/70 font-medium", children: point.label }) })] }) }, point.label)))] }));
+}
+//# sourceMappingURL=Globe.js.map

package/dist/components/Globe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Globe.js","sourceRoot":"","sources":["../../src/components/Globe.tsx"],"names":[],"mappings":"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"}

package/dist/components/GradientBackground.d.ts

@@ -0,0 +1,16 @@
+export interface GradientBackgroundProps {
+    position?: 'top' | 'bottom';
+    offset?: string;
+    width?: string;
+    height?: string;
+    colors?: {
+        start: string;
+        middle1: string;
+        middle2: string;
+        middle3: string;
+    };
+    blur?: string;
+    className?: string;
+}
+export declare function GradientBackground({ position, offset, width, height, colors, blur, className, }: GradientBackgroundProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=GradientBackground.d.ts.map

package/dist/components/GradientBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientBackground.d.ts","sourceRoot":"","sources":["../../src/components/GradientBackground.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAgB,EAChB,MAAe,EACf,KAAc,EACd,MAAgB,EAChB,MAKC,EACD,IAAa,EACb,SAAc,GACf,EAAE,uBAAuB,2CAezB"}

package/dist/components/GradientBackground.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function GradientBackground({ position = 'top', offset = '-70%', width = '130%', height = '100vh', colors = {
+    start: 'rgba(60, 40, 100, 0.9)',
+    middle1: 'rgba(50, 30, 80, 0.7)',
+    middle2: 'rgba(40, 20, 70, 0.6)',
+    middle3: 'rgba(30, 15, 50, 0.4)',
+}, blur = '60px', className = '', }) {
+    const background = `radial-gradient(circle at center, ${colors.start}, ${colors.middle1} 25%, ${colors.middle2} 45%, ${colors.middle3} 65%, transparent 80%)`;
+    return (_jsx("div", { className: `absolute left-1/2 -translate-x-1/2 pointer-events-none ${className}`, style: {
+            [position]: offset,
+            width,
+            height,
+            background,
+            filter: `blur(${blur})`,
+        } }));
+}
+//# sourceMappingURL=GradientBackground.js.map

package/dist/components/GradientBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientBackground.js","sourceRoot":"","sources":["../../src/components/GradientBackground.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAiBb,MAAM,UAAU,kBAAkB,CAAC,EACjC,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,OAAO,EAChB,MAAM,GAAG;IACP,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,uBAAuB;IAChC,OAAO,EAAE,uBAAuB;IAChC,OAAO,EAAE,uBAAuB;CACjC,EACD,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,EAAE,GACU;IACxB,MAAM,UAAU,GAAG,qCAAqC,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,OAAO,SAAS,MAAM,CAAC,OAAO,wBAAwB,CAAC;IAE9J,OAAO,CACL,cACE,SAAS,EAAE,0DAA0D,SAAS,EAAE,EAChF,KAAK,EAAE;YACL,CAAC,QAAQ,CAAC,EAAE,MAAM;YAClB,KAAK;YACL,MAAM;YACN,UAAU;YACV,MAAM,EAAE,QAAQ,IAAI,GAAG;SACxB,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/components/{coming-soon/HeroText.d.ts → HeroText.d.ts}

@@ -1,7 +1,6 @@
-interface HeroTextProps {
+export interface HeroTextProps {
     text: string;
     gradient?: string;
 }
 export declare function HeroText({ text, gradient, }: HeroTextProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=HeroText.d.ts.map

package/dist/components/HeroText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroText.d.ts","sourceRoot":"","sources":["../../src/components/HeroText.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,QAA2I,GAC5I,EAAE,aAAa,2CA2Bf"}

package/dist/components/HeroText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroText.js","sourceRoot":"","sources":["../../src/components/HeroText.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAOvC,MAAM,UAAU,QAAQ,CAAC,EACvB,IAAI,EACJ,QAAQ,GAAG,gIAAgI,GAC7H;IACd,OAAO,CACL,KAAC,MAAM,CAAC,EAAE,IACR,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EACxD,KAAK,EAAE;YACL,QAAQ,EAAE,0BAA0B;YACpC,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,GAAG;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,oBAAoB,EAAE,MAAM;YAC5B,cAAc,EAAE,MAAM;YACtB,mBAAmB,EAAE,aAAa;YAClC,SAAS,EAAE,QAAQ;YACnB,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,MAAM;YACjB,OAAO,EAAE,CAAC;YACV,UAAU,EACR,2FAA2F;YAC7F,MAAM,EAAE,6CAA6C;SACtD,YAEA,IAAI,GACK,CACb,CAAC;AACJ,CAAC"}

package/dist/components/InputField.d.ts

@@ -0,0 +1,25 @@
+import { type VariantProps } from 'class-variance-authority';
+declare const inputVariants: (props?: ({
+    variant?: "transparent" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    buttonPosition?: "left" | "right" | "none" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export interface InputFieldProps extends Omit<VariantProps<typeof inputVariants>, 'buttonPosition'> {
+    placeholder?: string;
+    onSubmit?: (value: string) => void;
+    onChange?: (value: string) => void;
+    value?: string;
+    defaultValue?: string;
+    showButton?: boolean;
+    buttonIcon?: React.ReactNode;
+    buttonPosition?: 'left' | 'right';
+    className?: string;
+    inputClassName?: string;
+    buttonClassName?: string;
+    containerClassName?: string;
+    disabled?: boolean;
+    type?: string;
+}
+export declare function InputField({ placeholder, onSubmit, onChange, value: controlledValue, defaultValue, showButton, buttonIcon, buttonPosition, variant, size, className, inputClassName, buttonClassName, containerClassName, disabled, type, }: InputFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=InputField.d.ts.map

package/dist/components/InputField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/components/InputField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,aAAa;;;;mFA0BlB,CAAC;AAuBF,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,EAAE,gBAAgB,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,UAAU,CAAC,EACzB,WAAoC,EACpC,QAAQ,EACR,QAAQ,EACR,KAAK,EAAE,eAAe,EACtB,YAAiB,EACjB,UAAiB,EACjB,UAA8D,EAC9D,cAAwB,EACxB,OAAuB,EACvB,IAAW,EACX,SAAc,EACd,cAAmB,EACnB,eAAoB,EACpB,kBAAuB,EACvB,QAAgB,EAChB,IAAa,GACd,EAAE,eAAe,2CA0DjB"}

package/dist/components/InputField.js

@@ -0,0 +1,73 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LuArrowUpRight } from 'react-icons/lu';
+import { useState } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../lib/utils';
+const inputVariants = cva('w-full rounded-full text-white placeholder:text-white/50 focus:outline-none transition-colors disabled:opacity-50 disabled:cursor-not-allowed', {
+    variants: {
+        variant: {
+            transparent: 'bg-transparent border border-white/20 focus:border-white/40',
+            filled: 'bg-white/5 border border-white/10 focus:border-white/30',
+        },
+        size: {
+            sm: 'px-4 py-2 text-xs',
+            md: 'px-6 py-4 text-sm',
+            lg: 'px-8 py-5 text-base',
+        },
+        buttonPosition: {
+            left: 'pl-14',
+            right: 'pr-14',
+            none: '',
+        },
+    },
+    defaultVariants: {
+        variant: 'transparent',
+        size: 'md',
+        buttonPosition: 'none',
+    },
+});
+const buttonVariants = cva('absolute top-1/2 -translate-y-1/2 bg-purple-600 hover:bg-purple-700 rounded-full transition-colors disabled:opacity-50 disabled:cursor-not-allowed', {
+    variants: {
+        size: {
+            sm: 'p-1.5',
+            md: 'p-2.5',
+            lg: 'p-3',
+        },
+        position: {
+            left: 'left-2',
+            right: 'right-2',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        position: 'right',
+    },
+});
+export function InputField({ placeholder = 'Ask CROW Anything...', onSubmit, onChange, value: controlledValue, defaultValue = '', showButton = true, buttonIcon = _jsx(LuArrowUpRight, { className: "w-4 h-4 text-white" }), buttonPosition = 'right', variant = 'transparent', size = 'md', className = '', inputClassName = '', buttonClassName = '', containerClassName = '', disabled = false, type = 'text', }) {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const value = controlledValue !== undefined ? controlledValue : internalValue;
+    const handleChange = (e) => {
+        const newValue = e.target.value;
+        if (controlledValue === undefined) {
+            setInternalValue(newValue);
+        }
+        onChange?.(newValue);
+    };
+    const handleSubmit = () => {
+        if (onSubmit && value.trim()) {
+            onSubmit(value);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' && !disabled) {
+            handleSubmit();
+        }
+    };
+    return (_jsxs("div", { className: cn('relative w-full max-w-md', containerClassName, className), children: [_jsx("input", { type: type, placeholder: placeholder, value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, className: cn(inputVariants({
+                    variant,
+                    size,
+                    buttonPosition: showButton ? buttonPosition : 'none',
+                }), inputClassName) }), showButton && (_jsx("button", { onClick: handleSubmit, disabled: disabled, className: cn(buttonVariants({ size, position: buttonPosition }), buttonClassName), children: buttonIcon }))] }));
+}
+//# sourceMappingURL=InputField.js.map

package/dist/components/InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.js","sourceRoot":"","sources":["../../src/components/InputField.tsx"],"names":[],"mappings":"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"}

package/dist/components/{coming-soon/Logo.d.ts → Logo.d.ts}

@@ -1,7 +1,6 @@
-interface LogoProps {
+export interface LogoProps {
     src: string;
     alt: string;
 }
 export declare function Logo({ src, alt }: LogoProps): import("react/jsx-runtime").JSX.Element;
-export {};
 //# sourceMappingURL=Logo.d.ts.map

package/dist/components/Logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../src/components/Logo.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,SAAS,2CAiB3C"}

package/dist/components/{coming-soon/Logo.js → Logo.js}

@@ -2,6 +2,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { motion } from 'framer-motion';
 export function Logo({ src, alt }) {
-    return (_jsx(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", children: _jsx("img", { src: src, alt: alt, width: 80, height: 80, className: "h-16 w-16 object-contain sm:h-20 sm:w-20" }) }));
+    return (_jsx(motion.div, { initial: { opacity: 0, y: -20 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.8, ease: 'easeOut' }, className: "absolute left-8 top-8 z-50", children: _jsx("img", { src: src, alt: alt, width: 80, height: 80, className: "h-16 w-16 object-contain sm:h-20 sm:w-20" }) }));
 }
 //# sourceMappingURL=Logo.js.map