@webstacks/ui 0.4.3 → 0.4.5

package/dist/index.css

@@ -342,7 +342,7 @@
   --token-bg-surface-elevated: var(--color-neutral-100);
   --token-bg-surface-sunken: var(--color-neutral-200);
   --token-bg-overlay: var(--color-alpha-black-50);
-  --token-bg-muted: var(--color-neutral-100);
+  --token-bg-muted: var(--color-neutral-50);
   --token-icon-primary: var(--color-blue-700);
   --token-icon-button: var(--color-white);
   --token-icon-muted: var(--color-neutral-800);
@@ -396,7 +396,7 @@
   --token-bg-surface-elevated: var(--color-neutral-900);
   --token-bg-surface-sunken: var(--color-neutral-950);
   --token-bg-overlay: var(--color-alpha-black-60);
-  --token-bg-muted: var(--color-neutral-900);
+  --token-bg-muted: var(--color-neutral-950);
   --token-icon-primary: var(--color-blue-600);
   --token-icon-button: var(--color-white);
   --token-icon-muted: var(--color-neutral-500);
@@ -1858,6 +1858,9 @@ video {
 .break-words {
   overflow-wrap: break-word;
 }
+.\!rounded {
+  border-radius: 0.25rem !important;
+}
 .rounded {
   border-radius: 0.25rem;
 }
@@ -1949,6 +1952,9 @@ video {
 .border-muted {
   border-color: var(--muted);
 }
+.border-primary {
+  border-color: var(--primary);
+}
 .border-sidebar-border {
   border-color: var(--sidebar-border);
 }
@@ -1961,6 +1967,9 @@ video {
 .border-t-transparent {
   border-top-color: transparent;
 }
+.\!bg-transparent {
+  background-color: transparent !important;
+}
 .bg-\[--color-bg\] {
   background-color: var(--color-bg);
 }
@@ -2381,6 +2390,9 @@ video {
 .text-accent-foreground {
   color: var(--accent-foreground);
 }
+.text-background {
+  color: var(--background);
+}
 .text-card-foreground {
   color: var(--card-foreground);
 }
@@ -2673,12 +2685,18 @@ video {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
+.hover\:border-primary:hover {
+  border-color: var(--primary);
+}
 .hover\:bg-accent:hover {
   background-color: var(--accent);
 }
 .hover\:bg-muted:hover {
   background-color: var(--muted);
 }
+.hover\:bg-primary:hover {
+  background-color: var(--primary);
+}
 .hover\:bg-secondary:hover {
   background-color: var(--secondary);
 }
@@ -2694,6 +2712,9 @@ video {
 .hover\:text-muted-foreground:hover {
   color: var(--muted-foreground);
 }
+.hover\:text-primary-foreground:hover {
+  color: var(--primary-foreground);
+}
 .hover\:text-sidebar-accent-foreground:hover {
   color: var(--sidebar-accent-foreground);
 }
@@ -3232,9 +3253,21 @@ video {
 .peer\/menu-button[data-active=true] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
   color: var(--sidebar-accent-foreground);
 }
+.dark\:border:is(.dark *) {
+  border-width: 1px;
+}
+.dark\:border-border:is(.dark *) {
+  border-color: var(--border);
+}
 .dark\:border-destructive:is(.dark *) {
   border-color: var(--destructive);
 }
+.dark\:bg-background:is(.dark *) {
+  background-color: var(--background);
+}
+.dark\:text-foreground:is(.dark *) {
+  color: var(--foreground);
+}
 @media (min-width: 640px) {
   .sm\:bottom-0 {
     bottom: 0px;
@@ -3282,6 +3315,42 @@ video {
   .md\:absolute {
     position: absolute;
   }
+  .md\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+  .md\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+  .md\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+  .md\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+  .md\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+  .md\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+  .md\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+  .md\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+  .md\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+  .md\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+  .md\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
   .md\:block {
     display: block;
   }
@@ -3297,6 +3366,18 @@ video {
   .md\:max-w-\[420px\] {
     max-width: 420px;
   }
+  .md\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .md\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .md\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .md\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -3306,9 +3387,75 @@ video {
   .md\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+  .md\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .md\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .md\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .md\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .md\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
   .md\:flex-row {
     flex-direction: row;
   }
+  .md\:flex-col {
+    flex-direction: column;
+  }
+  .md\:items-start {
+    align-items: flex-start;
+  }
+  .md\:items-end {
+    align-items: flex-end;
+  }
+  .md\:items-center {
+    align-items: center;
+  }
+  .md\:items-baseline {
+    align-items: baseline;
+  }
+  .md\:items-stretch {
+    align-items: stretch;
+  }
+  .md\:justify-start {
+    justify-content: flex-start;
+  }
+  .md\:justify-end {
+    justify-content: flex-end;
+  }
+  .md\:justify-center {
+    justify-content: center;
+  }
+  .md\:justify-between {
+    justify-content: space-between;
+  }
+  .md\:justify-around {
+    justify-content: space-around;
+  }
+  .md\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .md\:gap-0 {
+    gap: 0px;
+  }
+  .md\:gap-2 {
+    gap: 0.5rem;
+  }
+  .md\:gap-4 {
+    gap: 1rem;
+  }
+  .md\:gap-6 {
+    gap: 1.5rem;
+  }
+  .md\:gap-8 {
+    gap: 2rem;
+  }
   .md\:pb-16 {
     padding-bottom: 4rem;
   }
@@ -3360,6 +3507,132 @@ video {
   }
 }
 @media (min-width: 1024px) {
+  .lg\:col-span-1 {
+    grid-column: span 1 / span 1;
+  }
+  .lg\:col-span-10 {
+    grid-column: span 10 / span 10;
+  }
+  .lg\:col-span-11 {
+    grid-column: span 11 / span 11;
+  }
+  .lg\:col-span-12 {
+    grid-column: span 12 / span 12;
+  }
+  .lg\:col-span-2 {
+    grid-column: span 2 / span 2;
+  }
+  .lg\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+  .lg\:col-span-4 {
+    grid-column: span 4 / span 4;
+  }
+  .lg\:col-span-5 {
+    grid-column: span 5 / span 5;
+  }
+  .lg\:col-span-6 {
+    grid-column: span 6 / span 6;
+  }
+  .lg\:col-span-7 {
+    grid-column: span 7 / span 7;
+  }
+  .lg\:col-span-8 {
+    grid-column: span 8 / span 8;
+  }
+  .lg\:col-span-9 {
+    grid-column: span 9 / span 9;
+  }
+  .lg\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-10 {
+    grid-template-columns: repeat(10, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-11 {
+    grid-template-columns: repeat(11, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-12 {
+    grid-template-columns: repeat(12, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-7 {
+    grid-template-columns: repeat(7, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-8 {
+    grid-template-columns: repeat(8, minmax(0, 1fr));
+  }
+  .lg\:grid-cols-9 {
+    grid-template-columns: repeat(9, minmax(0, 1fr));
+  }
+  .lg\:flex-row {
+    flex-direction: row;
+  }
+  .lg\:flex-col {
+    flex-direction: column;
+  }
+  .lg\:items-start {
+    align-items: flex-start;
+  }
+  .lg\:items-end {
+    align-items: flex-end;
+  }
+  .lg\:items-center {
+    align-items: center;
+  }
+  .lg\:items-baseline {
+    align-items: baseline;
+  }
+  .lg\:items-stretch {
+    align-items: stretch;
+  }
+  .lg\:justify-start {
+    justify-content: flex-start;
+  }
+  .lg\:justify-end {
+    justify-content: flex-end;
+  }
+  .lg\:justify-center {
+    justify-content: center;
+  }
+  .lg\:justify-between {
+    justify-content: space-between;
+  }
+  .lg\:justify-around {
+    justify-content: space-around;
+  }
+  .lg\:justify-evenly {
+    justify-content: space-evenly;
+  }
+  .lg\:gap-0 {
+    gap: 0px;
+  }
+  .lg\:gap-2 {
+    gap: 0.5rem;
+  }
+  .lg\:gap-4 {
+    gap: 1rem;
+  }
+  .lg\:gap-6 {
+    gap: 1.5rem;
+  }
+  .lg\:gap-8 {
+    gap: 2rem;
+  }
   .lg\:pb-20 {
     padding-bottom: 5rem;
   }