@a4ui/core 0.34.0 → 0.35.0

package/dist/elements.css

@@ -1574,6 +1574,9 @@ html.calm .tile-glass {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -1608,6 +1611,10 @@ html.calm .tile-glass {
   left: 0px;
   right: 0px;
 }
+.inset-x-4 {
+  left: 1rem;
+  right: 1rem;
+}
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
@@ -1623,9 +1630,15 @@ html.calm .tile-glass {
 .-bottom-4 {
   bottom: -1rem;
 }
+.-bottom-5 {
+  bottom: -1.25rem;
+}
 .-bottom-6 {
   bottom: -1.5rem;
 }
+.-left-1 {
+  left: -0.25rem;
+}
 .-left-40 {
   left: -10rem;
 }
@@ -1662,6 +1675,9 @@ html.calm .tile-glass {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
 .bottom-3 {
   bottom: 0.75rem;
 }
@@ -1677,6 +1693,9 @@ html.calm .tile-glass {
 .left-0 {
   left: 0px;
 }
+.left-1 {
+  left: 0.25rem;
+}
 .left-1\/2 {
   left: 50%;
 }
@@ -1692,6 +1711,9 @@ html.calm .tile-glass {
 .left-6 {
   left: 1.5rem;
 }
+.left-\[1\.375rem\] {
+  left: 1.375rem;
+}
 .left-\[calc\(0\.5rem\+0\.375rem\)\] {
   left: calc(0.5rem + 0.375rem);
 }
@@ -1740,6 +1762,9 @@ html.calm .tile-glass {
 .top-6 {
   top: 1.5rem;
 }
+.top-9 {
+  top: 2.25rem;
+}
 .top-\[14vh\] {
   top: 14vh;
 }
@@ -1755,6 +1780,9 @@ html.calm .tile-glass {
 .z-10 {
   z-index: 10;
 }
+.z-20 {
+  z-index: 20;
+}
 .z-40 {
   z-index: 40;
 }
@@ -1776,6 +1804,9 @@ html.calm .tile-glass {
 .z-\[9999\] {
   z-index: 9999;
 }
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
 .col-start-1 {
   grid-column-start: 1;
 }
@@ -1819,9 +1850,15 @@ html.calm .tile-glass {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -2012,6 +2049,9 @@ html.calm .tile-glass {
 .h-\[1em\] {
   height: 1em;
 }
+.h-\[256px\] {
+  height: 256px;
+}
 .h-\[36rem\] {
   height: 36rem;
 }
@@ -2201,6 +2241,9 @@ html.calm .tile-glass {
 .w-\[18px\] {
   width: 18px;
 }
+.w-\[256px\] {
+  width: 256px;
+}
 .w-\[36rem\] {
   width: 36rem;
 }
@@ -2309,6 +2352,9 @@ html.calm .tile-glass {
 .max-w-md {
   max-width: 28rem;
 }
+.max-w-none {
+  max-width: none;
+}
 .max-w-sm {
   max-width: 24rem;
 }
@@ -2369,6 +2415,10 @@ html.calm .tile-glass {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-y-full {
+  --tw-translate-y: -100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-0\.5 {
   --tw-translate-x: 0.125rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2452,9 +2502,15 @@ html.calm .tile-glass {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+.cursor-cell {
+  cursor: cell;
+}
 .cursor-col-resize {
   cursor: col-resize;
 }
+.cursor-crosshair {
+  cursor: crosshair;
+}
 .cursor-ew-resize {
   cursor: ew-resize;
 }
@@ -2519,6 +2575,9 @@ html.calm .tile-glass {
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
 .grid-rows-\[0fr\] {
   grid-template-rows: 0fr;
 }
@@ -2582,6 +2641,9 @@ html.calm .tile-glass {
 .gap-4 {
   gap: 1rem;
 }
+.gap-5 {
+  gap: 1.25rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -2650,6 +2712,9 @@ html.calm .tile-glass {
 .divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
   border-color: hsl(var(--border) / 0.6);
 }
+.self-center {
+  align-self: center;
+}
 .self-stretch {
   align-self: stretch;
 }
@@ -2789,6 +2854,9 @@ html.calm .tile-glass {
 .border-dashed {
   border-style: dashed;
 }
+.border-none {
+  border-style: none;
+}
 .border-amber-500 {
   --tw-border-opacity: 1;
   border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
@@ -2892,6 +2960,9 @@ html.calm .tile-glass {
 .bg-accent\/15 {
   background-color: hsl(var(--accent) / 0.15);
 }
+.bg-accent\/30 {
+  background-color: hsl(var(--accent) / 0.3);
+}
 .bg-amber-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
@@ -3116,6 +3187,9 @@ html.calm .tile-glass {
 .p-1 {
   padding: 0.25rem;
 }
+.p-1\.5 {
+  padding: 0.375rem;
+}
 .p-10 {
   padding: 2.5rem;
 }
@@ -3294,6 +3368,9 @@ html.calm .tile-glass {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -3324,6 +3401,9 @@ html.calm .tile-glass {
 .font-mono {
   font-family: "IBM Plex Mono", ui-monospace, monospace;
 }
+.font-sans {
+  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
+}
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -3396,6 +3476,9 @@ html.calm .tile-glass {
 .uppercase {
   text-transform: uppercase;
 }
+.lowercase {
+  text-transform: lowercase;
+}
 .capitalize {
   text-transform: capitalize;
 }
@@ -3406,6 +3489,9 @@ html.calm .tile-glass {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-6 {
+  line-height: 1.5rem;
+}
 .leading-none {
   line-height: 1;
 }
@@ -3479,6 +3565,9 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
+.text-inherit {
+  color: inherit;
+}
 .text-muted {
   --tw-text-opacity: 1;
   color: hsl(var(--muted) / var(--tw-text-opacity, 1));
@@ -3550,6 +3639,12 @@ html.calm .tile-glass {
 .underline-offset-2 {
   text-underline-offset: 2px;
 }
+.caret-foreground {
+  caret-color: hsl(var(--foreground) / 1);
+}
+.caret-transparent {
+  caret-color: transparent;
+}
 .accent-foreground {
   accent-color: hsl(var(--foreground) / 1);
 }
@@ -3577,6 +3672,9 @@ html.calm .tile-glass {
 .opacity-75 {
   opacity: 0.75;
 }
+.opacity-80 {
+  opacity: 0.8;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -3767,6 +3865,11 @@ html.calm .tile-glass {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-\[left\2c top\] {
+  transition-property: left,top;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-\[opacity\2c transform\] {
   transition-property: opacity,transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3823,12 +3926,18 @@ html.calm .tile-glass {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.will-change-\[left\2c top\] {
+  will-change: left,top;
+}
 .will-change-transform {
   will-change: transform;
 }
 .\[scrollbar-width\:none\] {
   scrollbar-width: none;
 }
+.\[tab-size\:2\] {
+  tab-size: 2;
+}
 .placeholder\:text-muted-foreground::placeholder {
   --tw-text-opacity: 1;
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
@@ -4037,6 +4146,10 @@ html.calm .tile-glass {
 .focus\:ring-ring\/40:focus {
   --tw-ring-color: hsl(var(--ring) / 0.4);
 }
+.focus-visible\:border-ring:focus-visible {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
+}
 .focus-visible\:bg-primary\/50:focus-visible {
   background-color: hsl(var(--primary) / 0.5);
 }
@@ -4364,6 +4477,9 @@ html.calm .tile-glass {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
 }
+.\[\&\.a4ui-tile-loaded\]\:opacity-100.a4ui-tile-loaded {
+  opacity: 1;
+}
 .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
   display: none;
 }

package/dist/full.css

@@ -1574,6 +1574,9 @@ html.calm .tile-glass {
 .pointer-events-none {
   pointer-events: none;
 }
+.pointer-events-auto {
+  pointer-events: auto;
+}
 .visible {
   visibility: visible;
 }
@@ -1608,6 +1611,10 @@ html.calm .tile-glass {
   left: 0px;
   right: 0px;
 }
+.inset-x-4 {
+  left: 1rem;
+  right: 1rem;
+}
 .inset-y-0 {
   top: 0px;
   bottom: 0px;
@@ -1623,9 +1630,15 @@ html.calm .tile-glass {
 .-bottom-4 {
   bottom: -1rem;
 }
+.-bottom-5 {
+  bottom: -1.25rem;
+}
 .-bottom-6 {
   bottom: -1.5rem;
 }
+.-left-1 {
+  left: -0.25rem;
+}
 .-left-40 {
   left: -10rem;
 }
@@ -1662,6 +1675,9 @@ html.calm .tile-glass {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
 .bottom-3 {
   bottom: 0.75rem;
 }
@@ -1677,6 +1693,9 @@ html.calm .tile-glass {
 .left-0 {
   left: 0px;
 }
+.left-1 {
+  left: 0.25rem;
+}
 .left-1\/2 {
   left: 50%;
 }
@@ -1692,6 +1711,9 @@ html.calm .tile-glass {
 .left-6 {
   left: 1.5rem;
 }
+.left-\[1\.375rem\] {
+  left: 1.375rem;
+}
 .left-\[calc\(0\.5rem\+0\.375rem\)\] {
   left: calc(0.5rem + 0.375rem);
 }
@@ -1740,6 +1762,9 @@ html.calm .tile-glass {
 .top-6 {
   top: 1.5rem;
 }
+.top-9 {
+  top: 2.25rem;
+}
 .top-\[14vh\] {
   top: 14vh;
 }
@@ -1755,6 +1780,9 @@ html.calm .tile-glass {
 .z-10 {
   z-index: 10;
 }
+.z-20 {
+  z-index: 20;
+}
 .z-40 {
   z-index: 40;
 }
@@ -1776,6 +1804,9 @@ html.calm .tile-glass {
 .z-\[9999\] {
   z-index: 9999;
 }
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
 .col-start-1 {
   grid-column-start: 1;
 }
@@ -1819,9 +1850,15 @@ html.calm .tile-glass {
 .mb-2 {
   margin-bottom: 0.5rem;
 }
+.mb-3 {
+  margin-bottom: 0.75rem;
+}
 .ml-1 {
   margin-left: 0.25rem;
 }
+.ml-1\.5 {
+  margin-left: 0.375rem;
+}
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -2012,6 +2049,9 @@ html.calm .tile-glass {
 .h-\[1em\] {
   height: 1em;
 }
+.h-\[256px\] {
+  height: 256px;
+}
 .h-\[36rem\] {
   height: 36rem;
 }
@@ -2201,6 +2241,9 @@ html.calm .tile-glass {
 .w-\[18px\] {
   width: 18px;
 }
+.w-\[256px\] {
+  width: 256px;
+}
 .w-\[36rem\] {
   width: 36rem;
 }
@@ -2309,6 +2352,9 @@ html.calm .tile-glass {
 .max-w-md {
   max-width: 28rem;
 }
+.max-w-none {
+  max-width: none;
+}
 .max-w-sm {
   max-width: 24rem;
 }
@@ -2369,6 +2415,10 @@ html.calm .tile-glass {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
+.-translate-y-full {
+  --tw-translate-y: -100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .translate-x-0\.5 {
   --tw-translate-x: 0.125rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2452,9 +2502,15 @@ html.calm .tile-glass {
 .animate-spin {
   animation: spin 1s linear infinite;
 }
+.cursor-cell {
+  cursor: cell;
+}
 .cursor-col-resize {
   cursor: col-resize;
 }
+.cursor-crosshair {
+  cursor: crosshair;
+}
 .cursor-ew-resize {
   cursor: ew-resize;
 }
@@ -2519,6 +2575,9 @@ html.calm .tile-glass {
 .grid-cols-7 {
   grid-template-columns: repeat(7, minmax(0, 1fr));
 }
+.grid-cols-8 {
+  grid-template-columns: repeat(8, minmax(0, 1fr));
+}
 .grid-rows-\[0fr\] {
   grid-template-rows: 0fr;
 }
@@ -2582,6 +2641,9 @@ html.calm .tile-glass {
 .gap-4 {
   gap: 1rem;
 }
+.gap-5 {
+  gap: 1.25rem;
+}
 .gap-6 {
   gap: 1.5rem;
 }
@@ -2650,6 +2712,9 @@ html.calm .tile-glass {
 .divide-border\/60 > :not([hidden]) ~ :not([hidden]) {
   border-color: hsl(var(--border) / 0.6);
 }
+.self-center {
+  align-self: center;
+}
 .self-stretch {
   align-self: stretch;
 }
@@ -2789,6 +2854,9 @@ html.calm .tile-glass {
 .border-dashed {
   border-style: dashed;
 }
+.border-none {
+  border-style: none;
+}
 .border-amber-500 {
   --tw-border-opacity: 1;
   border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
@@ -2892,6 +2960,9 @@ html.calm .tile-glass {
 .bg-accent\/15 {
   background-color: hsl(var(--accent) / 0.15);
 }
+.bg-accent\/30 {
+  background-color: hsl(var(--accent) / 0.3);
+}
 .bg-amber-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
@@ -3116,6 +3187,9 @@ html.calm .tile-glass {
 .p-1 {
   padding: 0.25rem;
 }
+.p-1\.5 {
+  padding: 0.375rem;
+}
 .p-10 {
   padding: 2.5rem;
 }
@@ -3294,6 +3368,9 @@ html.calm .tile-glass {
 .pt-1 {
   padding-top: 0.25rem;
 }
+.pt-1\.5 {
+  padding-top: 0.375rem;
+}
 .pt-2 {
   padding-top: 0.5rem;
 }
@@ -3324,6 +3401,9 @@ html.calm .tile-glass {
 .font-mono {
   font-family: "IBM Plex Mono", ui-monospace, monospace;
 }
+.font-sans {
+  font-family: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
+}
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -3396,6 +3476,9 @@ html.calm .tile-glass {
 .uppercase {
   text-transform: uppercase;
 }
+.lowercase {
+  text-transform: lowercase;
+}
 .capitalize {
   text-transform: capitalize;
 }
@@ -3406,6 +3489,9 @@ html.calm .tile-glass {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
+.leading-6 {
+  line-height: 1.5rem;
+}
 .leading-none {
   line-height: 1;
 }
@@ -3479,6 +3565,9 @@ html.calm .tile-glass {
   --tw-text-opacity: 1;
   color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
+.text-inherit {
+  color: inherit;
+}
 .text-muted {
   --tw-text-opacity: 1;
   color: hsl(var(--muted) / var(--tw-text-opacity, 1));
@@ -3550,6 +3639,12 @@ html.calm .tile-glass {
 .underline-offset-2 {
   text-underline-offset: 2px;
 }
+.caret-foreground {
+  caret-color: hsl(var(--foreground) / 1);
+}
+.caret-transparent {
+  caret-color: transparent;
+}
 .accent-foreground {
   accent-color: hsl(var(--foreground) / 1);
 }
@@ -3577,6 +3672,9 @@ html.calm .tile-glass {
 .opacity-75 {
   opacity: 0.75;
 }
+.opacity-80 {
+  opacity: 0.8;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -3767,6 +3865,11 @@ html.calm .tile-glass {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-\[left\2c top\] {
+  transition-property: left,top;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-\[opacity\2c transform\] {
   transition-property: opacity,transform;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -3823,12 +3926,18 @@ html.calm .tile-glass {
 .ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.will-change-\[left\2c top\] {
+  will-change: left,top;
+}
 .will-change-transform {
   will-change: transform;
 }
 .\[scrollbar-width\:none\] {
   scrollbar-width: none;
 }
+.\[tab-size\:2\] {
+  tab-size: 2;
+}
 .placeholder\:text-muted-foreground::placeholder {
   --tw-text-opacity: 1;
   color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
@@ -4037,6 +4146,10 @@ html.calm .tile-glass {
 .focus\:ring-ring\/40:focus {
   --tw-ring-color: hsl(var(--ring) / 0.4);
 }
+.focus-visible\:border-ring:focus-visible {
+  --tw-border-opacity: 1;
+  border-color: hsl(var(--ring) / var(--tw-border-opacity, 1));
+}
 .focus-visible\:bg-primary\/50:focus-visible {
   background-color: hsl(var(--primary) / 0.5);
 }
@@ -4364,6 +4477,9 @@ html.calm .tile-glass {
     grid-template-columns: repeat(6, minmax(0, 1fr));
   }
 }
+.\[\&\.a4ui-tile-loaded\]\:opacity-100.a4ui-tile-loaded {
+  opacity: 1;
+}
 .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
   display: none;
 }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const A4UI_VERSION = "0.34.0";
+export declare const A4UI_VERSION = "0.35.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';
@@ -149,6 +149,20 @@ export { AudioWaveform, type AudioWaveformProps } from './ui/AudioWaveform';
 export { Lamp, type LampProps } from './ui/Lamp';
 export { FollowingPointer, type FollowingPointerProps } from './ui/FollowingPointer';
 export { SheetSnap, type SheetSnapProps } from './ui/SheetSnap';
+export { OtpInput, type OtpInputProps } from './ui/OtpInput';
+export { MaskedInput, type MaskedInputProps } from './ui/MaskedInput';
+export { CodeEditor, type CodeEditorProps } from './ui/CodeEditor';
+export { SignaturePad, type SignaturePadProps } from './ui/SignaturePad';
+export { EmojiPicker, type EmojiPickerProps } from './ui/EmojiPicker';
+export { EventScheduler, type SchedulerEvent, type EventSchedulerProps } from './ui/EventScheduler';
+export { AvailabilityPicker, type AvailabilityPickerProps } from './ui/AvailabilityPicker';
+export { InteractiveMap, type MapMarker, type InteractiveMapProps } from './ui/InteractiveMap';
+export { LocationPicker, type LocationValue, type LocationPickerProps } from './ui/LocationPicker';
+export { QueryBuilder, type QueryField, type QueryRule, type QueryGroup, type QueryBuilderProps, } from './ui/QueryBuilder';
+export { JsonViewer, type JsonViewerProps } from './ui/JsonViewer';
+export { SpreadsheetGrid, type SpreadsheetGridProps } from './ui/SpreadsheetGrid';
+export { PresenceAvatars, type PresenceUser, type RemoteCursor, type PresenceAvatarsProps, } from './ui/PresenceAvatars';
+export { ActivityFeed, type ActivityItem, type ActivityFeedProps } from './ui/ActivityFeed';
 export { CopyButton, type CopyButtonProps, PlayPauseButton, type PlayPauseButtonProps, MuteButton, type MuteButtonProps, LockButton, type LockButtonProps, ThemeMorphButton, type ThemeMorphButtonProps, } from './ui/MorphPresets';
 export { CodeTabs, type CodeTabsProps, type CodeTab } from './ui/CodeTabs';
 export { PillSearch, type PillSearchProps, type PillField } from './ui/PillSearch';