@agenticindiedev/ui 0.3.2 → 0.3.4

package/dist/styles.css

@@ -9,8 +9,6 @@
       "Courier New", monospace;
     --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-600: oklch(57.7% 0.245 27.325);
     --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);
@@ -333,6 +331,9 @@
   .-ml-2 {
     margin-left: calc(var(--spacing) * -2);
   }
+  .ml-4 {
+    margin-left: calc(var(--spacing) * 4);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -414,6 +415,9 @@
   .h-px {
     height: 1px;
   }
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
+  }
   .max-h-screen {
     max-height: 100vh;
   }
@@ -703,6 +707,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -846,6 +853,12 @@
   .bg-muted {
     background-color: hsl(var(--muted));
   }
+  .bg-muted\/30 {
+    background-color: hsl(var(--muted));
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent);
+    }
+  }
   .bg-muted\/50 {
     background-color: hsl(var(--muted));
     @supports (color: color-mix(in lab, red, red)) {
@@ -1154,13 +1167,13 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .ring-offset-background {
-    --tw-ring-offset-color: hsl(var(--background));
-  }
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .filter {
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1280,12 +1293,12 @@
       }
     }
   }
-  .hover\:border-input\/80 {
+  .hover\:border-foreground\/50 {
     &:hover {
       @media (hover: hover) {
-        border-color: hsl(var(--input));
+        border-color: hsl(var(--foreground));
         @supports (color: color-mix(in lab, red, red)) {
-          border-color: color-mix(in oklab, hsl(var(--input)) 80%, transparent);
+          border-color: color-mix(in oklab, hsl(var(--foreground)) 50%, transparent);
         }
       }
     }
@@ -1358,16 +1371,6 @@
       }
     }
   }
