@vireo-ai/trellis-ui 0.1.2 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vireo-ai/trellis-ui",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "description": "Django-native UI toolkit for building realtime and interactive web apps.",
   "license": "MIT",
@@ -43,20 +43,17 @@
     "alpinejs": "^3.14.8",
     "cally": "^0.9.2",
     "clsx": "^2.1.1",
+    "event-source-plus": "^0.1.15",
     "motion": "^12.42.0"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.11.3",
     "@playwright/test": "^1.61.0",
     "@tailwindcss/cli": "^4.0.0",
-    "@tailwindcss/typography": "^0.5.20",
     "@tailwindcss/vite": "^4.3.2",
     "@types/alpinejs": "^3.13.11",
     "@types/node": "^25.9.3",
-    "@types/prismjs": "^1.26.6",
-    "event-source-plus": "^0.1.15",
     "jsdom": "^29.1.1",
-    "prismjs": "^1.30.0",
     "tailwindcss": "^4.0.0",
     "typescript": "^6.0.3",
     "vite": "^8.0.16",

package/trellis_ui/static/trellis_ui/css/styles.css

@@ -18,6 +18,7 @@
     --container-3xl: 48rem;
     --container-4xl: 56rem;
     --container-5xl: 64rem;
+    --container-6xl: 72rem;
     --container-7xl: 80rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: 1rem;
@@ -684,6 +685,12 @@
   .-mr-4 {
     margin-right: calc(var(--spacing-4) * -1);
   }
+  .mr-0 {
+    margin-right: var(--spacing-0);
+  }
+  .mr-auto {
+    margin-right: auto;
+  }
   .-mb-1 {
     margin-bottom: calc(var(--spacing-1) * -1);
   }
@@ -714,6 +721,9 @@
   .-ml-px {
     margin-left: -1px;
   }
+  .ml-0 {
+    margin-left: var(--spacing-0);
+  }
   .ml-2 {
     margin-left: var(--spacing-2);
   }
@@ -1109,6 +1119,9 @@
   .max-w-5xl {
     max-width: var(--container-5xl);
   }
+  .max-w-6xl {
+    max-width: var(--container-6xl);
+  }
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
@@ -1267,6 +1280,21 @@
   .appearance-none {
     appearance: none;
   }
+  .grid-flow-col {
+    grid-auto-flow: column;
+  }
+  .grid-flow-col-dense {
+    grid-auto-flow: column dense;
+  }
+  .grid-flow-dense {
+    grid-auto-flow: dense;
+  }
+  .grid-flow-row {
+    grid-auto-flow: row;
+  }
+  .grid-flow-row-dense {
+    grid-auto-flow: row dense;
+  }
   .auto-rows-min {
     grid-auto-rows: min-content;
   }
@@ -1288,6 +1316,24 @@
   .grid-cols-\[minmax\(0\,1fr\)_auto\] {
     grid-template-columns: minmax(0,1fr) auto;
   }
+  .grid-rows-1 {
+    grid-template-rows: repeat(1, minmax(0, 1fr));
+  }
+  .grid-rows-2 {
+    grid-template-rows: repeat(2, minmax(0, 1fr));
+  }
+  .grid-rows-3 {
+    grid-template-rows: repeat(3, minmax(0, 1fr));
+  }
+  .grid-rows-4 {
+    grid-template-rows: repeat(4, minmax(0, 1fr));
+  }
+  .grid-rows-5 {
+    grid-template-rows: repeat(5, minmax(0, 1fr));
+  }
+  .grid-rows-6 {
+    grid-template-rows: repeat(6, minmax(0, 1fr));
+  }
   .grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\] {
     grid-template-rows: auto auto minmax(0,1fr) auto;
   }
@@ -1297,21 +1343,45 @@
   .flex-col {
     flex-direction: column;
   }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
   .flex-row {
     flex-direction: row;
   }
   .flex-row-reverse {
     flex-direction: row-reverse;
   }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
   .place-items-center {
     place-items: center;
   }
+  .content-between {
+    align-content: space-between;
+  }
+  .content-center {
+    align-content: center;
+  }
+  .content-end {
+    align-content: flex-end;
+  }
   .content-start {
     align-content: flex-start;
   }
+  .content-stretch {
+    align-content: stretch;
+  }
+  .items-baseline {
+    align-items: baseline;
+  }
   .items-center {
     align-items: center;
   }