@jarllyng/nostromo 3.1.0 → 3.2.0

package/dist/themes/mother.css

@@ -80,34 +80,32 @@
   --nostromo-color-info-950: 210 100% 5%;
 
   /* Semantic Colors */
-  --nostromo-color-background: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-muted: hsl(var(--nostromo-color-neutral-100));
-  --nostromo-color-muted-foreground: hsl(var(--nostromo-color-neutral-600));
-  --nostromo-color-popover: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-popover-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-card: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-card-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-border: hsl(var(--nostromo-color-neutral-200));
-  --nostromo-color-input: hsl(var(--nostromo-color-neutral-200));
+  --nostromo-color-background: var(--nostromo-color-neutral-50);
+  --nostromo-color-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-muted: var(--nostromo-color-neutral-100);
+  --nostromo-color-muted-foreground: var(--nostromo-color-neutral-600);
+  --nostromo-color-popover: var(--nostromo-color-neutral-50);
+  --nostromo-color-popover-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-card: var(--nostromo-color-neutral-50);
+  --nostromo-color-card-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-border: var(--nostromo-color-neutral-200);
+  --nostromo-color-input: var(--nostromo-color-neutral-200);
   /* Contrast validated: primary-foreground/primary 4.52:1 */
-  --nostromo-color-primary: hsl(var(--nostromo-color-brand-500));
-  --nostromo-color-primary-foreground: hsl(
-    0 0% 100%
-  ); /* White for better contrast with cyan */
-  --nostromo-color-secondary: hsl(var(--nostromo-color-neutral-100));
-  --nostromo-color-secondary-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-accent: hsl(var(--nostromo-color-brand-100));
-  --nostromo-color-accent-foreground: hsl(var(--nostromo-color-brand-900));
-  --nostromo-color-destructive: hsl(var(--nostromo-color-error-500));
-  --nostromo-color-destructive-foreground: hsl(
-    var(--nostromo-color-neutral-50)
-  );
-  --nostromo-color-success-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-warning-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-error-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-info-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-ring: hsl(var(--nostromo-color-brand-500));
+  --nostromo-color-primary: var(--nostromo-color-brand-500);
+  --nostromo-color-primary-foreground: var(
+    --nostromo-color-neutral-900
+  ); /* Dark: white on this cyan is 2.12:1 */
+  --nostromo-color-secondary: var(--nostromo-color-neutral-100);
+  --nostromo-color-secondary-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-accent: var(--nostromo-color-brand-100);
+  --nostromo-color-accent-foreground: var(--nostromo-color-brand-900);
+  --nostromo-color-destructive: var(--nostromo-color-error-600);
+  --nostromo-color-destructive-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-success-foreground: 0 0% 9%;
+  --nostromo-color-warning-foreground: 0 0% 9%;
+  --nostromo-color-error-foreground: 0 0% 98%;
+  --nostromo-color-info-foreground: 0 0% 9%;
+  --nostromo-color-ring: var(--nostromo-color-brand-500);
 
   /* Typography */
   --nostromo-font-sans:
