@b3-crow/ui-kit 0.0.26 → 0.0.28

package/dist/components/AnimatedBackground.d.ts

@@ -4,6 +4,9 @@ export interface AnimatedBackgroundProps {
     secondaryGlowColor?: string;
     tertiaryGlowColor?: string;
     primaryGlowOpacity?: number;
+    enableVerticalFade?: boolean;
+    fadeIntensity?: number;
+    variant?: 'contained' | 'fullscreen';
 }
-export declare function AnimatedBackground({ backgroundColor, primaryGlowColor, secondaryGlowColor, tertiaryGlowColor, primaryGlowOpacity, }: AnimatedBackgroundProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedBackground({ backgroundColor, primaryGlowColor, secondaryGlowColor, tertiaryGlowColor, primaryGlowOpacity, enableVerticalFade, fadeIntensity, variant, }: AnimatedBackgroundProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AnimatedBackground.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"AnimatedBackground.d.ts","sourceRoot":"","sources":["../../src/components/AnimatedBackground.tsx"],"names":[],"mappings":"AAIA,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;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;CACtC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,eAA2B,EAC3B,gBAA4B,EAC5B,kBAAgC,EAChC,iBAA+B,EAC/B,kBAAwB,EACxB,kBAA0B,EAC1B,aAAoB,EACpB,OAAqB,GACtB,EAAE,uBAAuB,2CA4KzB"}

package/dist/components/AnimatedBackground.js

@@ -1,8 +1,32 @@
 '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, }) {
+import { useState, useEffect } from 'react';
+export function AnimatedBackground({ backgroundColor = '#000000', primaryGlowColor = '#854ED2', secondaryGlowColor = '#ffffffbd', tertiaryGlowColor = '#e0c8ffbe', primaryGlowOpacity = 0.5, enableVerticalFade = false, fadeIntensity = 0.85, variant = 'contained', }) {
+    const [scrollFade, setScrollFade] = useState(fadeIntensity);
+    useEffect(() => {
+        if (!enableVerticalFade)
+            return;
+        const handleScroll = () => {
+            const scrollPosition = window.scrollY;
+            const windowHeight = window.innerHeight;
+            const documentHeight = document.documentElement.scrollHeight;
+            // Calculate scroll percentage (0 to 1)
+            const maxScroll = documentHeight - windowHeight;
+            const scrollPercentage = maxScroll > 0 ? scrollPosition / maxScroll : 0;
+            // Map scroll percentage to fadeIntensity
+            // Start at the provided fadeIntensity and increase to 0.98 as you scroll
+            const minFade = Math.min(fadeIntensity, 0.3);
+            const maxFade = 0.98;
+            const newFadeIntensity = minFade + scrollPercentage * (maxFade - minFade);
+            setScrollFade(newFadeIntensity);
+        };
+        handleScroll(); // Initial call
+        window.addEventListener('scroll', handleScroll, { passive: true });
+        return () => window.removeEventListener('scroll', handleScroll);
+    }, [enableVerticalFade, fadeIntensity]);
+    const activeFadeIntensity = enableVerticalFade ? scrollFade : fadeIntensity;
     return (_jsxs("div", { style: {
-            position: 'absolute',
+            position: variant === 'fullscreen' ? 'fixed' : 'absolute',
             top: 0,
             left: 0,
             right: 0,
@@ -10,34 +34,106 @@ export function AnimatedBackground({ backgroundColor = '#000000', primaryGlowCol
             zIndex: -10,
             overflow: 'hidden',
             pointerEvents: 'none',
-        }, children: [_jsx("div", { style: {
+        }, children: [_jsx("style", { children: `
+          @keyframes drift {
+            0% {
+              transform: translate(-50%, -50%) translate(0, 0);
+            }
+            25% {
+              transform: translate(-50%, -50%) translate(-100px, -80px);
+            }
+            50% {
+              transform: translate(-50%, -50%) translate(50px, -120px);
+            }
+            75% {
+              transform: translate(-50%, -50%) translate(-80px, 60px);
+            }
+            100% {
+              transform: translate(-50%, -50%) translate(0, 0);
+            }
+          }
+
+          @keyframes driftSecondary {
+            0% {
+              transform: translate(-50%, -50%) translate(0, 0) scale(1);
+            }
+            25% {
+              transform: translate(-50%, -50%) translate(120px, 90px) scale(1.15);
+            }
+            50% {
+              transform: translate(-50%, -50%) translate(-60px, 140px) scale(0.9);
+            }
+            75% {
+              transform: translate(-50%, -50%) translate(100px, -70px) scale(1.1);
+            }
+            100% {
+              transform: translate(-50%, -50%) translate(0, 0) scale(1);
+            }
+          }
+
+          @keyframes pulseGlow {
+            0%, 100% {
+              opacity: 0.5;
+            }
+            50% {
+              opacity: 0.7;
+            }
+          }
+
+          @keyframes pulseGlowSecondary {
+            0%, 100% {
+              opacity: 0.8;
+            }
+            50% {
+              opacity: 1;
+            }
+          }
+
+          .glow-primary {
+            animation: drift 12s ease-in-out infinite, pulseGlow 4s ease-in-out infinite;
+          }
+
+          .glow-secondary {
+            animation: driftSecondary 10s ease-in-out infinite;
+          }
+        ` }), _jsx("div", { style: {
                     position: 'absolute',
                     top: 0,
                     left: 0,
                     right: 0,
                     bottom: 0,
                     background: backgroundColor,
-                } }), _jsx("div", { style: {
+                } }), _jsx("div", { className: "glow-primary", 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: {
+                } }), _jsx("div", { className: "glow-secondary", 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)',
-                } })] }));
+                } }), enableVerticalFade && (_jsx("div", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    background: `linear-gradient(to bottom,
+              rgba(0, 0, 0, 0) 0%,
+              rgba(0, 0, 0, 0) 10%,
+              rgba(0, 0, 0, ${activeFadeIntensity * 0.3}) 30%,
+              rgba(0, 0, 0, ${activeFadeIntensity * 0.6}) 60%,
+              rgba(0, 0, 0, ${activeFadeIntensity}) 100%)`,
+                    pointerEvents: 'none',
+                } }))] }));
 }
 //# sourceMappingURL=AnimatedBackground.js.map

