@agenticindiedev/ui 0.2.4 → 0.3.0

package/dist/styles.css

@@ -10,10 +10,7 @@
     --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-300: oklch(80.8% 0.114 19.571);
     --color-red-400: oklch(70.4% 0.191 22.216);
-    --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
-    --color-red-700: oklch(50.5% 0.213 27.518);
-    --color-red-800: oklch(44.4% 0.177 26.899);
     --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
@@ -28,17 +25,11 @@
     --color-green-950: oklch(26.6% 0.065 152.934);
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-purple-500: oklch(62.7% 0.265 303.9);
+    --color-purple-600: oklch(55.8% 0.288 302.321);
+    --color-pink-50: oklch(97.1% 0.014 343.198);
     --color-pink-500: oklch(65.6% 0.241 354.308);
-    --color-gray-50: oklch(98.5% 0.002 247.839);
+    --color-pink-600: oklch(59.2% 0.249 0.584);
     --color-gray-100: oklch(96.7% 0.003 264.542);
-    --color-gray-200: oklch(92.8% 0.006 264.531);
-    --color-gray-300: oklch(87.2% 0.01 258.338);
-    --color-gray-400: oklch(70.7% 0.022 261.325);
-    --color-gray-500: oklch(55.1% 0.027 264.364);
-    --color-gray-600: oklch(44.6% 0.03 256.802);
-    --color-gray-700: oklch(37.3% 0.034 259.733);
-    --color-gray-800: oklch(27.8% 0.033 256.848);
-    --color-gray-900: oklch(21% 0.034 264.665);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -750,8 +741,8 @@
   .border-current {
     border-color: currentcolor;
   }
-  .border-gray-300 {
-    border-color: var(--color-gray-300);
+  .border-green-500 {
+    border-color: var(--color-green-500);
   }
   .border-green-500\/50 {
     border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
@@ -759,6 +750,9 @@
       border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);
     }
   }
+  .border-pink-500 {
+    border-color: var(--color-pink-500);
+  }
   .border-transparent {
     border-color: transparent;
   }
@@ -786,35 +780,20 @@
   .bg-current {
     background-color: currentcolor;
   }
-  .bg-gray-100 {
-    background-color: var(--color-gray-100);
-  }
-  .bg-gray-500\/15 {
-    background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 15%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-gray-500) 15%, transparent);
-    }
-  }
   .bg-green-50 {
     background-color: var(--color-green-50);
   }
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
-  .bg-green-500\/15 {
-    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 15%, transparent);
+  .bg-green-500\/10 {
+    background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent);
+      background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent);
     }
   }
-  .bg-red-500 {
-    background-color: var(--color-red-500);
-  }
-  .bg-red-500\/15 {
-    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
-    }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
   }
   .bg-transparent {
     background-color: transparent;
@@ -825,24 +804,12 @@
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
-  .bg-yellow-500\/15 {
-    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 15%, transparent);
+  .bg-yellow-500\/10 {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-yellow-500) 15%, transparent);
+      background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent);
     }
   }
-  .bg-gradient-to-r {
-    --tw-gradient-position: to right in oklab;
-    background-image: linear-gradient(var(--tw-gradient-stops));
-  }
-  .from-purple-500 {
-    --tw-gradient-from: var(--color-purple-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
-  .to-pink-500 {
-    --tw-gradient-to: var(--color-pink-500);
-    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
-  }
   .fill-current {
     fill: currentcolor;
   }
@@ -983,23 +950,14 @@
   .text-current {
     color: currentcolor;
   }
-  .text-gray-400 {
-    color: var(--color-gray-400);
-  }
-  .text-gray-700 {
-    color: var(--color-gray-700);
-  }
-  .text-gray-900 {
-    color: var(--color-gray-900);
-  }
   .text-green-600 {
     color: var(--color-green-600);
   }
   .text-green-900 {
     color: var(--color-green-900);
   }
-  .text-red-600 {
-    color: var(--color-red-600);
+  .text-pink-600 {
+    color: var(--color-pink-600);
   }
   .text-white {
     color: var(--color-white);
@@ -1152,23 +1110,6 @@
       font-weight: var(--font-weight-medium);
     }
   }
-  .hover\:scale-105 {
-    &:hover {
-      @media (hover: hover) {
-        --tw-scale-x: 105%;
-        --tw-scale-y: 105%;
-        --tw-scale-z: 105%;
-        scale: var(--tw-scale-x) var(--tw-scale-y);
-      }
-    }
-  }
-  .hover\:bg-gray-50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-50);
-      }
-    }
-  }
   .hover\:bg-gray-100 {
     &:hover {
       @media (hover: hover) {
@@ -1176,29 +1117,19 @@
       }
     }
   }
