praxys-ui 1.0.4 → 1.2.0

package/CHANGELOG.md

@@ -0,0 +1,240 @@
+# Changelog
+
+All notable changes to Praxys UI are documented here.
+
+## [1.2.0] — Feb 15, 2026
+
+**3 New Form Components — Complete Your Forms**
+
+Essential form components to complete your UI toolkit: Date Picker with range selection, Combobox with search, and Color Picker with HSL controls — bringing the total to 63 components.
+
+### Added
+
+- Date Picker — animated calendar popup with month/year navigation, single/range selection, keyboard navigation, disabled dates support
+- Combobox — searchable select with filtering, single/multi-select modes, keyboard navigation, search highlighting, loading state
+- Color Picker — HSL sliders, hex input, preset swatches, alpha channel, format toggle (HEX/RGB/HSL), copy to clipboard
+
+### Fixed
+
+- Skip-to-content accessibility link — now only appears on real keyboard Tab, never on route navigation
+- AnimatedInput and AnimatedTextarea — support both controlled and uncontrolled usage for Playground compatibility
+
+### Improved
+
+- CLI updated to v1.2.0 with all 63 components
+- Component count updated from 60 to 63 across site
+
+## [1.1.0] — Feb 14, 2026
+
+**11 New Components — Forms, Layout & Data**
+
+11 new components covering forms (Input, Select, Textarea, Checkbox, Radio), feedback (Alert, Sheet), data display (Pagination, Timeline, Stats Card), and layout (Divider) — bringing the total to 60. CLI updated to v1.1.0.
+
+### Added
+
+- Animated Input — floating label, animated focus ring, left/right icons, error state, 3 sizes
+- Animated Select — custom dropdown with keyboard navigation, spring animations, click-outside close
+- Animated Textarea — floating label, auto-resize, character counter, animated focus ring
+- Checkbox — animated SVG checkmark with pathLength draw, spring scale, error state, ARIA checkbox role
+- Radio Group — animated dot selection, horizontal/vertical layout, keyboard navigation, ARIA radiogroup
+- Alert — 4 variants (info/success/warning/error) with auto-icons, dismissible with animated exit
+- Pagination — sliding active indicator with layoutId, ellipsis, prev/next, 2 sizes
+- Sheet — slide-in drawer from 4 sides, backdrop blur, Escape close, scroll lock
+- Divider — horizontal/vertical with optional label, gradient mode, animated entrance
+- Timeline — alternating two-column layout, staggered scroll animations, active/completed states
+- Stats Card — animated counter with useSpring, trend indicator, icon slot
+
+### Fixed
+
+- Navbar — replaced useEffect setState with React-idiomatic derived state pattern for route change detection
+- Sidebar — same derived state fix to comply with react-hooks/set-state-in-effect rule
+- Header inconsistency — docs pages now use the shared Navbar instead of a separate custom header
+
+### Improved
+
+- CLI updated to v1.1.0 with all 60 components published to npm
+- Component count updated from 50 to 60 across landing page and registry
+- Navbar — active link highlighting, skip-to-content accessibility link
+- Docs — breadcrumbs on all pages, slim footer, back-to-top button
+- Changelog — extracted data to single source of truth, auto-generates CHANGELOG.md
+- ComponentPreview — proper ARIA tab roles (tablist, tab, tabpanel)
+- 404 page — now has Navbar/Footer, fixed stale template count
+- Loading skeletons added to changelog, templates, examples, and customize pages
+
+## [0.9.0] — Feb 10, 2026
+
+**10 New Components & CLI v0.3.0**
+
+10 new interactive components spanning modals, tooltips, dropdowns, progress indicators, and more — bringing the total to 50. CLI updated to v0.3.0.
+
+### Added
+
+- Modal Dialog — animated modal with backdrop blur, spring scale, Escape key, scroll lock, and ARIA attributes
+- Tooltip — 4-position tooltip with configurable delay, direction-aware animation, and arrow pointer
+- Dropdown Menu — full keyboard navigation, click-outside close, divider and disabled item support
+- Progress Bar — animated bar with sm/md/lg sizes, candy-stripe overlay, custom colors, and label/value display
+- Stepper — horizontal/vertical multi-step indicator with animated check icons and connector fill
+- Image Comparison — before/after slider with pointer-capture drag, clip-based reveal, and animated handle
+- Animated Counter — spring-physics number counter triggered on scroll into view with prefix/suffix/decimals
+- Infinite Scroll — Intersection Observer-based with configurable threshold and animated loader
+- Command Menu — search-filtered palette with grouped items, keyboard nav, match highlighting, and shortcut badges
+- Animated Toggle — switch with spring-animated knob, 3 sizes, ARIA role="switch", and disabled state
+
+### Improved
+
+- CLI updated to v0.3.0 with all 50 components published to npm
+- Component count updated from 34 to 50 across landing page and registry
+
+## [0.8.0] — Feb 2, 2026
+
+**New Components, Theme Customizer & Open Source**
+
+10 new components, interactive theme customizer with export, Props Playground for all components, and full open-source community setup.
+
+### Added
+
+- Typewriter Text — animated typing effect with cursor and configurable speed
+- Toast Notification — stackable toast system with multiple variants
+- Accordion — smooth expand/collapse with icon rotation
+- Animated Tabs — tab switcher with sliding indicator and content transitions
+- Magnetic Cursor — element that pulls toward the mouse pointer
+- Parallax Scroll — depth-based scroll animations for layered content
+- Gradient Mesh — animated multi-point gradient background
+- Skeleton Loader — pulsing placeholder for loading states
+- Morphing Text — smooth text transitions between words
+- Spotlight Card — card with mouse-following light effect
+- Theme Customizer page (/customize) with color pickers, 6 presets, live preview, and CSS export
+- Interactive Props Playground with live controls for all 34 components
+- Live interactive demos on component showcase (landing page)
+- 6 interactive template pages with preview toolbar and responsive viewport switcher
+- CONTRIBUTING.md, CODE_OF_CONDUCT.md, issue templates, and PR template for open source
+
+### Fixed
+
+- Nested <a> tags in ComponentShowcase — replaced Link with div + useRouter
+- ToastContainer crash when toasts/onDismiss are undefined in playground
+- LogoSlider animation shorthand/longhand conflict in React 19
+- Missing playground defaults for glass-dock and logo-slider
+- CopyButton invisible on touch devices — now always visible on mobile
+
+### Improved
+
+- CLI updated to v0.2.0 with all 34 components
+- Component showcase redesigned with live demos instead of placeholder cards
+- Dark mode text contrast improved (--color-text-faint bumped to #6b6560)
+- Comprehensive responsive design fixes across all components and pages
+
+## [0.7.0] — Jan 11, 2026
+
+**SEO, Accessibility & Polish**
+
+Comprehensive SEO metadata, accessibility audit fixes, and public assets.
+
+### Added
+
+- Open Graph and Twitter Card metadata across all pages
+- Dynamic generateMetadata for all /docs/[slug] pages
+- SVG favicon, robots.txt, and sitemap.xml
+
+### Fixed
+
+- suppressHydrationWarning on body to handle browser extension attributes
+
+### Improved
+
+- ARIA labels, roles, and keyboard navigation on Navbar, CommandPalette, Sidebar
+- Focus trap in command palette dialog
+- aria-current="page" on active sidebar links
+
+## [0.6.0] — Jan 8, 2026
+
+**Bug Fix Pass**
+
+Major audit fixing 10 issues across the docs — broken links, duplicate pages, layout problems, and error handling.
+
+### Fixed
+
+- Broken /docs/components links across 5 files — now points to /docs/components-overview
+- Mobile menu not closing on link click in Navbar
+- Duplicate IntroductionPage — single source of truth now
+- ComponentPageClient dynamic import error handling with .catch() and error state
+- Sidebar slug extraction for trailing slashes
+- ComponentsOverviewPage uses sidebar order, removed dead code
+- Component count corrected to 24, added missing Logo Slider
+- GitHub links in Footer now point to actual repository
+
+### Improved
+
+- Docs layout.tsx extracted to server component + DocsShell client component
+
+## [0.5.0] — Jan 7, 2026
+
+**CLI Tool & Templates**
+
+Added a CLI for scaffolding components and a templates gallery page.
+
+### Added
+
+- npx praxys-ui CLI with init, add, and list commands
+- Templates gallery page with 6 template previews
+- CLI docs page at /docs/cli
+
+## [0.4.0] — Jan 4, 2026
+
+**Command Palette**
+
+Ctrl+K fuzzy search across all components and documentation pages.
+
+### Added
+
+- Ctrl+K / Cmd+K keyboard shortcut to open search
+- Fuzzy matching with scoring (exact > starts with > contains > fuzzy)
+- Arrow key navigation and Enter to select
+
+## [0.3.0] — Jan 2, 2026
+
+**Complete Component Library**
+
+All 24 components implemented with live previews, code examples, and props tables.
+
+### Added
+
+- Interactive Book — 3D page-flip book component
+- Logo Slider — infinite marquee logo carousel
+- Animated Hero — cinematic hero section with parallax
+- Masked Avatars — overlapping avatar stack with hover reveal
+- Folder Preview — macOS-style folder with hover preview
+- Liquid Ocean, Liquid Metal, Reveal Loader — visual effects
+- Spotlight Navbar, Glass Dock — navigation components
+- Flip Fade Text, 3D Displacement Text — text effects
+- Testimonials Card, Staggered Grid, Expandable Bento Grid, Perspective Grid — cards & layout
+- Creepy Button, Social Flip Button — button variants
+
+## [0.2.0] — Dec 22, 2025
+
+**Theme System & First Components**
+
+Light/dark mode with CSS custom properties and the first 6 animated components.
+
+### Added
+
+- Light/dark theme toggle with localStorage persistence and FOUC prevention
+- Animated Button, Flip Text, Glow Border Card, Animated Number, Line Hover Link, Light Lines
+- Shiki dual-theme code blocks (vitesse-dark + vitesse-light)
+- Component preview with Preview/Code tab switcher
+
+## [0.1.0] — Dec 15, 2025
+
+**Initial Release**
+
+Project scaffolding, design system, landing page, and docs infrastructure.
+
+### Added
+
+- Next.js 16 project with React 19, Tailwind CSS 4, Framer Motion 12
+- Praxys brand palette — Void, Obsidian, Ignite, Blush, Chalk
+- Font stack — Geist Pixel Square, Satoshi, JetBrains Mono
+- Landing page with 7 sections (Navbar, Hero, Showcase, Features, Grid, CTA, Footer)
+- Docs with sidebar navigation and dynamic [slug] routing
+- Getting Started pages (Installation, Tailwind, Utilities)
+- Component registry architecture with lazy-loaded demos

package/dist/index.js

@@ -6,7 +6,7 @@ import prompts from "prompts";
 import { existsSync, mkdirSync, writeFileSync } from "fs";
 import { join } from "path";
 import { execSync } from "child_process";
-const VERSION = "1.0.4";
+const VERSION = "1.2.0";
 // ─── Utility file contents ──────────────────────────────
 const UTILS_CONTENT = `import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -19,19 +19,28 @@ export function cn(...inputs: ClassValue[]) {
 const COMPONENTS_BASE_URL = "https://raw.githubusercontent.com/sushanttverma/Praxys-UI/main/app/components/ui";
 const COMPONENT_LIST = [
     "accordion",
+    "alert",
     "animated-button",
     "animated-counter",
     "animated-hero",
+    "animated-input",
     "animated-number",
+    "animated-select",
     "animated-tabs",
+    "animated-textarea",
     "animated-toggle",
     "avatar-group",
     "badge",
     "breadcrumbs",
+    "checkbox",
+    "color-picker",
+    "combobox",
     "command-menu",
     "creepy-button",
     "data-table",
+    "date-picker",
     "displacement-text",
+    "divider",
     "dropdown-menu",
     "expandable-bento-grid",
     "flip-fade-text",
@@ -53,18 +62,23 @@ const COMPONENT_LIST = [
     "masked-avatars",
     "modal-dialog",
     "morphing-text",
+    "pagination",
     "parallax-scroll",
     "perspective-grid",
     "progress-bar",
+    "radio-group",
     "reveal-loader",
+    "sheet",
     "skeleton-loader",
     "social-flip-button",
     "spotlight-card",
     "spotlight-navbar",
     "staggered-grid",
+    "stats-card",
     "stepper",
     "tag-input",
     "testimonials-card",
+    "timeline",
     "toast-notification",
     "tooltip",
     "typewriter-text",

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "praxys-ui",
-  "version": "1.0.4",
+  "version": "1.2.0",
   "type": "module",
   "description": "CLI for scaffolding Praxys UI components into your project",
   "bin": {
     "praxys-ui": "dist/index.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "CHANGELOG.md"
   ],
   "scripts": {
     "build": "tsc",