@hyddenlabs/hydn-ui 0.3.0-alpha.2 → 0.3.0-alpha.202

package/README.md

@@ -186,7 +186,6 @@ const customButton: ButtonProps = {
 - Avatar, Badge, Chip
 - Table, Data Table, List
 - Timeline, Code Block
-- Price Display, Pricing
 - Empty State
 
 ### Layout
@@ -435,6 +434,7 @@ HYDN UI includes comprehensive CSS validation tools to ensure all Tailwind class
 ### Why This Matters
 
 When building a component library with Tailwind CSS, it's critical to ensure that:
+
 - All classes used in components are actually generated in the final CSS
 - No classes are accidentally misspelled or reference non-existent theme tokens
 - The generated CSS file contains everything consumers need
@@ -450,6 +450,7 @@ npm run audit:css
 ```
 
 This script:
+
 - ✅ Extracts all className usages from your components
 - ✅ Validates them against the generated `dist/style.css`
 - ✅ Reports missing classes with file locations
@@ -457,6 +458,7 @@ This script:
 - ✅ Filters out template literals and conditional logic
 
 **Example Output:**
+
 ```
 🔍 Auditing CSS classes...
 
@@ -482,6 +484,7 @@ npm run test:css
 ```
 
 This runs `tests/css-validation.test.ts` which:
+
 - ✅ Checks for critical component classes
 - ✅ Validates theme tokens (CSS custom properties)
 - ✅ Ensures CSS file is not empty
@@ -510,7 +513,7 @@ npm run audit:css && npm run build && npm test
 ```tsx
 // ❌ Bad - class might not be generated
 const sizeClass = `w-${size}`;
-<div className={sizeClass} />
+<div className={sizeClass} />;
 
 // ✅ Good - explicit mapping
 const sizeClasses = {
@@ -518,18 +521,18 @@ const sizeClasses = {
   md: 'w-6',
   lg: 'w-8'
 };
-<div className={sizeClasses[size]} />
+<div className={sizeClasses[size]} />;
 ```
 
 **CI/CD integration** - The GitHub Actions workflows automatically run CSS validation on every push and before publishing.
 
 ### Validation Commands Summary
 
-| Command | Purpose |
-|---------|---------|
-| `npm run audit:css` | Comprehensive class validation |
-| `npm run test:css` | Quick CSS validation tests |
-| `npm test` | Full test suite (includes CSS checks) |
+| Command             | Purpose                               |
+| ------------------- | ------------------------------------- |
+| `npm run audit:css` | Comprehensive class validation        |
+| `npm run test:css`  | Quick CSS validation tests            |
+| `npm test`          | Full test suite (includes CSS checks) |
 
 ## Tech Stack