package/dist/components/AnimatedBackground.js.map

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

package/dist/components/Card.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 declare const cardVariants: (props?: ({
-    border?: "none" | "first" | "middle" | "last" | null | undefined;
+    border?: "top" | "left" | "right" | "bottom" | "all" | "none" | "top-bottom" | "left-right" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export interface CardProps extends VariantProps<typeof cardVariants> {
     title: string;
@@ -17,6 +17,6 @@ export interface CardProps extends VariantProps<typeof cardVariants> {
     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 declare function Card({ title, description, icon, button, index, isFirst, isLast, layout, className, titleClassName, descriptionClassName, iconClassName, contentAlign, border, }: CardProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +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"}
+{"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;;mFAuBjB,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,EACrB,MAAM,GACP,EAAE,SAAS,2CA+EX"}

package/dist/components/Card.js

@@ -3,12 +3,20 @@ 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', {
+const cardVariants = cva('relative p-8 flex flex-col h-full backdrop-blur-sm group border-white/10 overflow-visible', {
     variants: {
         border: {
-            first: 'border-l border-r',
-            middle: 'border-r',
-            last: 'border-r',
+            all: 'border',
+            top: 'border-t',
+            bottom: 'border-b',
+            left: 'border-l',
+            right: 'border-r',
+            'top-bottom': 'border-t border-b',
+            'left-right': 'border-l border-r',
+            'top-left': 'border-t border-l',
+            'top-right': 'border-t border-r',
+            'bottom-left': 'border-b border-l',
+            'bottom-right': 'border-b border-r',
             none: '',
         },
     },
@@ -43,8 +51,9 @@ const descriptionVariants = cva('text-sm leading-relaxed mb-8', {
         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 })] }));
+export function Card({ title, description, icon, button, index, isFirst = false, isLast = false, layout = 'feature', className = '', titleClassName = '', descriptionClassName = '', iconClassName = '', contentAlign = 'left', border, }) {
+    // Use explicit border prop if provided, otherwise fall back to legacy isFirst/isLast logic
+    const borderVariant = border || (isFirst ? 'left-right' : isLast ? 'right' : 'right');
+    return (_jsxs(motion.div, { className: cn(cardVariants({ border: borderVariant }), className, 'relative'), initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6, delay: index * 0.2 }, children: [_jsx("div", { className: "absolute top-0 left-0 right-0 h-[1px] bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 h-[1px] bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), _jsx("div", { className: "absolute top-[1px] left-0 w-3 h-3 bg-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), _jsx("div", { className: "absolute top-[1px] right-0 w-3 h-3 bg-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), _jsx("div", { className: "absolute bottom-[1px] left-0 w-3 h-3 bg-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), _jsx("div", { className: "absolute bottom-[1px] right-0 w-3 h-3 bg-white/30 opacity-0 group-hover:opacity-100 transition-opacity duration-300" }), 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

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

package/dist/components/Globe.d.ts

@@ -1,10 +1,7 @@
 export interface GlobePoint {
     label: string;
     icon: React.ReactNode;
-    position: {
-        x: number;
-        y: number;
-    };
+    location: [number, number];
 }
 export interface GlobeProps {
     points?: GlobePoint[];

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

@@ -1 +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"}
+{"version":3,"file":"Globe.d.ts","sourceRoot":"","sources":["../../src/components/Globe.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAwOD,wBAAgB,KAAK,CAAC,EAAE,MAAM,EAAE,IAAU,EAAE,EAAE,UAAU,2CAoKvD"}

package/dist/components/Globe.js

@@ -1,67 +1,290 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import createGlobe from 'cobe';
-import { useEffect, useRef } from 'react';
+import { useEffect, useRef, useState } 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 },
-        },
+// Generate icosphere vertices and edges for wireframe mesh
+const generateIcosphere = (subdivisions = 2) => {
+    const t = (1 + Math.sqrt(5)) / 2;
+    // Base icosahedron vertices
+    let vertices = [
+        { x: -1, y: t, z: 0 },
+        { x: 1, y: t, z: 0 },
+        { x: -1, y: -t, z: 0 },
+        { x: 1, y: -t, z: 0 },
+        { x: 0, y: -1, z: t },
+        { x: 0, y: 1, z: t },
+        { x: 0, y: -1, z: -t },
+        { x: 0, y: 1, z: -t },
+        { x: t, y: 0, z: -1 },
+        { x: t, y: 0, z: 1 },
+        { x: -t, y: 0, z: -1 },
+        { x: -t, y: 0, z: 1 },
+    ];
+    // Base faces (triangles)
+    let faces = [
+        [0, 11, 5],
+        [0, 5, 1],
+        [0, 1, 7],
+        [0, 7, 10],
+        [0, 10, 11],
+        [1, 5, 9],
+        [5, 11, 4],
+        [11, 10, 2],
+        [10, 7, 6],
+        [7, 1, 8],
+        [3, 9, 4],
+        [3, 4, 2],
+        [3, 2, 6],
+        [3, 6, 8],
+        [3, 8, 9],
+        [4, 9, 5],
+        [2, 4, 11],
+        [6, 2, 10],
+        [8, 6, 7],
+        [9, 8, 1],
     ];
+    // Normalize vertex
+    const normalize = (v) => {
+        const len = Math.sqrt(v.x * v.x + v.y * v.y + v.z * v.z);
+        return { x: v.x / len, y: v.y / len, z: v.z / len };
+    };
+    // Get midpoint and add to vertices
+    const getMidpoint = (v1, v2) => {
+        return normalize({
+            x: (v1.x + v2.x) / 2,
+            y: (v1.y + v2.y) / 2,
+            z: (v1.z + v2.z) / 2,
+        });
+    };
+    // Normalize initial vertices
+    vertices = vertices.map(normalize);
+    // Subdivide
+    for (let i = 0; i < subdivisions; i++) {
+        const newFaces = [];
+        faces.forEach(face => {
+            const [a, b, c] = face;
+            const va = vertices[a];
+            const vb = vertices[b];
+            const vc = vertices[c];
+            // Get midpoints
+            const mab = getMidpoint(va, vb);
+            const mbc = getMidpoint(vb, vc);
+            const mca = getMidpoint(vc, va);
+            // Add midpoints to vertices
+            const iab = vertices.length;
+            vertices.push(mab);
+            const ibc = vertices.length;
+            vertices.push(mbc);
+            const ica = vertices.length;
+            vertices.push(mca);
+            // Create 4 new triangles
+            newFaces.push([a, iab, ica]);
+            newFaces.push([b, ibc, iab]);
+            newFaces.push([c, ica, ibc]);
+            newFaces.push([iab, ibc, ica]);
+        });
+        faces = newFaces;
+    }
+    // Extract unique edges from faces
+    const edgeSet = new Set();
+    const edges = [];
+    faces.forEach(face => {
+        const [a, b, c] = face;
+        const pairs = [
+            [a, b],
+            [b, c],
+            [c, a],
+        ];
+        pairs.forEach(([i, j]) => {
+            const key = i < j ? `${i}-${j}` : `${j}-${i}`;
+            if (!edgeSet.has(key)) {
+                edgeSet.add(key);
+                edges.push({ a: i, b: j });
+            }
+        });
+    });
+    return { vertices, edges };
+};
+// Rotate a 3D point around Y axis
+const rotateY = (v, angle) => {
+    const cos = Math.cos(angle);
+    const sin = Math.sin(angle);
+    return {
+        x: v.x * cos - v.z * sin,
+        y: v.y,
+        z: v.x * sin + v.z * cos,
+    };
+};
+// Rotate a 3D point around X axis
+const rotateX = (v, angle) => {
+    const cos = Math.cos(angle);
+    const sin = Math.sin(angle);
+    return {
+        x: v.x,
+        y: v.y * cos - v.z * sin,
+        z: v.y * sin + v.z * cos,
+    };
+};
+// Project 3D to 2D (orthographic projection to maintain perfect circle)
+const project = (v, radius, size) => {
+    return {
+        x: size / 2 + v.x * radius,
+        y: size / 2 - v.y * radius,
+    };
+};
+// Convert lat/long to 3D and calculate screen position
+const calculatePointPosition = (lat, long, rotation, size) => {
+    const latRad = (lat * Math.PI) / 180;
+    const longRad = (long * Math.PI) / 180;
+    let vertex = {
+        x: Math.cos(latRad) * Math.sin(longRad),
+        y: Math.sin(latRad),
+        z: Math.cos(latRad) * Math.cos(longRad),
+    };
+    vertex = rotateY(vertex, rotation);
+    vertex = rotateX(vertex, 0.3);
+    const projected = project(vertex, size * 0.4, size);
+    const baseScale = vertex.z > 0 ? 1 + vertex.z * 0.3 : 0.7 + vertex.z * 0.3;
+    // Smooth fade transition instead of instant disappearance
+    let opacity = 1;
+    if (vertex.z > 0.3) {
+        opacity = 1; // Fully visible in front
+    }
+    else if (vertex.z > -0.3) {
+        // Gradual fade in the transition zone
+        opacity = (vertex.z + 0.3) / 0.6;
+    }
+    else {
+        opacity = 0; // Fully hidden behind
+    }
+    return {
+        x: projected.x,
+        y: projected.y,
+        z: vertex.z,
+        scale: Math.max(0.5, baseScale),
+        opacity,
+    };
+};
+const defaultPoints = [
+    {
+        label: 'Internet',
+        icon: _jsx(BsGlobe2, { className: "text-3xl" }),
+        location: [20, 0],
+    },
+    { label: 'CCTV', icon: _jsx(BiCctv, { className: "text-3xl" }), location: [0, -60] },
+    {
+        label: 'Social Media',
+        icon: _jsx(HiOutlineShare, { className: "text-3xl" }),
+        location: [-10, 50],
+    },
+];
+export function Globe({ points, size = 600 }) {
+    const canvasRef = useRef(null);
+    const [pointPositions, setPointPositions] = useState([]);
+    const rotationRef = useRef(-0.2);
+    const scaleIndexRef = useRef(0);
+    const scalingRef = useRef(false);
+    const scaleStartTimeRef = useRef(0);
+    const animationRef = useRef(undefined);
     const displayPoints = points || defaultPoints;
     useEffect(() => {
-        let phi = 0;
-        if (!canvasRef.current)
+        const canvas = canvasRef.current;
+        if (!canvas)
             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;
-            },
-        });
+        const ctx = canvas.getContext('2d');
+        if (!ctx)
+            return;
+        const { vertices, edges } = generateIcosphere(2);
+        const radius = size * 0.4;
+        const render = () => {
+            ctx.clearRect(0, 0, size, size);
+            // Rotate and project vertices
+            const rotated = vertices.map(v => {
+                let rv = rotateY(v, rotationRef.current);
+                rv = rotateX(rv, 0.3);
+                return rv;
+            });
+            // Draw edges
+            ctx.strokeStyle = 'rgba(255, 255, 255, 0.4)';
+            ctx.lineWidth = 1.5;
+            edges.forEach(edge => {
+                const v1 = rotated[edge.a];
+                const v2 = rotated[edge.b];
+                if (v1.z > -0.5 || v2.z > -0.5) {
+                    const p1 = project(v1, radius, size);
+                    const p2 = project(v2, radius, size);
+                    ctx.beginPath();
+                    ctx.moveTo(p1.x, p1.y);
+                    ctx.lineTo(p2.x, p2.y);
+                    ctx.stroke();
+                }
+            });
+            // Draw vertices as small dots
+            ctx.fillStyle = 'rgba(255, 255, 255, 0.5)';
+            rotated.forEach(v => {
+                if (v.z > -0.5) {
+                    const p = project(v, radius, size);
+                    ctx.beginPath();
+                    ctx.arc(p.x, p.y, 2, 0, Math.PI * 2);
+                    ctx.fill();
+                }
+            });
+            // Update point positions
+            const positions = displayPoints.map(point => calculatePointPosition(point.location[0], point.location[1], rotationRef.current, size));
+            // Sequential scaling - brief pulse when icon reaches front
+            const currentPos = positions[scaleIndexRef.current];
+            const now = Date.now();
+            if (currentPos && currentPos.z > 0.4 && !scalingRef.current) {
+                scalingRef.current = true;
+                scaleStartTimeRef.current = now;
+            }
+            if (scalingRef.current) {
+                const elapsed = now - scaleStartTimeRef.current;
+                const scaleDuration = 500;
+                if (elapsed < scaleDuration && currentPos) {
+                    const progress = elapsed / scaleDuration;
+                    const pulseAmount = Math.sin(progress * Math.PI);
+                    currentPos.scale *= 1 + pulseAmount * 0.35;
+                }
+                else {
+                    scalingRef.current = false;
+                    scaleIndexRef.current =
+                        (scaleIndexRef.current + 1) % displayPoints.length;
+                }
+            }
+            setPointPositions(positions);
+            rotationRef.current += 0.003;
+            animationRef.current = requestAnimationFrame(render);
+        };
+        render();
         return () => {
-            globe.destroy();
+            if (animationRef.current) {
+                cancelAnimationFrame(animationRef.current);
+            }
         };
-    }, [size]);
-    return (_jsxs("div", { className: "relative", style: { width: size, height: size }, children: [_jsx("canvas", { ref: canvasRef, style: {
+    }, [size, displayPoints]);
+    return (_jsxs("div", { className: "relative", style: { width: size, height: size }, children: [_jsx("canvas", { ref: canvasRef, width: size, height: size, 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)))] }));
+                } }), displayPoints.map((point, index) => {
+                const pos = pointPositions[index];
+                if (!pos)
+                    return null;
+                return (_jsx(motion.div, { className: "absolute -translate-x-1/2 -translate-y-1/2 pointer-events-none", style: {
+                        left: pos.x,
+                        top: pos.y,
+                        opacity: pos.opacity,
+                        zIndex: pos.z > 0 ? 10 : 5,
+                    }, animate: {
+                        scale: pos.scale,
+                    }, transition: {
+                        scale: { duration: 0.3, ease: 'easeOut' },
+                    }, children: _jsxs("div", { className: "relative", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-black/70 border-2 border-white/50 backdrop-blur-sm flex items-center justify-center text-white shadow-lg", 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-sm text-white font-medium drop-shadow-lg", children: point.label }) })] }) }, point.label));
+            })] }));
 }
 //# sourceMappingURL=Globe.js.map

