@a4ui/core 0.21.0 → 0.23.0

package/dist/elements.css

@@ -1679,9 +1679,15 @@ html.calm .tile-glass {
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-2 {
+  margin-left: 0.5rem;
+}
 .ml-4 {
   margin-left: 1rem;
 }
+.ml-auto {
+  margin-left: auto;
+}
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -1827,6 +1833,9 @@ html.calm .tile-glass {
 .h-\[40rem\] {
   height: 40rem;
 }
+.h-\[520px\] {
+  height: 520px;
+}
 .h-\[65vh\] {
   height: 65vh;
 }
@@ -1839,6 +1848,9 @@ html.calm .tile-glass {
 .h-px {
   height: 1px;
 }
+.max-h-10 {
+  max-height: 2.5rem;
+}
 .max-h-48 {
   max-height: 12rem;
 }
@@ -1932,6 +1944,9 @@ html.calm .tile-glass {
 .w-6 {
   width: 1.5rem;
 }
+.w-64 {
+  width: 16rem;
+}
 .w-7 {
   width: 1.75rem;
 }
@@ -1965,6 +1980,12 @@ html.calm .tile-glass {
 .w-\[40rem\] {
   width: 40rem;
 }
+.w-\[520px\] {
+  width: 520px;
+}
+.w-auto {
+  width: auto;
+}
 .w-fit {
   width: fit-content;
 }
@@ -2248,6 +2269,9 @@ html.calm .tile-glass {
 .gap-x-6 {
   column-gap: 1.5rem;
 }
+.gap-x-8 {
+  column-gap: 2rem;
+}
 .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2268,6 +2292,11 @@ html.calm .tile-glass {
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
 .space-y-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2287,6 +2316,9 @@ html.calm .tile-glass {
   --tw-divide-opacity: 1;
   border-color: hsl(var(--border) / var(--tw-divide-opacity, 1));
 }
+.divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
+  border-color: hsl(var(--border) / 0.6);
+}
 .self-stretch {
   align-self: stretch;
 }
@@ -2331,6 +2363,9 @@ html.calm .tile-glass {
 .rounded-md {
   border-radius: 0.375rem;
 }
+.rounded-none {
+  border-radius: 0px;
+}
 .rounded-sm {
   border-radius: 0.125rem;
 }
@@ -2383,10 +2418,17 @@ html.calm .tile-glass {
 .border-amber-500\/30 {
   border-color: rgb(245 158 11 / 0.3);
 }
+.border-background {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--background) / var(--tw-border-opacity, 1));
+}
 .border-border {
   --tw-border-opacity: 1;
   border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
 }
+.border-border\/60 {
+  border-color: hsl(var(--border) / 0.6);
+}
 .border-destructive\/30 {
   border-color: hsl(var(--destructive) / 0.3);
 }
@@ -2404,6 +2446,9 @@ html.calm .tile-glass {
 .border-primary\/40 {
   border-color: hsl(var(--primary) / 0.4);
 }
+.border-primary\/50 {
+  border-color: hsl(var(--primary) / 0.5);
+}
 .border-ring {
   --tw-border-opacity: 1;
   border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
@@ -2443,6 +2488,9 @@ html.calm .tile-glass {
 .bg-background\/90 {
   background-color: hsl(var(--background) / 0.9);
 }
+.bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1);
+}
 .bg-black\/50 {
   background-color: rgb(0 0 0 / 0.5);
 }
@@ -2454,6 +2502,9 @@ html.calm .tile-glass {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
 }
+.bg-card\/60 {
+  background-color: hsl(var(--card) / 0.6);
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2544,6 +2595,20 @@ html.calm .tile-glass {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.from-primary\/40 {
+  --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.to-primary {
+  --tw-gradient-to: hsl(var(--primary) / 1) var(--tw-gradient-to-position);
+}
+.fill-muted {
+  fill: hsl(var(--muted) / 1);
+}
 .fill-primary {
   fill: hsl(var(--primary) / 1);
 }
@@ -2693,6 +2758,9 @@ html.calm .tile-glass {
 .pr-1 {
   padding-right: 0.25rem;
 }
+.pr-10 {
+  padding-right: 2.5rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -2854,6 +2922,10 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
+.text-muted {
+  --tw-text-opacity: 1;
+  color: hsl(var(--muted) / var(--tw-text-opacity, 1));
+}
 .text-muted-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
@@ -2895,6 +2967,9 @@ html.calm .tile-glass {
 .line-through {
   text-decoration-line: line-through;
 }
+.underline-offset-2 {
+  text-underline-offset: 2px;
+}
 .accent-foreground {
   accent-color: hsl(var(--foreground) / 1);
 }
@@ -3026,6 +3101,14 @@ html.calm .tile-glass {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   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);
 }
+.\!grayscale {
+  --tw-grayscale: grayscale(100%) !important;
+  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) !important;
+}
+.grayscale {
+  --tw-grayscale: grayscale(100%);
+  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);
+}
 .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);
 }
@@ -3188,6 +3271,9 @@ html.calm .tile-glass {
   --tw-border-opacity: 1;
   border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
 }
+.hover\:border-primary\/50:hover {
+  border-color: hsl(var(--primary) / 0.5);
+}
 .hover\:border-ring\/60:hover {
   border-color: hsl(var(--ring) / 0.6);
 }
@@ -3220,6 +3306,12 @@ html.calm .tile-glass {
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
@@ -3227,6 +3319,10 @@ html.calm .tile-glass {
   --tw-brightness: brightness(1.1);
   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);
 }
+.hover\:grayscale-0:hover {
+  --tw-grayscale: grayscale(0);
+  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);
+}
 .hover\:\[animation-play-state\:paused\]:hover {
   animation-play-state: paused;
 }
@@ -3409,6 +3505,16 @@ html.calm .tile-glass {
     gap: 0.75rem;
   }
 
+  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:border-b {
+    border-bottom-width: 1px;
+  }
+
   .sm\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -3424,6 +3530,34 @@ html.calm .tile-glass {
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .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\:gap-8 {
+    gap: 2rem;
+  }
 }
 @media (min-width: 1024px) {
 
@@ -3434,6 +3568,10 @@ html.calm .tile-glass {
   .lg\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
 }
 .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
   display: none;

package/dist/full.css

@@ -1679,9 +1679,15 @@ html.calm .tile-glass {
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-2 {
+  margin-left: 0.5rem;
+}
 .ml-4 {
   margin-left: 1rem;
 }
+.ml-auto {
+  margin-left: auto;
+}
 .mt-0\.5 {
   margin-top: 0.125rem;
 }
@@ -1827,6 +1833,9 @@ html.calm .tile-glass {
 .h-\[40rem\] {
   height: 40rem;
 }
+.h-\[520px\] {
+  height: 520px;
+}
 .h-\[65vh\] {
   height: 65vh;
 }
@@ -1839,6 +1848,9 @@ html.calm .tile-glass {
 .h-px {
   height: 1px;
 }
+.max-h-10 {
+  max-height: 2.5rem;
+}
 .max-h-48 {
   max-height: 12rem;
 }
@@ -1932,6 +1944,9 @@ html.calm .tile-glass {
 .w-6 {
   width: 1.5rem;
 }
+.w-64 {
+  width: 16rem;
+}
 .w-7 {
   width: 1.75rem;
 }
@@ -1965,6 +1980,12 @@ html.calm .tile-glass {
 .w-\[40rem\] {
   width: 40rem;
 }
+.w-\[520px\] {
+  width: 520px;
+}
+.w-auto {
+  width: auto;
+}
 .w-fit {
   width: fit-content;
 }
@@ -2248,6 +2269,9 @@ html.calm .tile-glass {
 .gap-x-6 {
   column-gap: 1.5rem;
 }
+.gap-x-8 {
+  column-gap: 2rem;
+}
 .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2268,6 +2292,11 @@ html.calm .tile-glass {
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
+.space-y-5 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
+}
 .space-y-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
@@ -2287,6 +2316,9 @@ html.calm .tile-glass {
   --tw-divide-opacity: 1;
   border-color: hsl(var(--border) / var(--tw-divide-opacity, 1));
 }
+.divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
+  border-color: hsl(var(--border) / 0.6);
+}
 .self-stretch {
   align-self: stretch;
 }
@@ -2331,6 +2363,9 @@ html.calm .tile-glass {
 .rounded-md {
   border-radius: 0.375rem;
 }
+.rounded-none {
+  border-radius: 0px;
+}
 .rounded-sm {
   border-radius: 0.125rem;
 }
@@ -2383,10 +2418,17 @@ html.calm .tile-glass {
 .border-amber-500\/30 {
   border-color: rgb(245 158 11 / 0.3);
 }
+.border-background {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--background) / var(--tw-border-opacity, 1));
+}
 .border-border {
   --tw-border-opacity: 1;
   border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
 }
+.border-border\/60 {
+  border-color: hsl(var(--border) / 0.6);
+}
 .border-destructive\/30 {
   border-color: hsl(var(--destructive) / 0.3);
 }
@@ -2404,6 +2446,9 @@ html.calm .tile-glass {
 .border-primary\/40 {
   border-color: hsl(var(--primary) / 0.4);
 }
+.border-primary\/50 {
+  border-color: hsl(var(--primary) / 0.5);
+}
 .border-ring {
   --tw-border-opacity: 1;
   border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
@@ -2443,6 +2488,9 @@ html.calm .tile-glass {
 .bg-background\/90 {
   background-color: hsl(var(--background) / 0.9);
 }
+.bg-black\/10 {
+  background-color: rgb(0 0 0 / 0.1);
+}
 .bg-black\/50 {
   background-color: rgb(0 0 0 / 0.5);
 }
@@ -2454,6 +2502,9 @@ html.calm .tile-glass {
   --tw-bg-opacity: 1;
   background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
 }
+.bg-card\/60 {
+  background-color: hsl(var(--card) / 0.6);
+}
 .bg-current {
   background-color: currentColor;
 }
@@ -2544,6 +2595,20 @@ html.calm .tile-glass {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.from-primary\/40 {
+  --tw-gradient-from: hsl(var(--primary) / 0.4) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.to-primary {
+  --tw-gradient-to: hsl(var(--primary) / 1) var(--tw-gradient-to-position);
+}
+.fill-muted {
+  fill: hsl(var(--muted) / 1);
+}
 .fill-primary {
   fill: hsl(var(--primary) / 1);
 }
@@ -2693,6 +2758,9 @@ html.calm .tile-glass {
 .pr-1 {
   padding-right: 0.25rem;
 }
+.pr-10 {
+  padding-right: 2.5rem;
+}
 .pt-0 {
   padding-top: 0px;
 }
@@ -2854,6 +2922,10 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
+.text-muted {
+  --tw-text-opacity: 1;
+  color: hsl(var(--muted) / var(--tw-text-opacity, 1));
+}
 .text-muted-foreground {
   --tw-text-opacity: 1;
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
@@ -2895,6 +2967,9 @@ html.calm .tile-glass {
 .line-through {
   text-decoration-line: line-through;
 }
+.underline-offset-2 {
+  text-underline-offset: 2px;
+}
 .accent-foreground {
   accent-color: hsl(var(--foreground) / 1);
 }
@@ -3026,6 +3101,14 @@ html.calm .tile-glass {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   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);
 }
+.\!grayscale {
+  --tw-grayscale: grayscale(100%) !important;
+  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) !important;
+}
+.grayscale {
+  --tw-grayscale: grayscale(100%);
+  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);
+}
 .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);
 }
@@ -3188,6 +3271,9 @@ html.calm .tile-glass {
   --tw-border-opacity: 1;
   border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
 }
+.hover\:border-primary\/50:hover {
+  border-color: hsl(var(--primary) / 0.5);
+}
 .hover\:border-ring\/60:hover {
   border-color: hsl(var(--ring) / 0.6);
 }
@@ -3220,6 +3306,12 @@ html.calm .tile-glass {
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+.hover\:opacity-80:hover {
+  opacity: 0.8;
+}
 .hover\:opacity-90:hover {
   opacity: 0.9;
 }
@@ -3227,6 +3319,10 @@ html.calm .tile-glass {
   --tw-brightness: brightness(1.1);
   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);
 }
+.hover\:grayscale-0:hover {
+  --tw-grayscale: grayscale(0);
+  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);
+}
 .hover\:\[animation-play-state\:paused\]:hover {
   animation-play-state: paused;
 }
@@ -3409,6 +3505,16 @@ html.calm .tile-glass {
     gap: 0.75rem;
   }
 
+  .sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-y-reverse: 0;
+    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
+    border-bottom-width: calc(0px * var(--tw-divide-y-reverse));
+  }
+
+  .sm\:border-b {
+    border-bottom-width: 1px;
+  }
+
   .sm\:px-6 {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
@@ -3424,6 +3530,34 @@ html.calm .tile-glass {
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .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\:gap-8 {
+    gap: 2rem;
+  }
 }
 @media (min-width: 1024px) {
 
@@ -3434,6 +3568,10 @@ html.calm .tile-glass {
   .lg\:grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
 }
 .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
   display: none;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const A4UI_VERSION = "0.21.0";
+export declare const A4UI_VERSION = "0.23.0";
 export { cn } from './lib/cn';
 export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
 export { useEffects, isCalm, setEffects } from './lib/effects';
@@ -38,6 +38,7 @@ export { Tooltip } from './ui/Tooltip';
 export { Popover } from './ui/Popover';
 export { HoverCard } from './ui/HoverCard';
 export { Alert, type AlertTone } from './ui/Alert';
+export { AnnouncementBar, type AnnouncementBarProps, type AnnouncementTone } from './ui/AnnouncementBar';
 export { Avatar } from './ui/Avatar';
 export { Skeleton } from './ui/Skeleton';
 export { Separator } from './ui/Separator';
@@ -65,6 +66,8 @@ export { Tree, type TreeNode, type TreeProps } from './ui/Tree';
 export { Kbd } from './ui/Kbd';
 export { AvatarGroup, type AvatarGroupProps } from './ui/AvatarGroup';
 export { Descriptions, type DescriptionItem, type DescriptionsProps } from './ui/Descriptions';
+export { SpecSheet, type SpecSheetProps, type SpecGroup, type SpecRow } from './ui/SpecSheet';
+export { RatingsSummary, type RatingsSummaryProps, type RatingSource } from './ui/RatingsSummary';
 export { Result, type ResultStatus, type ResultProps } from './ui/Result';
 export { Splitter, type SplitterProps } from './ui/Splitter';
 export { Command, type CommandItem, type CommandProps } from './ui/Command';
@@ -83,6 +86,7 @@ export { Image, type ImageProps } from './ui/Image';
 export { SpeedDial, type SpeedDialAction, type SpeedDialProps } from './ui/SpeedDial';
 export { BottomNavigation, type BottomNavItem, type BottomNavigationProps } from './ui/BottomNavigation';
 export { Marquee } from './ui/Marquee';
+export { LogoWall, type LogoWallProps, type LogoItem } from './ui/LogoWall';
 export { DataGrid, type DataGridColumn, type DataGridProps } from './ui/DataGrid';
 export { TreeSelect, type TreeSelectProps } from './ui/TreeSelect';
 export { Cascader, type CascaderOption, type CascaderProps } from './ui/Cascader';