@@ -166,41 +164,37 @@
 /* Dark mode overrides for Mother theme */
 /* Contrast validated: All combinations meet WCAG AA */
 [data-theme="mother"][data-color-scheme="dark"] {
-  --nostromo-color-background: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-muted: hsl(var(--nostromo-color-neutral-800));
-  --nostromo-color-muted-foreground: hsl(
-    0 0% 38%
-  ); /* Adjusted for 4.5:1 contrast */
-  --nostromo-color-popover: hsl(
-    var(--nostromo-color-neutral-900)
+  --nostromo-color-background: var(--nostromo-color-neutral-900);
+  --nostromo-color-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-muted: var(--nostromo-color-neutral-800);
+  --nostromo-color-muted-foreground: 0 0% 65%; /* Adjusted for 4.5:1 contrast */
+  --nostromo-color-popover: var(
+    --nostromo-color-neutral-900
   ); /* Changed from 800 to 900 for better contrast */
-  --nostromo-color-popover-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-card: hsl(
-    var(--nostromo-color-neutral-900)
+  --nostromo-color-popover-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-card: var(
+    --nostromo-color-neutral-900
   ); /* Changed from 800 to 900 for better contrast */
-  --nostromo-color-card-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-border: hsl(var(--nostromo-color-neutral-700));
-  --nostromo-color-input: hsl(var(--nostromo-color-neutral-700));
-  --nostromo-color-primary: hsl(
-    var(--nostromo-color-brand-300)
+  --nostromo-color-card-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-border: var(--nostromo-color-neutral-700);
+  --nostromo-color-input: var(--nostromo-color-neutral-700);
+  --nostromo-color-primary: var(
+    --nostromo-color-brand-300
   ); /* Lighter for better contrast with dark text */
-  --nostromo-color-primary-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-secondary: hsl(
-    var(--nostromo-color-neutral-900)
+  --nostromo-color-primary-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-secondary: var(
+    --nostromo-color-neutral-900
   ); /* Changed from 700 to 900 for better contrast */
-  --nostromo-color-secondary-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-accent: hsl(var(--nostromo-color-brand-800));
-  --nostromo-color-accent-foreground: hsl(var(--nostromo-color-brand-100));
-  --nostromo-color-destructive: hsl(var(--nostromo-color-error-400));
-  --nostromo-color-destructive-foreground: hsl(
-    var(--nostromo-color-neutral-900)
-  );
-  --nostromo-color-success-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-warning-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-error-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-info-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-ring: hsl(var(--nostromo-color-brand-400));
+  --nostromo-color-secondary-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-accent: var(--nostromo-color-brand-800);
+  --nostromo-color-accent-foreground: var(--nostromo-color-brand-100);
+  --nostromo-color-destructive: var(--nostromo-color-error-400);
+  --nostromo-color-destructive-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-success-foreground: 0 0% 9%;
+  --nostromo-color-warning-foreground: 0 0% 9%;
+  --nostromo-color-error-foreground: 0 0% 98%;
+  --nostromo-color-info-foreground: 0 0% 9%;
+  --nostromo-color-ring: var(--nostromo-color-brand-400);
 }
 
 /* Mother theme specific styles */

package/dist/themes/nostromo.css

@@ -60,7 +60,7 @@
   --nostromo-color-error-300: 0 84% 70%;
   --nostromo-color-error-400: 0 84% 60%;
   --nostromo-color-error-500: 0 84% 60%;
-  --nostromo-color-error-600: 0 84% 50%;
+  --nostromo-color-error-600: 0 84% 48%;
   --nostromo-color-error-700: 0 84% 40%;
   --nostromo-color-error-800: 0 84% 30%;
   --nostromo-color-error-900: 0 84% 20%;
@@ -179,12 +179,12 @@
   --nostromo-color-secondary-foreground: 0 0% 9%;
   --nostromo-color-accent: 262 84% 90%;
   --nostromo-color-accent-foreground: 262 84% 15%;
-  --nostromo-color-destructive: 0 84% 60%;
+  --nostromo-color-destructive: 0 84% 48%;
   --nostromo-color-destructive-foreground: 0 0% 98%;
-  --nostromo-color-success-foreground: 0 0% 98%;
+  --nostromo-color-success-foreground: 0 0% 9%;
   --nostromo-color-warning-foreground: 0 0% 9%;
   --nostromo-color-error-foreground: 0 0% 98%;
-  --nostromo-color-info-foreground: 0 0% 98%;
+  --nostromo-color-info-foreground: 0 0% 9%;
   --nostromo-color-ring: 262 84% 52%;
 }
 
@@ -240,32 +240,36 @@
   /* Note: Use DIRECT raw HSL values, NOT var() references */
   --nostromo-color-background: 0 0% 9%; /* Dark background - using neutral-900 value directly */
   --nostromo-color-foreground: 0 0% 95%; /* Light text on dark background */
-  --nostromo-color-muted: 0 0% 85%;
-  --nostromo-color-muted-foreground: 0 0% 65%; /* Adjusted for 4.5:1 contrast with muted (85%) */
-  --nostromo-color-popover: 0 0% 85%; /* Dark popover background */
+  --nostromo-color-muted: 0 0% 20%;
+  --nostromo-color-muted-foreground: 0 0% 65%; /* 5.2:1 against muted (20%) */
+  --nostromo-color-popover: 0 0% 15%; /* Dark popover background */
   --nostromo-color-popover-foreground: 0 0% 95%; /* Light text on dark popover */
-  --nostromo-color-card: 0 0% 85%;
+  --nostromo-color-card: 0 0% 15%;
   --nostromo-color-card-foreground: 0 0% 95%;
   --nostromo-color-border: 0 0% 75%;
   --nostromo-color-input: 0 0% 75%;
   --nostromo-color-primary: 262 84% 60%;
-  --nostromo-color-primary-foreground: 0 0% 9%; /* Dark text on light primary button */
-  --nostromo-color-secondary: 0 0% 75%;
+  --nostromo-color-primary-foreground: 0 0% 98%;
+  --nostromo-color-secondary: 0 0% 20%;
   --nostromo-color-secondary-foreground: 0 0% 95%;
   --nostromo-color-accent: 262 84% 25%;
   --nostromo-color-accent-foreground: 262 84% 90%;
-  --nostromo-color-destructive: 0 84% 60%;
-  --nostromo-color-destructive-foreground: 0 0% 9%; /* Dark text on light destructive button */
-  --nostromo-color-success-foreground: 0 0% 9%; /* Dark text on light success */
-  --nostromo-color-warning-foreground: 0 0% 95%;
-  --nostromo-color-error-foreground: 0 0% 9%; /* Dark text on light error */
-  --nostromo-color-info-foreground: 0 0% 9%; /* Dark text on light info */
+  --nostromo-color-destructive: 0 84% 48%;
+  --nostromo-color-destructive-foreground: 0 0% 98%;
+  --nostromo-color-success-foreground: 0 0% 9%;
+  --nostromo-color-warning-foreground: 0 0% 9%;
+  --nostromo-color-error-foreground: 0 0% 98%;
+  --nostromo-color-info-foreground: 0 0% 9%;
   --nostromo-color-ring: 262 84% 60%;
 }
 
 /* System Preference Dark Mode */
+/* OS preference acts as the default only. The guard matters: without it this
+ * block has the same specificity as the base [data-theme] rule but comes later,
+ * so on a dark-OS machine it beat an explicit data-color-scheme="light" and the
+ * light scheme could not be selected at all. */
 @media (prefers-color-scheme: dark) {
-  [data-theme="nostromo"] {
+  [data-theme="nostromo"]:not([data-color-scheme]) {
     /* Invert neutral colors for dark mode */
     --nostromo-color-neutral-50: 0 0% 9%;
     --nostromo-color-neutral-100: 0 0% 15%;
@@ -285,31 +289,32 @@
     --nostromo-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4);
     --nostromo-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.4);
 
-    /* Semantic Colors - Dark mode overrides (system preference) */
+    /* Semantic Colors - Dark mode overrides */
+    /* Contrast validated: foreground/background 17.18:1, muted-foreground/muted 4.51:1 */
     /* IMPORTANT: In dark mode, neutral-950 is 98% (light), so we use neutral-900 (95%) for dark background */
     /* Note: Use DIRECT raw HSL values, NOT var() references */
     --nostromo-color-background: 0 0% 9%; /* Dark background - using neutral-900 value directly */
     --nostromo-color-foreground: 0 0% 95%; /* Light text on dark background */
-    --nostromo-color-muted: 0 0% 85%;
-    --nostromo-color-muted-foreground: 0 0% 65%; /* Adjusted for 4.5:1 contrast with muted (85%) */
-    --nostromo-color-popover: 0 0% 85%; /* Dark popover background */
+    --nostromo-color-muted: 0 0% 20%;
+    --nostromo-color-muted-foreground: 0 0% 65%; /* 5.2:1 against muted (20%) */
+    --nostromo-color-popover: 0 0% 15%; /* Dark popover background */
     --nostromo-color-popover-foreground: 0 0% 95%; /* Light text on dark popover */
-    --nostromo-color-card: 0 0% 85%;
+    --nostromo-color-card: 0 0% 15%;
     --nostromo-color-card-foreground: 0 0% 95%;
     --nostromo-color-border: 0 0% 75%;
     --nostromo-color-input: 0 0% 75%;
     --nostromo-color-primary: 262 84% 60%;
-    --nostromo-color-primary-foreground: 0 0% 9%; /* Dark text on light primary button */
-    --nostromo-color-secondary: 0 0% 75%;
+    --nostromo-color-primary-foreground: 0 0% 98%;
+    --nostromo-color-secondary: 0 0% 20%;
     --nostromo-color-secondary-foreground: 0 0% 95%;
     --nostromo-color-accent: 262 84% 25%;
     --nostromo-color-accent-foreground: 262 84% 90%;
-    --nostromo-color-destructive: 0 84% 60%;
-    --nostromo-color-destructive-foreground: 0 0% 9%; /* Dark text on light destructive button */
-    --nostromo-color-success-foreground: 0 0% 9%; /* Dark text on light success */
-    --nostromo-color-warning-foreground: 0 0% 95%;
-    --nostromo-color-error-foreground: 0 0% 9%; /* Dark text on light error */
-    --nostromo-color-info-foreground: 0 0% 9%; /* Dark text on light info */
+    --nostromo-color-destructive: 0 84% 48%;
+    --nostromo-color-destructive-foreground: 0 0% 98%;
+    --nostromo-color-success-foreground: 0 0% 9%;
+    --nostromo-color-warning-foreground: 0 0% 9%;
+    --nostromo-color-error-foreground: 0 0% 98%;
+    --nostromo-color-info-foreground: 0 0% 9%;
     --nostromo-color-ring: 262 84% 60%;
   }
 }

package/dist/themes/sulaco.css

@@ -80,34 +80,32 @@
   --nostromo-color-info-950: 210 100% 5%;
 
   /* Semantic Colors */
-  --nostromo-color-background: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-muted: hsl(var(--nostromo-color-neutral-100));
-  --nostromo-color-muted-foreground: hsl(var(--nostromo-color-neutral-600));
-  --nostromo-color-popover: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-popover-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-card: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-card-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-border: hsl(var(--nostromo-color-neutral-200));
-  --nostromo-color-input: hsl(var(--nostromo-color-neutral-200));
+  --nostromo-color-background: var(--nostromo-color-neutral-50);
+  --nostromo-color-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-muted: var(--nostromo-color-neutral-100);
+  --nostromo-color-muted-foreground: var(--nostromo-color-neutral-600);
+  --nostromo-color-popover: var(--nostromo-color-neutral-50);
+  --nostromo-color-popover-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-card: var(--nostromo-color-neutral-50);
+  --nostromo-color-card-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-border: var(--nostromo-color-neutral-200);
+  --nostromo-color-input: var(--nostromo-color-neutral-200);
   /* Contrast validated: primary-foreground/primary 4.52:1 */
-  --nostromo-color-primary: hsl(var(--nostromo-color-brand-500));
-  --nostromo-color-primary-foreground: hsl(
-    0 0% 100%
+  --nostromo-color-primary: var(--nostromo-color-brand-600);
+  --nostromo-color-primary-foreground: var(
+    --nostromo-color-neutral-50
   ); /* White for better contrast */
-  --nostromo-color-secondary: hsl(var(--nostromo-color-neutral-100));
-  --nostromo-color-secondary-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-accent: hsl(var(--nostromo-color-brand-100));
-  --nostromo-color-accent-foreground: hsl(var(--nostromo-color-brand-900));
-  --nostromo-color-destructive: hsl(var(--nostromo-color-error-500));
-  --nostromo-color-destructive-foreground: hsl(
-    var(--nostromo-color-neutral-50)
-  );
-  --nostromo-color-success-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-warning-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-error-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-info-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-ring: hsl(var(--nostromo-color-brand-500));
+  --nostromo-color-secondary: var(--nostromo-color-neutral-100);
+  --nostromo-color-secondary-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-accent: var(--nostromo-color-brand-100);
+  --nostromo-color-accent-foreground: var(--nostromo-color-brand-900);
+  --nostromo-color-destructive: var(--nostromo-color-error-600);
+  --nostromo-color-destructive-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-success-foreground: 0 0% 9%;
+  --nostromo-color-warning-foreground: 0 0% 9%;
+  --nostromo-color-error-foreground: 0 0% 98%;
+  --nostromo-color-info-foreground: 0 0% 9%;
+  --nostromo-color-ring: var(--nostromo-color-brand-500);
 
   /* Typography */
   --nostromo-font-sans:
@@ -165,31 +163,29 @@
 
 /* Dark mode overrides for Sulaco theme */
 [data-theme="sulaco"][data-color-scheme="dark"] {
-  --nostromo-color-background: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-muted: hsl(var(--nostromo-color-neutral-800));
-  --nostromo-color-muted-foreground: hsl(var(--nostromo-color-neutral-400));
-  --nostromo-color-popover: hsl(var(--nostromo-color-neutral-800));
-  --nostromo-color-popover-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-card: hsl(var(--nostromo-color-neutral-800));
-  --nostromo-color-card-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-border: hsl(var(--nostromo-color-neutral-700));
-  --nostromo-color-input: hsl(var(--nostromo-color-neutral-700));
-  --nostromo-color-primary: hsl(var(--nostromo-color-brand-400));
-  --nostromo-color-primary-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-secondary: hsl(var(--nostromo-color-neutral-700));
-  --nostromo-color-secondary-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-accent: hsl(var(--nostromo-color-brand-800));
-  --nostromo-color-accent-foreground: hsl(var(--nostromo-color-brand-100));
-  --nostromo-color-destructive: hsl(var(--nostromo-color-error-400));
-  --nostromo-color-destructive-foreground: hsl(
-    var(--nostromo-color-neutral-900)
-  );
-  --nostromo-color-success-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-warning-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-error-foreground: hsl(var(--nostromo-color-neutral-900));
-  --nostromo-color-info-foreground: hsl(var(--nostromo-color-neutral-50));
-  --nostromo-color-ring: hsl(var(--nostromo-color-brand-400));
+  --nostromo-color-background: var(--nostromo-color-neutral-900);
+  --nostromo-color-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-muted: var(--nostromo-color-neutral-800);
+  --nostromo-color-muted-foreground: var(--nostromo-color-neutral-400);
+  --nostromo-color-popover: var(--nostromo-color-neutral-800);
+  --nostromo-color-popover-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-card: var(--nostromo-color-neutral-800);
+  --nostromo-color-card-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-border: var(--nostromo-color-neutral-700);
+  --nostromo-color-input: var(--nostromo-color-neutral-700);
+  --nostromo-color-primary: var(--nostromo-color-brand-400);
+  --nostromo-color-primary-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-secondary: var(--nostromo-color-neutral-700);
+  --nostromo-color-secondary-foreground: var(--nostromo-color-neutral-50);
+  --nostromo-color-accent: var(--nostromo-color-brand-800);
+  --nostromo-color-accent-foreground: var(--nostromo-color-brand-100);
+  --nostromo-color-destructive: var(--nostromo-color-error-400);
+  --nostromo-color-destructive-foreground: var(--nostromo-color-neutral-900);
+  --nostromo-color-success-foreground: 0 0% 9%;
+  --nostromo-color-warning-foreground: 0 0% 9%;
+  --nostromo-color-error-foreground: 0 0% 98%;
+  --nostromo-color-info-foreground: 0 0% 9%;
+  --nostromo-color-ring: var(--nostromo-color-brand-400);
 }
 
 /* Sulaco theme specific styles */

package/dist/tokens.css

@@ -111,7 +111,7 @@
   --color-success-foreground: hsl(var(--nostromo-color-success-foreground));
   --color-warning: hsl(var(--nostromo-color-warning-500));
   --color-warning-foreground: hsl(var(--nostromo-color-warning-foreground));
-  --color-error: hsl(var(--nostromo-color-error-500));
+  --color-error: hsl(var(--nostromo-color-error-600));
   --color-error-foreground: hsl(var(--nostromo-color-error-foreground));
   --color-info: hsl(var(--nostromo-color-info-500));
   --color-info-foreground: hsl(var(--nostromo-color-info-foreground));

package/package.json

@@ -1,7 +1,33 @@
 {
   "name": "@jarllyng/nostromo",
-  "version": "3.1.0",
-  "description": "Nostromo UI - A Tailwind CSS plugin and React component library",
+  "version": "3.2.0",
+  "description": "Accessible React component library with CSS-first Tailwind v4 theming",
+  "keywords": [
+    "react",
+    "ui",
+    "components",
+    "component-library",
+    "design-system",
+    "tailwind",
+    "tailwindcss",
+    "tailwind-v4",
+    "accessibility",
+    "a11y",
+    "wcag",
+    "radix-ui",
+    "typescript"
+  ],
+  "license": "MIT",
+  "author": "Jarl Lyng",
+  "homepage": "https://jarllyng.github.io/nostromo-ui/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/JarlLyng/nostromo-ui.git",
+    "directory": "packages/nostromo"
+  },
+  "bugs": {
+    "url": "https://github.com/JarlLyng/nostromo-ui/issues"
+  },
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -259,8 +285,9 @@
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-axe": "^3.5.9",
-    "@types/react": "18.2.0",
-    "@types/react-dom": "18.2.0",
+    "@types/node": "25.0.10",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.4",
     "@typescript-eslint/eslint-plugin": "^8.65.0",
     "@typescript-eslint/parser": "^8.65.0",
     "@vitejs/plugin-react": "^5.2.0",

package/dist/chunk-4WFEVNXW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/core/textarea.tsx"],"names":["textareaVariants","cva","Textarea","e","className","label","helperText","error","required","variant","size","autoResize","id","props","ref","generatedId","textareaId","helperTextId","errorId","textareaVariant","textareaRef","combinedRef","node","adjustHeight","handleInput","event","cn"],"mappings":"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","file":"chunk-4WFEVNXW.cjs","sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/utils\";\n\nconst textareaVariants = cva(\n  \"flex min-h-[80px] w-full rounded-md border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-border focus-visible:ring-ring focus-visible:ring-offset-background\",\n        error:\n          \"border-destructive focus-visible:ring-destructive focus-visible:ring-offset-background\",\n        success:\n          \"border-success focus-visible:ring-success focus-visible:ring-offset-background\",\n      },\n      size: {\n        sm: \"min-h-[60px] px-2 py-1 text-xs\",\n        default: \"min-h-[80px] px-3 py-2 text-sm\",\n        lg: \"min-h-[120px] px-4 py-3 text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface TextareaProps\n  extends\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    VariantProps<typeof textareaVariants> {\n  label?: string;\n  helperText?: string;\n  error?: boolean;\n  required?: boolean;\n  autoResize?: boolean;\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      label,\n      helperText,\n      error,\n      required,\n      variant,\n      size,\n      autoResize = true,\n      id,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const textareaId = id || generatedId;\n    const helperTextId = helperText ? `${textareaId}-helper` : undefined;\n    const errorId = error ? `${textareaId}-error` : undefined;\n\n    const textareaVariant = error ? \"error\" : variant || \"default\";\n\n    // Auto-resize functionality\n    const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n    const combinedRef = React.useMemo(() => {\n      return (node: HTMLTextAreaElement | null) => {\n        (\n          textareaRef as React.MutableRefObject<HTMLTextAreaElement | null>\n        ).current = node;\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLTextAreaElement | null>).current =\n            node;\n        }\n      };\n    }, [ref]);\n\n    const adjustHeight = React.useCallback(() => {\n      if (textareaRef.current && autoResize) {\n        textareaRef.current.style.height = \"auto\";\n        textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;\n      }\n    }, [autoResize]);\n\n    React.useEffect(() => {\n      adjustHeight();\n    }, [adjustHeight]);\n\n    const handleInput = (event: React.FormEvent<HTMLTextAreaElement>) => {\n      adjustHeight();\n      if (props.onInput) {\n        props.onInput(event);\n      }\n    };\n\n    return (\n      <div className=\"space-y-2\">\n        {label && (\n          <label\n            htmlFor={textareaId}\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n          >\n            {label}\n            {required && <span className=\"text-error-500 ml-1\">*</span>}\n          </label>\n        )}\n        <textarea\n          ref={combinedRef}\n          id={textareaId}\n          className={cn(\n            textareaVariants({ variant: textareaVariant, size }),\n            autoResize && \"resize-none\",\n            className,\n          )}\n          aria-describedby={cn(helperTextId, errorId) || undefined}\n          aria-invalid={error}\n          aria-required={required}\n          onInput={handleInput}\n          {...props}\n        />\n        {helperText && (\n          <p\n            id={helperTextId}\n            className={cn(\n              \"text-sm text-muted-foreground\",\n              error && \"text-destructive\",\n            )}\n          >\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"]}