package/dist/components/Globe.js.map

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

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

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

package/dist/components/InputField.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LuArrowUpRight } from 'react-icons/lu';
 import { useState } from 'react';
+import { motion } from 'framer-motion';
 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', {
@@ -64,7 +65,7 @@ export function InputField({ placeholder = 'Ask CROW Anything...', onSubmit, onC
             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({
+    return (_jsxs(motion.div, { className: cn('relative w-full max-w-md', containerClassName, className), initial: { opacity: 0, y: 20 }, whileInView: { opacity: 1, y: 0 }, viewport: { once: true }, transition: { duration: 0.6 }, children: [_jsx("input", { type: type, placeholder: placeholder, value: value, onChange: handleChange, onKeyDown: handleKeyDown, disabled: disabled, className: cn(inputVariants({
                     variant,
                     size,
                     buttonPosition: showButton ? buttonPosition : 'none',

package/dist/components/InputField.js.map

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

package/dist/styles.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.top-1\/2{top:50%}.top-8{top:calc(var(--spacing)*8)}.top-full{top:100%}.right-2{right:calc(var(--spacing)*2)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-8{left:calc(var(--spacing)*8)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing)*8)}.mt-2{margin-top:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-4{height:calc(var(--spacing)*4)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-28{height:calc(var(--spacing)*28)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-8{gap:calc(var(--spacing)*8)}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-purple-600{background-color:var(--color-purple-600)}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.object-contain{object-fit:contain}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-24{padding-block:calc(var(--spacing)*24)}.pr-14{padding-right:calc(var(--spacing)*14)}.pl-14{padding-left:calc(var(--spacing)*14)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab,var(--color-white)70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-80{opacity:.8}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\:border-white\/60:is(:where(.group):hover *){border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.group-hover\:border-white\/60:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.group-hover\:bg-white\/5:is(:where(.group):hover *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-white\/5:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}.placeholder\:text-white\/50::placeholder{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/50::placeholder{color:color-mix(in oklab,var(--color-white)50%,transparent)}}@media (hover:hover){.hover\:border-white\/50:hover{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/50:hover{border-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-white\/30:focus{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.focus\:border-white\/30:focus{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.focus\:border-white\/40:focus{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.focus\:border-white\/40:focus{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:h-20{height:calc(var(--spacing)*20)}.sm\:w-20{width:calc(var(--spacing)*20)}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--drop-shadow-lg:0 4px 4px #00000026;--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-8{top:calc(var(--spacing)*8)}.top-\[1px\]{top:1px}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[1px\]{bottom:1px}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-8{left:calc(var(--spacing)*8)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-8{margin-block:calc(var(--spacing)*8)}.mt-2{margin-top:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-16{height:calc(var(--spacing)*16)}.h-28{height:calc(var(--spacing)*28)}.h-\[1px\]{height:1px}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-16{width:calc(var(--spacing)*16)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-visible{overflow:visible}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-purple-600{background-color:var(--color-purple-600)}.bg-transparent{background-color:#0000}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.object-contain{object-fit:contain}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-8{padding:calc(var(--spacing)*8)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-24{padding-block:calc(var(--spacing)*24)}.pr-14{padding-right:calc(var(--spacing)*14)}.pl-14{padding-left:calc(var(--spacing)*14)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab,var(--color-white)40%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-lg{--tw-drop-shadow-size:drop-shadow(0 4px 4px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-lg));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.group-hover\:bg-white\/5:is(:where(.group):hover *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.group-hover\:bg-white\/5:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-white\/50::placeholder{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.placeholder\:text-white\/50::placeholder{color:color-mix(in oklab,var(--color-white)50%,transparent)}}@media (hover:hover){.hover\:border-white\/50:hover{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/50:hover{border-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-white\/30:focus{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.focus\:border-white\/30:focus{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.focus\:border-white\/40:focus{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.focus\:border-white\/40:focus{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:h-20{height:calc(var(--spacing)*20)}.sm\:w-20{width:calc(var(--spacing)*20)}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@b3-crow/ui-kit",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "description": "CROW-B3 UI Kit",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -36,7 +36,7 @@
   "devDependencies": {
     "@antfu/eslint-config": "^6.2.0",
     "@commitlint/config-conventional": "^20.0.0",
-    "@tailwindcss/cli": "4.1.17",
+    "@tailwindcss/cli": "4.1.18",
     "@tailwindcss/postcss": "^4.1.17",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",