astro-component-kit 0.2.2 → 0.3.0

package/README.md

@@ -321,11 +321,11 @@ Every component is built with accessibility as a first-class concern:
 
 | Command | Description |
 |---------|-------------|
-| `npm run dev` | Start the docs site dev server |
-| `npm run build` | Build the docs site for production |
+| `npm run dev` | Start the docs site dev server (`http://localhost:4321`) |
+| `npm run build` | Build the docs site for production (generates `dist/` for Coolify/deployment) |
 | `npm run preview` | Preview the built docs site locally |
-| `npm run deploy:ftp` | Deploy docs to astrocomponents.dev via FTP |
-| `npm run typecheck` | Run TypeScript type checking |
+| `npm run typecheck` | Run Astro & TypeScript type checking |
+| `npm run registry:generate` | Automatically regenerate component registry data |
 
 ### Adding a New Component
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-component-kit",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "A premium, open-source accessible UI component library for Astro",
   "type": "module",
   "main": "./src/components/index.ts",
@@ -17,7 +17,6 @@
     "./navigation": "./src/components/lib/navigation/index.ts",
     "./overlays": "./src/components/lib/overlays/index.ts",
     "./typography": "./src/components/lib/typography/index.ts",
-    "./utilities": "./src/components/lib/utilities/index.ts",
     "./sections": "./src/components/lib/sections/index.ts",
     "./charts": "./src/components/lib/charts/index.ts",
     "./global.css": "./src/styles/global.css"
@@ -34,12 +33,11 @@
   "scripts": {
     "dev": "astro dev",
     "build": "astro build",
-    "build:lib": "node scripts/build-lib.mjs",
     "preview": "astro preview",
     "astro": "astro",
-    "typecheck": "tsc --noEmit",
-    "prepublishOnly": "npm run build:lib",
-    "deploy:ftp": "node scripts/deploy-ftp.mjs"
+    "typecheck": "astro check",
+    "registry:generate": "node scripts/generate-registry.mjs",
+    "prepublishOnly": "astro check"
   },
   "keywords": [
     "astro",
@@ -81,13 +79,17 @@
   "engines": {
     "node": ">=22.12.0"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@astrojs/sitemap": "^3.7.2"
+  },
   "devDependencies": {
+    "@astrojs/check": "^0.9.10",
     "@types/three": "^0.184.0",
     "apexcharts": "^3.45.1",
     "astro": ">=5.0.0",
-    "basic-ftp": "^5.3.0",
     "fs-extra": "^11.3.4",
-    "three": "^0.184.0"
+    "playwright": "^1.62.1",
+    "three": "^0.184.0",
+    "typescript": "^5.9.3"
   }
 }

package/src/components/index.ts

@@ -5,21 +5,20 @@
 //   import { GlowButton, GlassCard, GlassNavbar } from '@/components';
 // ============================================================
 
-// Root-level components
-export { default as AnimatedInput } from './lib/AnimatedInput.astro';
-export { default as Badge } from './lib/Badge.astro';
-export { default as GlassButton } from './lib/GlassButton.astro';
-export { default as GlassCard } from './lib/GlassCard.astro';
-export { default as GlassNavbar } from './lib/GlassNavbar.astro';
-export { default as GlowButton } from './lib/GlowButton.astro';
+// Root-level unique components
+export { default as AnimatedGalaxy } from './lib/AnimatedGalaxy.astro';
+export { default as Galaxy3D } from './lib/Galaxy3D.astro';
+export { default as LogoWithGalaxy } from './lib/LogoWithGalaxy.astro';
 
 // Buttons
-export { default as ThreeDPushButton } from './lib/buttons/3dPushButton.astro';
+export { default as ThreeDPushButton } from './lib/buttons/ThreeDPushButton.astro';
 export { default as AnimatedIconButton } from './lib/buttons/AnimatedIconButton.astro';
 export { default as BorderDrawButton } from './lib/buttons/BorderDrawButton.astro';
 export { default as CyberpunkButton } from './lib/buttons/CyberpunkButton.astro';
 export { default as DoubleBorderButton } from './lib/buttons/DoubleBorderButton.astro';
 export { default as GhostOutlineButton } from './lib/buttons/GhostOutlineButton.astro';
+export { default as GlassButton } from './lib/buttons/GlassButton.astro';
+export { default as GlowButton } from './lib/buttons/GlowButton.astro';
 export { default as LiquidButton } from './lib/buttons/LiquidButton.astro';
 export { default as LoadingButton } from './lib/buttons/LoadingButton.astro';
 export { default as MagneticButton } from './lib/buttons/MagneticButton.astro';
