@vvedantb/ui 0.17.1 → 0.18.0

package/src/index.ts

@@ -1,23 +1,42 @@
 // Colour, radius, shadow and font tokens live in @vvedantb/ui/tokens. Import that
 // stylesheet in the app. This package does not ship a second token set.
 export { cn } from "./utils/cn";
+export { UiConfigProvider, useUiConfig } from "./ui/ui-config";
+export type { UiConfig, UiConfigProviderProps } from "./ui/ui-config";
 export { floatingSurfaceClass } from "./ui/_menu-classes";
 export { fieldFocusClass, fieldFocusWithinClass } from "./ui/_field-classes";
 export * from "./ui/surface-classes";
 export * from "./motion/presets";
 export * from "./motion/panel-transition";
+// Gesture physics and animation budget helpers (shared clock, on-screen and
+// page-visibility pausing for infinite animations).
+export { DRAG_ACTIVATION_DISTANCE_PX, projectVelocity, rubberband } from "./utils/gesture";
+export {
+  bindRuntimeAnimation,
+  ensureRuntimeVisibility,
+  observeAnimVisibility,
+  useAnimOffscreenRef,
+} from "./utils/runtimeVisibility";
+export { msUntilNextBoundary, quantizedSnapshot, subscribeQuantized } from "./utils/sharedClock";
+export { CAT_SLOT_COUNT, catColorForId, catColorForSlot, catSlotForId } from "./utils/cat-color";
+export type { CatColorClasses, CatSlot } from "./utils/cat-color";
+export { CONTROL_RADIUS_CLASS, SURFACE_RADIUS_CLASS } from "./utils/surface-radius";
 export { restoreModalScrollLock } from "./ui/overlay-a11y";
 
+export * from "./ui/avatar";
 export * from "./ui/badge";
+export * from "./ui/border-beam";
 export * from "./ui/breadcrumb";
 export * from "./ui/button";
 export * from "./ui/button-group";
 export * from "./ui/card";
 export * from "./ui/carousel";
+export * from "./ui/centered-spinner";
 export * from "./ui/checkbox";
 export * from "./ui/collapsible";
 export * from "./ui/command";
 export * from "./ui/context-menu";
+export * from "./ui/crossfade-icon";
 export * from "./ui/dialog";
 export * from "./ui/alert-dialog";
 export * from "./ui/confirm-dialog";
@@ -28,9 +47,12 @@ export * from "./ui/input";
 export * from "./ui/label";
 export * from "./ui/labeled-slider-row";
 export * from "./ui/labeled-switch-row";
+export * from "./ui/list-row";
+export * from "./ui/loading-state";
 export * from "./ui/pagination";
 export * from "./ui/popover";
 export * from "./ui/progress";
