@srcroot/ui 0.0.55 → 0.0.58

package/src/registry/themes/v3/rose.css

@@ -1,158 +1,158 @@
-/**
- * @srcroot/ui - Rose Theme (Tailwind 3)
- * Soft and elegant pinkish-red
- */
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    :root {
-        --background: 0 0% 100%;
-        --foreground: 346.8 77.2% 49.8%;
-
-        --card: 0 0% 100%;
-        --card-foreground: 346.8 77.2% 49.8%;
-
-        --popover: 0 0% 100%;
-        --popover-foreground: 346.8 77.2% 49.8%;
-
-        --primary: 346.8 77.2% 49.8%;
-        --primary-foreground: 355.7 100% 97.3%;
-
-        --secondary: 346.8 30% 96.1%;
-        --secondary-foreground: 346.8 77.2% 49.8%;
-
-        --muted: 346.8 30% 96.1%;
-        --muted-foreground: 346.8 10% 45%;
-
-        --accent: 346.8 30% 96.1%;
-        --accent-foreground: 346.8 77.2% 49.8%;
-
-        --destructive: 0 84.2% 60.2%;
-        --destructive-foreground: 0 0% 98%;
-
-        --success: 142.1 76.2% 36.3%;
-        --success-foreground: 0 0% 98%;
-
-        --warning: 45.4 93.4% 47.5%;
-        --warning-foreground: 346.8 77.2% 49.8%;
-
-        --info: 201.3 96.3% 32.2%;
-        --info-foreground: 0 0% 98%;
-
-        --border: 346.8 20% 90%;
-        --input: 346.8 20% 90%;
-        --ring: 346.8 77.2% 49.8%;
-
-        --radius: 0.5rem;
-
-        --sidebar-width: 16rem;
-        --sidebar-width-mobile: 18rem;
-        --sidebar-width-collapsed: 3rem;
-        --sidebar-width-icon: 3rem;
-        --header-height: 3.5rem;
-
-        --sidebar-background: 0 0% 98%;
-        --sidebar-foreground: 346.8 77.2% 49.8%;
-        --sidebar-primary: 346.8 77.2% 49.8%;
-        --sidebar-primary-foreground: 355.7 100% 97.3%;
-        --sidebar-accent: 346.8 30% 96.1%;
-        --sidebar-accent-foreground: 346.8 77.2% 49.8%;
-        --sidebar-border: 346.8 20% 90%;
-        --sidebar-ring: 346.8 77.2% 49.8%;
-    }
-
-    .dark {
-        --background: 346.8 40% 6%;
-        --foreground: 355.7 100% 97.3%;
-
-        --card: 346.8 40% 8%;
-        --card-foreground: 355.7 100% 97.3%;
-
-        --popover: 346.8 40% 8%;
-        --popover-foreground: 355.7 100% 97.3%;
-
-        --primary: 346.8 77.2% 49.8%;
-        --primary-foreground: 355.7 100% 97.3%;
-
-        --secondary: 346.8 30% 15%;
-        --secondary-foreground: 355.7 100% 97.3%;
-
-        --muted: 346.8 30% 15%;
-        --muted-foreground: 346.8 20% 65%;
-
-        --accent: 346.8 30% 15%;
-        --accent-foreground: 355.7 100% 97.3%;
-
-        --destructive: 0 62.8% 30.6%;
-        --destructive-foreground: 0 0% 98%;
-
-        --success: 142.1 70.6% 45.3%;
-        --success-foreground: 346.8 77.2% 49.8%;
-
-        --warning: 48 96.5% 53.1%;
-        --warning-foreground: 346.8 77.2% 49.8%;
-
-        --info: 199.4 95.5% 53.8%;
-        --info-foreground: 346.8 77.2% 49.8%;
-
-        --border: 346.8 30% 18%;
-        --input: 346.8 30% 18%;
-        --ring: 346.8 77.2% 49.8%;
-
-        --sidebar-background: 346.8 40% 10%;
-        --sidebar-foreground: 355.7 100% 97.3%;
-        --sidebar-primary: 346.8 77.2% 49.8%;
-        --sidebar-primary-foreground: 355.7 100% 97.3%;
-        --sidebar-accent: 346.8 30% 15%;
-        --sidebar-accent-foreground: 355.7 100% 97.3%;
-        --sidebar-border: 346.8 30% 18%;
-        --sidebar-ring: 346.8 77.2% 49.8%;
-    }
-}
-
-@layer base {
-    * {
-        @apply border-border;
-    }
-
-    body {
-        @apply bg-background text-foreground;
-    }
-}
-
-@layer utilities {
-    @keyframes accordion-down {
-        from {
-            height: 0;
-        }
-
-        to {
-            height: var(--radix-accordion-content-height);
-        }
-    }
-
-    @keyframes accordion-up {
-        from {
-            height: var(--radix-accordion-content-height);
-        }
-
-        to {
-            height: 0;
-        }
-    }
-
-    .animate-accordion-down {
-        animation: accordion-down 0.2s ease-out;
-    }
-
-    .animate-accordion-up {
-        animation: accordion-up 0.2s ease-out;
-    }
-
-    .bg-gradient-brand {
-        background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 100%);
-    }
+/**
+ * @srcroot/ui - Rose Theme (Tailwind 3)
+ * Soft and elegant pinkish-red
+ */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --background: 0 0% 100%;
+        --foreground: 346.8 77.2% 49.8%;
+
+        --card: 0 0% 100%;
+        --card-foreground: 346.8 77.2% 49.8%;
+
+        --popover: 0 0% 100%;
+        --popover-foreground: 346.8 77.2% 49.8%;
+
+        --primary: 346.8 77.2% 49.8%;
+        --primary-foreground: 355.7 100% 97.3%;
+
+        --secondary: 346.8 30% 96.1%;
+        --secondary-foreground: 346.8 77.2% 49.8%;
+
+        --muted: 346.8 30% 96.1%;
+        --muted-foreground: 346.8 10% 45%;
+
+        --accent: 346.8 30% 96.1%;
+        --accent-foreground: 346.8 77.2% 49.8%;
+
+        --destructive: 0 84.2% 60.2%;
+        --destructive-foreground: 0 0% 98%;
+
+        --success: 142.1 76.2% 36.3%;
+        --success-foreground: 0 0% 98%;
+
+        --warning: 45.4 93.4% 47.5%;
+        --warning-foreground: 346.8 77.2% 49.8%;
+
+        --info: 201.3 96.3% 32.2%;
+        --info-foreground: 0 0% 98%;
+
+        --border: 346.8 20% 90%;
+        --input: 346.8 20% 90%;
+        --ring: 346.8 77.2% 49.8%;
+
+        --radius: 0.5rem;
+
+        --sidebar-width: 16rem;
+        --sidebar-width-mobile: 18rem;
+        --sidebar-width-collapsed: 3rem;
+        --sidebar-width-icon: 3rem;
+        --header-height: 3.5rem;
+
+        --sidebar-background: 0 0% 98%;
+        --sidebar-foreground: 346.8 77.2% 49.8%;
+        --sidebar-primary: 346.8 77.2% 49.8%;
+        --sidebar-primary-foreground: 355.7 100% 97.3%;
+        --sidebar-accent: 346.8 30% 96.1%;
+        --sidebar-accent-foreground: 346.8 77.2% 49.8%;
+        --sidebar-border: 346.8 20% 90%;
+        --sidebar-ring: 346.8 77.2% 49.8%;
+    }
+
+    .dark {
+        --background: 346.8 40% 6%;
+        --foreground: 355.7 100% 97.3%;
+
+        --card: 346.8 40% 8%;
+        --card-foreground: 355.7 100% 97.3%;
+
+        --popover: 346.8 40% 8%;
+        --popover-foreground: 355.7 100% 97.3%;
+
+        --primary: 346.8 77.2% 49.8%;
+        --primary-foreground: 355.7 100% 97.3%;
+
+        --secondary: 346.8 30% 15%;
+        --secondary-foreground: 355.7 100% 97.3%;
+
+        --muted: 346.8 30% 15%;
+        --muted-foreground: 346.8 20% 65%;
+
+        --accent: 346.8 30% 15%;
+        --accent-foreground: 355.7 100% 97.3%;
+
+        --destructive: 0 62.8% 30.6%;
+        --destructive-foreground: 0 0% 98%;
+
+        --success: 142.1 70.6% 45.3%;
+        --success-foreground: 346.8 77.2% 49.8%;
+
+        --warning: 48 96.5% 53.1%;
+        --warning-foreground: 346.8 77.2% 49.8%;
+
+        --info: 199.4 95.5% 53.8%;
+        --info-foreground: 346.8 77.2% 49.8%;
+
+        --border: 346.8 30% 18%;
+        --input: 346.8 30% 18%;
+        --ring: 346.8 77.2% 49.8%;
+
+        --sidebar-background: 346.8 40% 10%;
+        --sidebar-foreground: 355.7 100% 97.3%;
+        --sidebar-primary: 346.8 77.2% 49.8%;
+        --sidebar-primary-foreground: 355.7 100% 97.3%;
+        --sidebar-accent: 346.8 30% 15%;
+        --sidebar-accent-foreground: 355.7 100% 97.3%;
+        --sidebar-border: 346.8 30% 18%;
+        --sidebar-ring: 346.8 77.2% 49.8%;
+    }
+}
+
+@layer base {
+    * {
+        @apply border-border;
+    }
+
+    body {
+        @apply bg-background text-foreground;
+    }
+}
+
+@layer utilities {
+    @keyframes accordion-down {
+        from {
+            height: 0;
+        }
+
+        to {
+            height: var(--radix-accordion-content-height);
+        }
+    }
+
+    @keyframes accordion-up {
+        from {
+            height: var(--radix-accordion-content-height);
+        }
+
+        to {
+            height: 0;
+        }
+    }
+
+    .animate-accordion-down {
+        animation: accordion-down 0.2s ease-out;
+    }
+
+    .animate-accordion-up {
+        animation: accordion-up 0.2s ease-out;
+    }
+
+    .bg-gradient-brand {
+        background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 100%);
+    }
 }