-  .hover\:bg-gray-200 {
+  .hover\:bg-green-50 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-gray-200);
+        background-color: var(--color-green-50);
       }
     }
   }
-  .hover\:bg-gray-500\/25 {
+  .hover\:bg-green-500\/20 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 25%, transparent);
+        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-gray-500) 25%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-green-500\/25 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 25%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-green-500) 25%, transparent);
+          background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);
         }
       }
     }
@@ -1210,29 +1141,26 @@
       }
     }
   }
-  .hover\:bg-red-500\/25 {
+  .hover\:bg-pink-50 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 25%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
-        }
+        background-color: var(--color-pink-50);
       }
     }
   }
-  .hover\:bg-red-600 {
+  .hover\:bg-purple-600 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-red-600);
+        background-color: var(--color-purple-600);
       }
     }
   }
-  .hover\:bg-yellow-500\/25 {
+  .hover\:bg-yellow-500\/20 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 25%, transparent);
+        background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 20%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-yellow-500) 25%, transparent);
+          background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent);
         }
       }
     }
@@ -1266,6 +1194,14 @@
       }
     }
   }
+  .hover\:shadow-md {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .group-\[\.destructive\]\:hover\:text-red-50 {
     &:is(:where(.group):is(.destructive) *) {
       &:hover {
@@ -1330,56 +1266,26 @@
       outline-style: none;
     }
   }
-  .active\:bg-gray-100 {
-    &:active {
-      background-color: var(--color-gray-100);
-    }
-  }
-  .active\:bg-gray-200 {
+  .active\:bg-green-500\/30 {
     &:active {
-      background-color: var(--color-gray-200);
-    }
-  }
-  .active\:bg-gray-300 {
-    &:active {
-      background-color: var(--color-gray-300);
-    }
-  }
-  .active\:bg-gray-500\/35 {
-    &:active {
-      background-color: color-mix(in srgb, oklch(55.1% 0.027 264.364) 35%, transparent);
+      background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-gray-500) 35%, transparent);
+        background-color: color-mix(in oklab, var(--color-green-500) 30%, transparent);
       }
     }
   }
-  .active\:bg-green-500\/35 {
+  .active\:bg-yellow-500\/30 {
     &:active {
-      background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 35%, transparent);
+      background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-green-500) 35%, transparent);
+        background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
       }
     }
   }
-  .active\:bg-red-500\/35 {
+  .active\:shadow-sm {
     &:active {
-      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 35%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-red-500) 35%, transparent);
-      }
-    }
-  }
-  .active\:bg-red-700 {
-    &:active {
-      background-color: var(--color-red-700);
-    }
-  }
-  .active\:bg-yellow-500\/35 {
-    &:active {
-      background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 35%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-yellow-500) 35%, transparent);
-      }
+      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
   .disabled\:pointer-events-none {
@@ -1512,11 +1418,6 @@
       max-width: 420px;
     }
   }
-  .dark\:border-gray-600 {
-    @media (prefers-color-scheme: dark) {
-      border-color: var(--color-gray-600);
-    }
-  }
   .dark\:border-green-500\/50 {
     @media (prefers-color-scheme: dark) {
       border-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 50%, transparent);
@@ -1533,27 +1434,6 @@
       }
     }
   }
-  .dark\:bg-gray-400\/15 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 15%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-gray-400) 15%, transparent);
-      }
-    }
-  }
-  .dark\:bg-gray-800 {
-    @media (prefers-color-scheme: dark) {
-      background-color: var(--color-gray-800);
-    }
-  }
-  .dark\:bg-green-400\/15 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 15%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-green-400) 15%, transparent);
-      }
-    }
-  }
   .dark\:bg-green-950\/90 {
     @media (prefers-color-scheme: dark) {
       background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 90%, transparent);
@@ -1562,27 +1442,6 @@
       }
     }
   }