+export * from "./ui/refresh-spin-icon";
 export {
   Select as RadixSelect,
   SelectContent as RadixSelectContent,
@@ -52,6 +74,8 @@ export * from "./ui/slide-over-panel";
 export * from "./ui/slider";
 export * from "./ui/sonner";
 export * from "./ui/spinner";
+export * from "./ui/status-dot";
+export * from "./ui/surface";
 export * from "./ui/switch";
 export * from "./ui/table";
 export * from "./ui/tabs";
@@ -69,24 +93,25 @@ export * from "./ui/clearInputDissolve";
 // Animated nav icons. Styles: `@vvedantb/ui/tokens/css/nav-icons.css`.
 export * from "./icons";
 
-// Dual copies: the richer file uses the plain name; the other keeps an `Alt` suffix.
+// Dual copies: the richer file uses the plain name. The deprecated `Alt` exports
+// (accordion, clear input, input group) wrap the main parts with the old markup.
 export * from "./ui/accordion";
 export {
-  Accordion as AccordionAlt,
-  AccordionItem as AccordionItemAlt,
-  AccordionTrigger as AccordionTriggerAlt,
-  AccordionContent as AccordionContentAlt,
+  AccordionAlt,
+  AccordionItemAlt,
+  AccordionTriggerAlt,
+  AccordionContentAlt,
 } from "./ui/accordion.alt";
 export * from "./ui/clear-input";
-export { ClearInput as ClearInputAlt } from "./ui/clear-input.alt";
+export { ClearInputAlt } from "./ui/clear-input.alt";
 export * from "./ui/input-group";
 export {
-  InputGroup as InputGroupAlt,
-  InputGroupAddon as InputGroupAddonAlt,
-  InputGroupButton as InputGroupButtonAlt,
-  InputGroupText as InputGroupTextAlt,
-  InputGroupInput as InputGroupInputAlt,
-  InputGroupTextarea as InputGroupTextareaAlt,
+  InputGroupAlt,
+  InputGroupAddonAlt,
+  InputGroupButtonAlt,
+  InputGroupTextAlt,
+  InputGroupInputAlt,
+  InputGroupTextareaAlt,
 } from "./ui/input-group.alt";
 export * from "./ui/scroll-area";
 export {
@@ -99,11 +124,15 @@ export * from "./ai-elements/attachments";
 export * from "./ai-elements/chain-of-thought";
 export * from "./ai-elements/code-block";
 export * from "./ai-elements/conversation";
+export * from "./ai-elements/file-chip";
 export * from "./ai-elements/image";
 export * from "./ai-elements/inline-citation";
 export * from "./ai-elements/message";
 export * from "./ai-elements/model-selector";
 export * from "./ai-elements/prompt-input";
+export * from "./ai-elements/prompt-input-settings";
+export * from "./ai-elements/prompt-input-speech";
+export * from "./ai-elements/prompt-input-traits";
 export * from "./ai-elements/queue";
 export * from "./ai-elements/reasoning";
 export * from "./ai-elements/shimmer";
@@ -111,10 +140,35 @@ export * from "./ai-elements/sources";
 export * from "./ai-elements/speech-input";
 export * from "./ai-elements/suggestion";
 
+// Agent activity and run surfaces (moved from eva): the activity timeline and
+// its step model, Trace lines, plan, test results, web preview, context usage
+// and the model picker.
+export * from "./ai-elements/activity-shared";
+export * from "./ai-elements/activity-question";
+export * from "./ai-elements/activity-tasks";
+export * from "./ai-elements/trace";
+export * from "./ai-elements/use-streaming-disclosure";
+export * from "./ai-elements/plan";
+export * from "./ai-elements/test-results";
+export * from "./ai-elements/web-preview";
+export * from "./ai-elements/context";
+export * from "./ai-elements/model-picker";
+export * from "./ai-elements/provider-icon";
+
 // Artifact viewers: frame with the state bridge, card, list, toolbar, viewer.
 // The core (schemas, state ops, document wrapper) comes from `@vvedantb/server`.
 export * from "./artifacts";
 
+// Kibo UI blocks: gantt, kanban, list, contribution graph, video player,
+// cursor, avatar stack, theme switcher. Kanban, list and gantt drag with
+// `useDragSensors`, the shared dnd-kit sensor split.
+export * from "./kibo";
+export { useDragSensors } from "./utils/useDragSensors";
+
+// Markdown renderer (Streamdown + code blocks, callouts, links, KaTeX).
+// Styles: `@vvedantb/ui/tokens/css/markdown.css`.
+export * from "./markdown";
+
 export * from "./audio";
 
 export * from "./composer";

package/src/kibo/avatar-stack.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { Children, type ReactNode } from "react";
+import { useCn } from "../ui/ui-config";
+
+export type AvatarStackProps = {
+  children: ReactNode;
+  className?: string;
+  size?: number;
+};
+
+export const AvatarStack = ({
+  children,
+  className,
+  size = 24,
+  ...props
+}: AvatarStackProps) => {
+  const merge = useCn();
+  return (
+    <div className={merge("-space-x-1.5 flex items-center", className)} {...props}>
+      {Children.map(children, (child, index) => {
+        if (!child) return null;
+        return (
+          <div
+            className="shrink-0 overflow-hidden rounded-full"
+            style={{
+              width: size,
+              height: size,
+              maskImage: index
+                ? `radial-gradient(circle ${size / 2}px at -${size / 4 + size / 10}px 50%, transparent 99%, white 100%)`
+                : "",
+            }}
+          >
+            {child}
+          </div>
+        );
+      })}
+    </div>
+  );
+};