@b3-crow/ui-kit 0.0.23 → 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.
+A modern React component library built with Framer Motion for smooth animations and designed for dark-themed web applications.
 
-## Preview
+![Coming Soon Page](https://raw.githubusercontent.com/CROW-B3/ui-kit/main/docs/screenshot.svg)
 
-![Coming Soon Page](./docs/screenshot.svg)
+## Features
 
-## Installation
+- 🎨 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
 
-```bash
-bun add @b3-crow/ui-kit
-```
+## Quick Start
 
-## Local Development
+### Installation
 
-```json
-"@b3-crow/ui-kit": "file:../ui-kit"
+```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/AnimatedBackground.d.ts

@@ -0,0 +1,9 @@
+export interface AnimatedBackgroundProps {
+    backgroundColor?: string;
+    primaryGlowColor?: string;
+    secondaryGlowColor?: string;
+    tertiaryGlowColor?: string;
+    primaryGlowOpacity?: number;
+}
+export declare function AnimatedBackground({ backgroundColor, primaryGlowColor, secondaryGlowColor, tertiaryGlowColor, primaryGlowOpacity, }: AnimatedBackgroundProps): import("react/jsx-runtime").JSX.Element;
+//# 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/AnimatedBackground.js

@@ -0,0 +1,43 @@
+'use client';
+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: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            zIndex: -10,
+            overflow: 'hidden',
+            pointerEvents: 'none',
+        }, children: [_jsx("div", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    background: backgroundColor,
+                } }), _jsx("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)',
+                } }), _jsx("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)',
+                } })] }));
+}
+//# sourceMappingURL=AnimatedBackground.js.map

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/HeroText.d.ts

@@ -0,0 +1,6 @@
+export interface HeroTextProps {
+    text: string;
+    gradient?: string;
+}
+export declare function HeroText({ text, gradient, }: HeroTextProps): import("react/jsx-runtime").JSX.Element;
+//# 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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { motion } from 'framer-motion';
+export function HeroText({ text, gradient = 'linear-gradient(70deg, #1B0637 0%, #210E3C 10%, #24113F 20%, #2E1A4B 35%, #3A2559 45%, #563F77 65%, #604882 80%, #765F97 100%)', }) {
+    return (_jsx(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))',
+        }, children: text }));
+}
+//# sourceMappingURL=HeroText.js.map

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"}