-  .hover\:bg-muted\/50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: hsl(var(--muted));
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-pink-50 {
     &:hover {
       @media (hover: hover) {
@@ -1580,20 +1583,15 @@
       opacity: 100%;
     }
   }
-  .focus\:ring-2 {
+  .focus\:ring-0 {
     &:focus {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus\:ring-ring {
+  .focus\:ring-offset-0 {
     &:focus {
-      --tw-ring-color: hsl(var(--ring));
-    }
-  }
-  .focus\:ring-offset-2 {
-    &:focus {
-      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-width: 0px;
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
@@ -1603,30 +1601,9 @@
       outline-style: none;
     }
   }
-  .group-\[\.destructive\]\:focus\:ring-destructive {
-    &:is(:where(.group):is(.destructive) *) {
-      &:focus {
-        --tw-ring-color: hsl(var(--destructive));
-      }
-    }
-  }
-  .group-\[\.destructive\]\:focus\:ring-red-400 {
-    &:is(:where(.group):is(.destructive) *) {
-      &:focus {
-        --tw-ring-color: var(--color-red-400);
-      }
-    }
-  }
-  .group-\[\.destructive\]\:focus\:ring-offset-red-600 {
-    &:is(:where(.group):is(.destructive) *) {
-      &:focus {
-        --tw-ring-offset-color: var(--color-red-600);
-      }
-    }
-  }
-  .focus-visible\:border-ring {
+  .focus-visible\:border-foreground {
     &:focus-visible {
-      border-color: hsl(var(--ring));
+      border-color: hsl(var(--foreground));
     }
   }
   .focus-visible\:ring-2 {
@@ -1635,22 +1612,6 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus-visible\:ring-ring {
-    &:focus-visible {
-      --tw-ring-color: hsl(var(--ring));
-    }
-  }
-  .focus-visible\:ring-offset-2 {
-    &:focus-visible {
-      --tw-ring-offset-width: 2px;
-      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-    }
-  }
-  .focus-visible\:ring-offset-background {
-    &:focus-visible {
-      --tw-ring-offset-color: hsl(var(--background));
-    }
-  }
   .focus-visible\:outline-none {
     &:focus-visible {
       --tw-outline-style: none;
@@ -1749,6 +1710,11 @@
       pointer-events: none;
     }
   }
+  .data-\[disabled\]\:cursor-not-allowed {
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+  }
   .data-\[disabled\]\:opacity-50 {
     &[data-disabled] {
       opacity: 50%;
@@ -1797,11 +1763,6 @@
       animation: accordion-up 0.2s ease-out;
     }
   }
-  .data-\[state\=inactive\]\:text-muted-foreground {
-    &[data-state="inactive"] {
-      color: hsl(var(--muted-foreground));
-    }
-  }
   .data-\[state\=open\]\:animate-accordion-down {
     &[data-state="open"] {
       animation: accordion-down 0.2s ease-out;
@@ -2121,10 +2082,36 @@
       border-bottom-width: 1px;
     }
   }
-  .\[\&_tr\:last-child\]\:border-0 {
+  .\[\&_tr\]\:border-input {
+    & tr {
+      border-color: hsl(var(--input));
+    }
+  }
+  .\[\&_tr\:hover\]\:bg-muted\/50 {
+    & tr:hover {
+      background-color: hsl(var(--muted));
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
+      }
+    }
+  }
+  .\[\&_tr\:last-child\]\:border-b-0 {
     & tr:last-child {
-      border-style: var(--tw-border-style);
-      border-width: 0px;
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
+  .\[\&_tr\:nth-child\(even\)\]\:bg-muted\/30 {
+    & tr:nth-child(even) {
+      background-color: hsl(var(--muted));
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent);
+      }
+    }
+  }
+  .\[\&_tr\:nth-child\(odd\)\]\:bg-background {
+    & tr:nth-child(odd) {
+      background-color: hsl(var(--background));
     }
   }
   .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
@@ -2132,6 +2119,14 @@
       padding-right: calc(var(--spacing) * 0);
     }
   }
+  .\[\&\:nth-child\(even\)\]\:bg-muted\/30 {
+    &:nth-child(even) {
+      background-color: hsl(var(--muted));
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, hsl(var(--muted)) 30%, transparent);
+      }
+    }
+  }
   .\[\&\>span\]\:line-clamp-1 {
     &>span {
       overflow: hidden;
@@ -2436,6 +2431,59 @@
   inherits: false;
   initial-value: solid;
 }
+@property --tw-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-sepia {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-drop-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-drop-shadow-size {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -2512,6 +2560,19 @@
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
       --tw-outline-style: solid;
+      --tw-blur: initial;
+      --tw-brightness: initial;
+      --tw-contrast: initial;
+      --tw-grayscale: initial;
+      --tw-hue-rotate: initial;
+      --tw-invert: initial;
+      --tw-opacity: initial;
+      --tw-saturate: initial;
+      --tw-sepia: initial;
+      --tw-drop-shadow: initial;
+      --tw-drop-shadow-color: initial;
+      --tw-drop-shadow-alpha: 100%;
+      --tw-drop-shadow-size: initial;
       --tw-duration: initial;
       --tw-ease: initial;
     }

package/package.json

@@ -31,6 +31,7 @@
   "description": "@agenticindiedev/ui - Modern React component library",
   "devDependencies": {
     "@happy-dom/global-registrator": "20.0.11",
+    "@storybook/addon-a11y": "^10.1.10",
     "@storybook/addon-docs": "10.1.10",
     "@storybook/addon-links": "10.1.10",
     "@storybook/addon-vitest": "10.1.10",
@@ -70,13 +71,19 @@
     "typescript": "5.9.3",
     "vite": "7.3.0",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "4.0.16"
+    "vitest": "4.0.16",
+    "vitest-axe": "^0.1.0"
   },
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
-      "types": "./dist/index.d.ts"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./styles.css": "./dist/styles.css",
     "./tailwind.preset": "./dist/tailwind.preset.js",
@@ -146,5 +153,5 @@
   ],
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "0.3.2"
+  "version": "0.3.4"
 }