package/src/registry/themes/v3/slate.css

@@ -1,158 +1,158 @@
-/**
- * @srcroot/ui - Slate Theme (Tailwind 3)
- * Cool gray with strong blue undertones (default)
- */
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-    :root {
-        --background: 0 0% 100%;
-        --foreground: 222.2 84% 4.9%;
-
-        --card: 0 0% 100%;
-        --card-foreground: 222.2 84% 4.9%;
-
-        --popover: 0 0% 100%;
-        --popover-foreground: 222.2 84% 4.9%;
-
-        --primary: 222.2 47.4% 11.2%;
-        --primary-foreground: 210 40% 98%;
-
-        --secondary: 210 40% 96.1%;
-        --secondary-foreground: 222.2 47.4% 11.2%;
-
-        --muted: 210 40% 96.1%;
-        --muted-foreground: 215.4 16.3% 46.9%;
-
-        --accent: 210 40% 96.1%;
-        --accent-foreground: 222.2 47.4% 11.2%;
-
-        --destructive: 0 84.2% 60.2%;
-        --destructive-foreground: 210 40% 98%;
-
-        --success: 142.1 76.2% 36.3%;
-        --success-foreground: 210 40% 98%;
-
-        --warning: 45.4 93.4% 47.5%;
-        --warning-foreground: 222.2 47.4% 11.2%;
-
-        --info: 201.3 96.3% 32.2%;
-        --info-foreground: 210 40% 98%;
-
-        --border: 214.3 31.8% 91.4%;
-        --input: 214.3 31.8% 91.4%;
-        --ring: 222.2 84% 4.9%;
-
-        --radius: 0.5rem;
-
-        --sidebar-width: 16rem;
-        --sidebar-width-mobile: 18rem;
-        --sidebar-width-collapsed: 3rem;
-        --sidebar-width-icon: 3rem;
-        --header-height: 3.5rem;
-
-        --sidebar-background: 0 0% 98%;
-        --sidebar-foreground: 222.2 84% 4.9%;
-        --sidebar-primary: 222.2 47.4% 11.2%;
-        --sidebar-primary-foreground: 210 40% 98%;
-        --sidebar-accent: 210 40% 96.1%;
-        --sidebar-accent-foreground: 222.2 47.4% 11.2%;
-        --sidebar-border: 214.3 31.8% 91.4%;
-        --sidebar-ring: 222.2 84% 4.9%;
-    }
-
-    .dark {
-        --background: 222.2 84% 4.9%;
-        --foreground: 210 40% 98%;
-
-        --card: 222.2 84% 4.9%;
-        --card-foreground: 210 40% 98%;
-
-        --popover: 222.2 84% 4.9%;
-        --popover-foreground: 210 40% 98%;
-
-        --primary: 210 40% 98%;
-        --primary-foreground: 222.2 47.4% 11.2%;
-
-        --secondary: 217.2 32.6% 17.5%;
-        --secondary-foreground: 210 40% 98%;
-
-        --muted: 217.2 32.6% 17.5%;
-        --muted-foreground: 215 20.2% 65.1%;
-
-        --accent: 217.2 32.6% 17.5%;
-        --accent-foreground: 210 40% 98%;
-
-        --destructive: 0 62.8% 30.6%;
-        --destructive-foreground: 210 40% 98%;
-
-        --success: 142.1 70.6% 45.3%;
-        --success-foreground: 222.2 47.4% 11.2%;
-
-        --warning: 48 96.5% 53.1%;
-        --warning-foreground: 222.2 47.4% 11.2%;
-
-        --info: 199.4 95.5% 53.8%;
-        --info-foreground: 222.2 47.4% 11.2%;
-
-        --border: 217.2 32.6% 17.5%;
-        --input: 217.2 32.6% 17.5%;
-        --ring: 212.7 26.8% 83.9%;
-
-        --sidebar-background: 222.2 84% 10%;
-        --sidebar-foreground: 210 40% 98%;
-        --sidebar-primary: 210 40% 98%;
-        --sidebar-primary-foreground: 222.2 47.4% 11.2%;
-        --sidebar-accent: 217.2 32.6% 17.5%;
-        --sidebar-accent-foreground: 210 40% 98%;
-        --sidebar-border: 217.2 32.6% 17.5%;
-        --sidebar-ring: 212.7 26.8% 83.9%;
-    }
-}
-
-@layer base {
-    * {
-        @apply border-border;
-    }
-
-    body {
-        @apply bg-background text-foreground;
-    }
-}
-
-@layer utilities {
-    @keyframes accordion-down {
-        from {
-            height: 0;
-        }
-
-        to {
-            height: var(--radix-accordion-content-height);
-        }
-    }
-
-    @keyframes accordion-up {
-        from {
-            height: var(--radix-accordion-content-height);
-        }
-
-        to {
-            height: 0;
-        }
-    }
-
-    .animate-accordion-down {
-        animation: accordion-down 0.2s ease-out;
-    }
-
-    .animate-accordion-up {
-        animation: accordion-up 0.2s ease-out;
-    }
-
-    .bg-gradient-brand {
-        background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 100%);
-    }
+/**
+ * @srcroot/ui - Slate Theme (Tailwind 3)
+ * Cool gray with strong blue undertones (default)
+ */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --background: 0 0% 100%;
+        --foreground: 222.2 84% 4.9%;
+
+        --card: 0 0% 100%;
+        --card-foreground: 222.2 84% 4.9%;
+
+        --popover: 0 0% 100%;
+        --popover-foreground: 222.2 84% 4.9%;
+
+        --primary: 222.2 47.4% 11.2%;
+        --primary-foreground: 210 40% 98%;
+
+        --secondary: 210 40% 96.1%;
+        --secondary-foreground: 222.2 47.4% 11.2%;
+
+        --muted: 210 40% 96.1%;
+        --muted-foreground: 215.4 16.3% 46.9%;
+
+        --accent: 210 40% 96.1%;
+        --accent-foreground: 222.2 47.4% 11.2%;
+
+        --destructive: 0 84.2% 60.2%;
+        --destructive-foreground: 210 40% 98%;
+
+        --success: 142.1 76.2% 36.3%;
+        --success-foreground: 210 40% 98%;
+
+        --warning: 45.4 93.4% 47.5%;
+        --warning-foreground: 222.2 47.4% 11.2%;
+
+        --info: 201.3 96.3% 32.2%;
+        --info-foreground: 210 40% 98%;
+
+        --border: 214.3 31.8% 91.4%;
+        --input: 214.3 31.8% 91.4%;
+        --ring: 222.2 84% 4.9%;
+
+        --radius: 0.5rem;
+
+        --sidebar-width: 16rem;
+        --sidebar-width-mobile: 18rem;
+        --sidebar-width-collapsed: 3rem;
+        --sidebar-width-icon: 3rem;
+        --header-height: 3.5rem;
+
+        --sidebar-background: 0 0% 98%;
+        --sidebar-foreground: 222.2 84% 4.9%;
+        --sidebar-primary: 222.2 47.4% 11.2%;
+        --sidebar-primary-foreground: 210 40% 98%;
+        --sidebar-accent: 210 40% 96.1%;
+        --sidebar-accent-foreground: 222.2 47.4% 11.2%;
+        --sidebar-border: 214.3 31.8% 91.4%;
+        --sidebar-ring: 222.2 84% 4.9%;
+    }
+
+    .dark {
+        --background: 222.2 84% 4.9%;
+        --foreground: 210 40% 98%;
+
+        --card: 222.2 84% 4.9%;
+        --card-foreground: 210 40% 98%;
+
+        --popover: 222.2 84% 4.9%;
+        --popover-foreground: 210 40% 98%;
+
+        --primary: 210 40% 98%;
+        --primary-foreground: 222.2 47.4% 11.2%;
+
+        --secondary: 217.2 32.6% 17.5%;
+        --secondary-foreground: 210 40% 98%;
+
+        --muted: 217.2 32.6% 17.5%;
+        --muted-foreground: 215 20.2% 65.1%;
+
+        --accent: 217.2 32.6% 17.5%;
+        --accent-foreground: 210 40% 98%;
+
+        --destructive: 0 62.8% 30.6%;
+        --destructive-foreground: 210 40% 98%;
+
+        --success: 142.1 70.6% 45.3%;
+        --success-foreground: 222.2 47.4% 11.2%;
+
+        --warning: 48 96.5% 53.1%;
+        --warning-foreground: 222.2 47.4% 11.2%;
+
+        --info: 199.4 95.5% 53.8%;
+        --info-foreground: 222.2 47.4% 11.2%;
+
+        --border: 217.2 32.6% 17.5%;
+        --input: 217.2 32.6% 17.5%;
+        --ring: 212.7 26.8% 83.9%;
+
+        --sidebar-background: 222.2 84% 10%;
+        --sidebar-foreground: 210 40% 98%;
+        --sidebar-primary: 210 40% 98%;
+        --sidebar-primary-foreground: 222.2 47.4% 11.2%;
+        --sidebar-accent: 217.2 32.6% 17.5%;
+        --sidebar-accent-foreground: 210 40% 98%;
+        --sidebar-border: 217.2 32.6% 17.5%;
+        --sidebar-ring: 212.7 26.8% 83.9%;
+    }
+}
+
+@layer base {
+    * {
+        @apply border-border;
+    }
+
+    body {
+        @apply bg-background text-foreground;
+    }
+}
+
+@layer utilities {
+    @keyframes accordion-down {
+        from {
+            height: 0;
+        }
+
+        to {
+            height: var(--radix-accordion-content-height);
+        }
+    }
+
+    @keyframes accordion-up {
+        from {
+            height: var(--radix-accordion-content-height);
+        }
+
+        to {
+            height: 0;
+        }
+    }
+
+    .animate-accordion-down {
+        animation: accordion-down 0.2s ease-out;
+    }
+
+    .animate-accordion-up {
+        animation: accordion-up 0.2s ease-out;
+    }
+
+    .bg-gradient-brand {
+        background: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 100%);
+    }
 }