@@ -36,6 +35,7 @@ export { default as TiltGlowButton } from './lib/buttons/TiltGlowButton.astro';
 export { default as BlogHorizontalCard } from './lib/cards/BlogHorizontalCard.astro';
 export { default as CyberFeatureCard } from './lib/cards/CyberFeatureCard.astro';
 export { default as EcommerceProductCard } from './lib/cards/EcommerceProductCard.astro';
+export { default as GlassCard } from './lib/cards/GlassCard.astro';
 export { default as GlassEventCard } from './lib/cards/GlassEventCard.astro';
 export { default as GlowPortfolioCard } from './lib/cards/GlowPortfolioCard.astro';
 export { default as InteractiveTiltCard } from './lib/cards/InteractiveTiltCard.astro';
@@ -76,6 +76,7 @@ export { default as VerticalTimeline } from './lib/data/VerticalTimeline.astro';
 
 // Feedback
 export { default as AnimatedCheckmark } from './lib/feedback/AnimatedCheckmark.astro';
+export { default as Badge } from './lib/feedback/Badge.astro';
 export { default as CircleProgress } from './lib/feedback/CircleProgress.astro';
 export { default as ConfettiFeedback } from './lib/feedback/ConfettiFeedback.astro';
 export { default as CyberGlitchAlert } from './lib/feedback/CyberGlitchAlert.astro';
@@ -96,6 +97,7 @@ export { default as ToastNotif } from './lib/feedback/ToastNotif.astro';
 export { default as TypingIndicator } from './lib/feedback/TypingIndicator.astro';
 
 // Forms
+export { default as AnimatedInput } from './lib/forms/AnimatedInput.astro';
 export { default as ChipInput } from './lib/forms/ChipInput.astro';
 export { default as ColorPickerInput } from './lib/forms/ColorPickerInput.astro';
 export { default as CurrencyInput } from './lib/forms/CurrencyInput.astro';
@@ -118,8 +120,8 @@ export { default as StepperInput } from './lib/forms/StepperInput.astro';
 
 // Layout
 export { default as BentoGrid3 } from './lib/layout/BentoGrid3.astro';
-export { default as CenteredContainer } from './lib/layout/CenteredContainer.astro';
 export { default as CenterFixedBox } from './lib/layout/CenterFixedBox.astro';
+export { default as CenteredContainer } from './lib/layout/CenteredContainer.astro';
 export { default as ClusterHorizontal } from './lib/layout/ClusterHorizontal.astro';
 export { default as FeatureHero } from './lib/layout/FeatureHero.astro';
 export { default as FooterCenteredMinimal } from './lib/layout/FooterCenteredMinimal.astro';
@@ -146,6 +148,7 @@ export { default as BurgerMorphIcon } from './lib/navigation/BurgerMorphIcon.ast
 export { default as CommandPaletteUI } from './lib/navigation/CommandPaletteUI.astro';
 export { default as DotNavigationSlider } from './lib/navigation/DotNavigationSlider.astro';
 export { default as FloatingTabBar } from './lib/navigation/FloatingTabBar.astro';
+export { default as GlassNavbar } from './lib/navigation/GlassNavbar.astro';
 export { default as LangSwitcherPill } from './lib/navigation/LangSwitcherPill.astro';
 export { default as MegaMenuGlass } from './lib/navigation/MegaMenuGlass.astro';
 export { default as MinimalSidebar } from './lib/navigation/MinimalSidebar.astro';

package/src/components/lib/AnimatedGalaxy.astro

@@ -1,12 +1,14 @@
 ---
 interface Props {
   className?: string;
+  class?: string;
+  style?: string;
 }
 
-const { className = '' } = Astro.props;
+const { className = '', class: classProp = '', style = '' } = Astro.props;
 ---
 
-<svg class="animated-galaxy-svg {className}" viewBox="0 0 800 500" aria-hidden="true" preserveAspectRatio="xMidYMid slice">
+<svg class={`animated-galaxy-svg ${className} ${classProp}`.trim()} style={style} viewBox="0 0 800 500" aria-hidden="true" preserveAspectRatio="xMidYMid slice">
   <defs>
     <!-- Very subtle core glow -->
     <radialGradient id="galaxyCoreGlow" cx="50%" cy="50%" r="50%">