-  .dark\:bg-red-400\/15 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 15%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-red-400) 15%, transparent);
-      }
-    }
-  }
-  .dark\:bg-red-600 {
-    @media (prefers-color-scheme: dark) {
-      background-color: var(--color-red-600);
-    }
-  }
-  .dark\:bg-yellow-400\/15 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 15%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-yellow-400) 15%, transparent);
-      }
-    }
-  }
   .dark\:bg-yellow-950\/90 {
     @media (prefers-color-scheme: dark) {
       background-color: color-mix(in srgb, oklch(28.6% 0.066 53.813) 90%, transparent);
@@ -1591,21 +1450,6 @@
       }
     }
   }
-  .dark\:text-gray-100 {
-    @media (prefers-color-scheme: dark) {
-      color: var(--color-gray-100);
-    }
-  }
-  .dark\:text-gray-300 {
-    @media (prefers-color-scheme: dark) {
-      color: var(--color-gray-300);
-    }
-  }
-  .dark\:text-gray-500 {
-    @media (prefers-color-scheme: dark) {
-      color: var(--color-gray-500);
-    }
-  }
   .dark\:text-green-50 {
     @media (prefers-color-scheme: dark) {
       color: var(--color-green-50);
@@ -1616,11 +1460,6 @@
       color: var(--color-green-400);
     }
   }
-  .dark\:text-red-400 {
-    @media (prefers-color-scheme: dark) {
-      color: var(--color-red-400);
-    }
-  }
   .dark\:text-yellow-50 {
     @media (prefers-color-scheme: dark) {
       color: var(--color-yellow-50);
@@ -1631,142 +1470,6 @@
       color: var(--color-yellow-400);
     }
   }
-  .dark\:hover\:bg-gray-400\/25 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 25%, transparent);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-gray-400) 25%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-gray-700);
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-gray-800 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-gray-800);
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-green-400\/25 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 25%, transparent);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-green-400) 25%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-red-400\/25 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 25%, transparent);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-red-700 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-red-700);
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-yellow-400\/25 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 25%, transparent);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-yellow-400) 25%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .dark\:active\:bg-gray-400\/35 {
-    @media (prefers-color-scheme: dark) {
-      &:active {
-        background-color: color-mix(in srgb, oklch(70.7% 0.022 261.325) 35%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-gray-400) 35%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:active\:bg-gray-600 {
-    @media (prefers-color-scheme: dark) {
-      &:active {
-        background-color: var(--color-gray-600);
-      }
-    }
-  }
-  .dark\:active\:bg-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      &:active {
-        background-color: var(--color-gray-700);
-      }
-    }
-  }
-  .dark\:active\:bg-green-400\/35 {
-    @media (prefers-color-scheme: dark) {
-      &:active {
-        background-color: color-mix(in srgb, oklch(79.2% 0.209 151.711) 35%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-green-400) 35%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:active\:bg-red-400\/35 {
-    @media (prefers-color-scheme: dark) {
-      &:active {
-        background-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 35%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-red-400) 35%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:active\:bg-red-800 {
-    @media (prefers-color-scheme: dark) {
-      &:active {
-        background-color: var(--color-red-800);
-      }
-    }
-  }
-  .dark\:active\:bg-yellow-400\/35 {
-    @media (prefers-color-scheme: dark) {
-      &:active {
-        background-color: color-mix(in srgb, oklch(85.2% 0.199 91.936) 35%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-yellow-400) 35%, transparent);
-        }
-      }
-    }
-  }
   .\[\&_button\]\:h-8 {
     & button {
       height: calc(var(--spacing) * 8);
@@ -2050,48 +1753,6 @@
   inherits: false;
   initial-value: solid;
 }
-@property --tw-gradient-position {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-via {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-to {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: #0000;
-}
-@property --tw-gradient-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-via-stops {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-gradient-from-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 0%;
-}
-@property --tw-gradient-via-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 50%;
-}
-@property --tw-gradient-to-position {
-  syntax: "<length-percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
 @property --tw-leading {
   syntax: "*";
   inherits: false;
@@ -2182,21 +1843,6 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -2231,15 +1877,6 @@
       --tw-space-y-reverse: 0;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;
-      --tw-gradient-position: initial;
-      --tw-gradient-from: #0000;
-      --tw-gradient-via: #0000;
-      --tw-gradient-to: #0000;
-      --tw-gradient-stops: initial;
-      --tw-gradient-via-stops: initial;
-      --tw-gradient-from-position: 0%;
-      --tw-gradient-via-position: 50%;
-      --tw-gradient-to-position: 100%;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
@@ -2260,9 +1897,6 @@
       --tw-outline-style: solid;
       --tw-duration: initial;
       --tw-ease: initial;
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
     }
   }
 }