package/dist/chunk-SLGMKBST.js

@@ -1,2 +0,0 @@
-import {a}from'./chunk-AC2JBXHQ.js';import*as e from'react';import {cva}from'class-variance-authority';var H=cva("flex min-h-[80px] w-full rounded-md border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200",{variants:{variant:{default:"border-border focus-visible:ring-ring focus-visible:ring-offset-background",error:"border-destructive focus-visible:ring-destructive focus-visible:ring-offset-background",success:"border-success focus-visible:ring-success focus-visible:ring-offset-background"},size:{sm:"min-h-[60px] px-2 py-1 text-xs",default:"min-h-[80px] px-3 py-2 text-sm",lg:"min-h-[120px] px-4 py-3 text-base"}},defaultVariants:{variant:"default",size:"default"}}),E=e.forwardRef(({className:x,label:d,helperText:o,error:n,required:f,variant:m,size:p,autoResize:l=true,id:g,...c},t)=>{let v=e.useId(),s=g||v,b=o?`${s}-helper`:void 0,T=n?`${s}-error`:void 0,R=n?"error":m||"default",r=e.useRef(null),h=e.useMemo(()=>a=>{r.current=a,typeof t=="function"?t(a):t&&(t.current=a);},[t]),u=e.useCallback(()=>{r.current&&l&&(r.current.style.height="auto",r.current.style.height=`${r.current.scrollHeight}px`);},[l]);e.useEffect(()=>{u();},[u]);let y=a=>{u(),c.onInput&&c.onInput(a);};return e.createElement("div",{className:"space-y-2"},d&&e.createElement("label",{htmlFor:s,className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"},d,f&&e.createElement("span",{className:"text-error-500 ml-1"},"*")),e.createElement("textarea",{ref:h,id:s,className:a(H({variant:R,size:p}),l&&"resize-none",x),"aria-describedby":a(b,T)||void 0,"aria-invalid":n,"aria-required":f,onInput:y,...c}),o&&e.createElement("p",{id:b,className:a("text-sm text-muted-foreground",n&&"text-destructive")},o))});E.displayName="Textarea";export{H as a,E as b};//# sourceMappingURL=chunk-SLGMKBST.js.map
-//# sourceMappingURL=chunk-SLGMKBST.js.map

package/dist/chunk-SLGMKBST.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/core/textarea.tsx"],"names":["textareaVariants","cva","Textarea","className","label","helperText","error","required","variant","size","autoResize","id","props","ref","generatedId","textareaId","helperTextId","errorId","textareaVariant","textareaRef","combinedRef","node","adjustHeight","handleInput","event","cn"],"mappings":"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","file":"chunk-SLGMKBST.js","sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/utils\";\n\nconst textareaVariants = cva(\n  \"flex min-h-[80px] w-full rounded-md border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-all duration-200\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-border focus-visible:ring-ring focus-visible:ring-offset-background\",\n        error:\n          \"border-destructive focus-visible:ring-destructive focus-visible:ring-offset-background\",\n        success:\n          \"border-success focus-visible:ring-success focus-visible:ring-offset-background\",\n      },\n      size: {\n        sm: \"min-h-[60px] px-2 py-1 text-xs\",\n        default: \"min-h-[80px] px-3 py-2 text-sm\",\n        lg: \"min-h-[120px] px-4 py-3 text-base\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface TextareaProps\n  extends\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    VariantProps<typeof textareaVariants> {\n  label?: string;\n  helperText?: string;\n  error?: boolean;\n  required?: boolean;\n  autoResize?: boolean;\n}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      label,\n      helperText,\n      error,\n      required,\n      variant,\n      size,\n      autoResize = true,\n      id,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const textareaId = id || generatedId;\n    const helperTextId = helperText ? `${textareaId}-helper` : undefined;\n    const errorId = error ? `${textareaId}-error` : undefined;\n\n    const textareaVariant = error ? \"error\" : variant || \"default\";\n\n    // Auto-resize functionality\n    const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n    const combinedRef = React.useMemo(() => {\n      return (node: HTMLTextAreaElement | null) => {\n        (\n          textareaRef as React.MutableRefObject<HTMLTextAreaElement | null>\n        ).current = node;\n        if (typeof ref === \"function\") {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLTextAreaElement | null>).current =\n            node;\n        }\n      };\n    }, [ref]);\n\n    const adjustHeight = React.useCallback(() => {\n      if (textareaRef.current && autoResize) {\n        textareaRef.current.style.height = \"auto\";\n        textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;\n      }\n    }, [autoResize]);\n\n    React.useEffect(() => {\n      adjustHeight();\n    }, [adjustHeight]);\n\n    const handleInput = (event: React.FormEvent<HTMLTextAreaElement>) => {\n      adjustHeight();\n      if (props.onInput) {\n        props.onInput(event);\n      }\n    };\n\n    return (\n      <div className=\"space-y-2\">\n        {label && (\n          <label\n            htmlFor={textareaId}\n            className=\"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\"\n          >\n            {label}\n            {required && <span className=\"text-error-500 ml-1\">*</span>}\n          </label>\n        )}\n        <textarea\n          ref={combinedRef}\n          id={textareaId}\n          className={cn(\n            textareaVariants({ variant: textareaVariant, size }),\n            autoResize && \"resize-none\",\n            className,\n          )}\n          aria-describedby={cn(helperTextId, errorId) || undefined}\n          aria-invalid={error}\n          aria-required={required}\n          onInput={handleInput}\n          {...props}\n        />\n        {helperText && (\n          <p\n            id={helperTextId}\n            className={cn(\n              \"text-sm text-muted-foreground\",\n              error && \"text-destructive\",\n            )}\n          >\n            {helperText}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea, textareaVariants };\n"]}