@nebutra/ui 0.2.3 → 2.0.0

package/dist/components/index.js

@@ -1,8 +1,4 @@
 "use client";
-import { Button as Button$1 } from '@lobehub/ui';
-export { ActionIcon, ActionIconGroup, Alert, Avatar, Button, Checkbox, DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelFooter, DraggablePanelHeader, Flexbox, Form, FormGroup, FormItem, Highlighter, Image, Input, List, Markdown, Menu, Modal, SearchBar, Segmented, Select, SideNav, Tag, TextArea, Tooltip } from '@lobehub/ui';
-export { ChatInputArea, ChatItem, ChatList, MessageInput, MessageModal } from '@lobehub/ui/chat';
-export { default as Spotlight } from '@lobehub/ui/es/awesome/Spotlight/Spotlight';
 import { motion, AnimatePresence, useReducedMotion, m, LazyMotion, domAnimation } from 'framer-motion';
 export { AnimatePresence, LayoutGroup, LazyMotion, MotionConfig, animate, domAnimation, m, motion, useAnimationFrame, useInView, useMotionTemplate, useMotionValue, useReducedMotion, useScroll, useSpring, useTransform, useVelocity } from 'framer-motion';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -11,7 +7,7 @@ import Image from 'next/image';
 import { Dialog as Dialog$1 } from '@base-ui/react/dialog';
 import * as React5 from 'react';
 import React5__default, { useEffectEvent, useId, useState } from 'react';
-import { colors, emerge, flow, brandSpring } from '@nebutra/brand';
+import { colors, brandSpring, flow, emerge } from '@nebutra/brand';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
@@ -23,7 +19,7 @@ import '@xyflow/react/dist/style.css';
 import { wouldCreateCycle } from '@nebutra/graph-model';
 import { Input as Input$1 } from '@base-ui/react/input';
 
-// src/components/index.ts
+// src/shared/animation/motion/index.ts
 
 // src/shared/animation/motion/tokens.ts
 var animationDurations = {
@@ -311,32 +307,33 @@ var overlayZIndex = {
   tooltip: 1070
 };
 var overlayClassNames = {
-  backdrop: "fixed inset-0 bg-black/40 backdrop-blur-sm transition-[opacity,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none",
+  backdrop: "fixed inset-0 bg-black/40 backdrop-blur-sm transition-[opacity,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)] data-ending-style:opacity-0 data-starting-style:opacity-0 motion-reduce:transition-none",
   modalSurface: [
     "fixed left-1/2 top-1/2 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4",
     "border border-border/60 bg-background/95 p-6 text-foreground backdrop-blur-xl",
     "rounded-[var(--radius-xl)]",
     shadowClasses["2xl"],
     "outline-none",
-    "transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
+    "transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
     "data-starting-style:scale-95 data-starting-style:opacity-0 data-ending-style:scale-95 data-ending-style:opacity-0",
     "motion-reduce:transition-none motion-reduce:data-starting-style:transform-none motion-reduce:data-ending-style:transform-none"
   ].join(" "),
   popoverSurface: [
-    "w-72 rounded-[var(--radius-lg)] border border-border/70 bg-popover/95 p-4 text-popover-foreground backdrop-blur-md",
+    "w-72 origin-[var(--transform-origin)] rounded-[var(--radius-lg)] border border-border/70 bg-popover/95 p-4 text-popover-foreground backdrop-blur-md",
     shadowClasses.xl,
-    "outline-none transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-[open]:opacity-100 data-[closed]:opacity-0 data-[closed]:scale-95 data-[open]:scale-100",
+    "outline-none transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-[open]:opacity-100 data-[closed]:opacity-0 data-[closed]:scale-[0.97] data-[open]:scale-100",
     "motion-reduce:transition-none motion-reduce:data-[closed]:transform-none motion-reduce:data-[open]:transform-none"
   ].join(" "),
   tooltipSurface: [
-    "overflow-hidden rounded-[var(--radius-md)] border border-border/70 bg-popover/95 px-3 py-1.5 text-sm text-popover-foreground backdrop-blur-md",
+    "origin-[var(--transform-origin)] overflow-hidden rounded-[var(--radius-md)] border border-border/70 bg-popover/95 px-3 py-1.5 text-sm text-popover-foreground backdrop-blur-md",
     shadowClasses.md,
-    "transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-out)]",
-    "data-starting-style:scale-95 data-starting-style:opacity-0 data-ending-style:scale-95 data-ending-style:opacity-0",
+    "transition-[opacity,transform,display] duration-[var(--motion-duration-flow)] ease-[var(--ease-brand)]",
+    "data-starting-style:scale-[0.97] data-starting-style:opacity-0 data-ending-style:scale-[0.97] data-ending-style:opacity-0",
+    "data-[instant]:duration-0",
     "motion-reduce:transition-none motion-reduce:data-starting-style:transform-none motion-reduce:data-ending-style:transform-none"
   ].join(" "),
-  closeButton: `absolute right-4 top-4 rounded-[var(--radius-sm)] opacity-70 ring-offset-background ${overlayFocusRingClassName} transition-opacity duration-[var(--motion-duration-micro)] ease-[var(--ease-out)] hover:opacity-100 disabled:pointer-events-none data-[open]:bg-accent data-[open]:text-muted-foreground motion-reduce:transition-none`
+  closeButton: `absolute right-4 top-4 rounded-[var(--radius-sm)] opacity-70 ring-offset-background ${overlayFocusRingClassName} transition-opacity duration-[var(--motion-duration-micro)] ease-[var(--ease-brand)] hover:opacity-100 disabled:pointer-events-none data-[open]:bg-accent data-[open]:text-muted-foreground motion-reduce:transition-none`
 };
 function cn(...inputs) {
   return twMerge(clsx(inputs));
@@ -560,7 +557,8 @@ var buttonVariants = cva(
     "inline-flex items-center justify-center gap-2 whitespace-nowrap",
     "rounded-[var(--btn-default-radius,var(--radius-md))]",
     "text-[length:var(--control-font-size-md,0.875rem)] font-[number:var(--font-weight-medium,500)]",
-    "transition-colors duration-micro ease-out",
+    "transition-[color,background-color,border-color,transform] duration-flow ease-[var(--ease-brand)]",
+    "active:scale-[0.97] motion-reduce:active:scale-100 motion-reduce:transition-none",
     "disabled:pointer-events-none disabled:opacity-50",
     "aria-busy:cursor-wait"
   ].join(" "),
@@ -937,19 +935,54 @@ var Textarea = ({
 };
 Textarea.displayName = "Textarea";
 var DEFAULT_TOOLTIP_DELAY_MS = 150;
+var SKIP_DELAY_WINDOW_MS = 400;
+var lastTooltipOpenAt = 0;
+var skipDelayListeners = /* @__PURE__ */ new Set();
+function markTooltipOpened() {
+  lastTooltipOpenAt = Date.now();
+  for (const listener of skipDelayListeners) listener();
+}
+function shouldSkipDelay() {
+  return Date.now() - lastTooltipOpenAt < SKIP_DELAY_WINDOW_MS;
+}
+function useSkipDelay() {
+  const [, tick] = React5.useReducer((count) => count + 1, 0);
+  React5.useEffect(() => {
+    skipDelayListeners.add(tick);
+    return () => {
+      skipDelayListeners.delete(tick);
+    };
+  }, []);
+  return shouldSkipDelay();
+}
+var TooltipInstantContext = React5.createContext(false);
 var TooltipProvider = ({
   children,
   delayDuration = DEFAULT_TOOLTIP_DELAY_MS
 }) => {
-  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay: delayDuration, children });
+  const skipDelay = useSkipDelay();
+  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay: skipDelay ? 0 : delayDuration, children });
 };
 var Tooltip = ({
   delayDuration,
   children,
+  onOpenChange,
   ...props
 }) => {
-  const delay = delayDuration ?? DEFAULT_TOOLTIP_DELAY_MS;
-  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay, children: /* @__PURE__ */ jsx(Tooltip$1.Root, { ...props, children }) });
+  const skipDelay = useSkipDelay();
+  const instant = delayDuration == null && skipDelay;
+  const delay = delayDuration ?? (instant ? 0 : DEFAULT_TOOLTIP_DELAY_MS);
+  return /* @__PURE__ */ jsx(TooltipInstantContext.Provider, { value: instant, children: /* @__PURE__ */ jsx(Tooltip$1.Provider, { delay, children: /* @__PURE__ */ jsx(
+    Tooltip$1.Root,
+    {
+      ...props,
+      onOpenChange: (open, eventDetails) => {
+        if (open) markTooltipOpened();
+        onOpenChange?.(open, eventDetails);
+      },
+      children
+    }
+  ) }) });
 };
 var TooltipTrigger = ({
   asChild,
@@ -979,25 +1012,29 @@ var TooltipContent = ({
   alignOffset = 0,
   ref,
   ...props
-}) => /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
-  Tooltip$1.Positioner,
-  {
-    side,
-    align,
-    sideOffset,
-    alignOffset,
-    style: { zIndex: overlayZIndex.tooltip },
-    children: /* @__PURE__ */ jsx(
-      Tooltip$1.Popup,
-      {
-        ref,
-        className: cn(overlayClassNames.tooltipSurface, className),
-        style: { zIndex: overlayZIndex.tooltip, ...style },
-        ...props
-      }
-    )
-  }
-) });
+}) => {
+  const instant = React5.use(TooltipInstantContext);
+  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(
+    Tooltip$1.Positioner,
+    {
+      side,
+      align,
+      sideOffset,
+      alignOffset,
+      style: { zIndex: overlayZIndex.tooltip },
+      children: /* @__PURE__ */ jsx(
+        Tooltip$1.Popup,
+        {
+          ref,
+          className: cn(overlayClassNames.tooltipSurface, className),
+          "data-instant": instant || void 0,
+          style: { zIndex: overlayZIndex.tooltip, ...style },
+          ...props
+        }
+      )
+    }
+  ) });
+};
 TooltipContent.displayName = "TooltipContent";
 var MAX_VISUALIZER_BARS = 64;
 var VISUALIZER_BAR_STYLES = Array.from({ length: MAX_VISUALIZER_BARS }, (_, index) => ({
@@ -1330,7 +1367,7 @@ function PromptSubmitAction({
           size: "icon",
           className: cn(
             "h-8 w-8 rounded-full transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-micro",
-            isRecording ? "bg-transparent hover:bg-accent text-destructive hover:text-destructive/80" : hasContent ? "bg-primary hover:bg-primary/90 text-primary-foreground" : "bg-transparent hover:bg-accent text-muted-foreground hover:text-foreground"
+            isRecording ? "bg-transparent hover:bg-accent text-destructive hover:text-destructive/80" : hasContent ? "bg-primary hover:bg-primary/90 text-primary-foreground" : "bg-transparent hover:bg-accent text-muted-foreground hover:text-accent-foreground"
           ),
           onClick: onActivate,
           disabled: isLoading && !hasContent,
@@ -1576,90 +1613,168 @@ var PromptInputBox = (props) => {
   ] });
 };
 PromptInputBox.displayName = "PromptInputBox";
-var emergeTransition = {
-  duration: emerge.transition.duration,
-  ease: [0.16, 1, 0.3, 1]
-};
-var flowTransition = {
-  duration: flow.transition.duration,
-  ease: [0, 0, 0.2, 1]
+
+// src/tokens/motion.ts
+var motionDurations = {
+  /** 300ms — content unveil (slide, expand, accordion, drawer) */
+  reveal: 300};
+var motionVariants = {
+  fadeInUp: {
+    initial: { opacity: 0, transform: "translateY(20px)" },
+    animate: { opacity: 1, transform: "translateY(0px)" },
+    exit: { opacity: 0, transform: "translateY(10px)" }
+  },
+  scaleIn: {
+    initial: { opacity: 0, scale: 0.95 },
+    animate: { opacity: 1, scale: 1 },
+    exit: { opacity: 0, scale: 0.95 }
+  }};
+var staggerContainers = {
+  fast: {
+    initial: {},
+    animate: { transition: { staggerChildren: 0.04, delayChildren: 0 } }
+  },
+  normal: {
+    initial: {},
+    animate: { transition: { staggerChildren: 0.06, delayChildren: 0.04 } }
+  },
+  slow: {
+    initial: {},
+    animate: { transition: { staggerChildren: 0.08, delayChildren: 0.05 } }
+  }
 };
-var defaultSpringTransition = {
-  type: "spring",
-  stiffness: brandSpring.default.stiffness,
-  damping: brandSpring.default.damping,
-  mass: brandSpring.default.mass
+var viewportSettings = {
+  once: { once: true, margin: "-100px" }};
+var fadeInVariant = {
+  initial: { opacity: 0 },
+  animate: { opacity: 1 },
+  exit: { opacity: 0 },
+  transition: { duration: 0.3 }
 };
 var PRESETS = {
+  /** 涌现 — materialize from the cloud (default) */
   emerge: {
     initial: emerge.initial,
     animate: emerge.animate,
     exit: emerge.exit,
-    transition: emergeTransition
+    transition: emerge.transition
   },
+  /** 流动 — stream horizontally */
   flow: {
     initial: flow.initial,
     animate: flow.animate,
     exit: flow.exit,
-    transition: flowTransition
+    transition: flow.transition
   },
-  fade: {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-    transition: { duration: 0.3 }
+  /** Simple fade */
+  fade: fadeInVariant,
+  /** Fade + rise */
+  fadeUp: motionVariants.fadeInUp,
+  /** Scale in */
+  scale: motionVariants.scaleIn,
+  /**
+   * Keyed content swap — short, symmetric, blur-softened. Rises in, sinks out.
+   * Shorter and shallower than `emerge` on purpose: a swap replaces content the
+   * reader is already looking at, so it must resolve inside the reveal rail.
+   * Pair with `AnimateSwap`.
+   */
+  swap: {
+    initial: { opacity: 0, transform: "translateY(10px)", filter: "blur(4px)" },
+    animate: { opacity: 1, transform: "translateY(0px)", filter: "blur(0px)" },
+    exit: { opacity: 0, transform: "translateY(-10px)", filter: "blur(4px)" },
+    transition: { duration: motionDurations.reveal / 1e3 }
   },
-  fadeUp: {
-    initial: { opacity: 0, y: 16 },
-    animate: { opacity: 1, y: 0 },
-    exit: { opacity: 0, y: 16 },
-    transition: defaultSpringTransition
+  /** Off-canvas panel entering from the right edge (drawer, sheet). */
+  slideFromRight: {
+    initial: { transform: "translateX(100%)" },
+    animate: { transform: "translateX(0%)" },
+    exit: { transform: "translateX(100%)" },
+    transition: brandSpring.default
   },
-  scale: {
-    initial: { opacity: 0, scale: 0.95 },
-    animate: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.95 },
-    transition: defaultSpringTransition
+  /** Off-canvas panel entering from the left edge. */
+  slideFromLeft: {
+    initial: { transform: "translateX(-100%)" },
+    animate: { transform: "translateX(0%)" },
+    exit: { transform: "translateX(-100%)" },
+    transition: brandSpring.default
+  },
+  /** Off-canvas panel entering from the top edge (banner, command bar). */
+  slideFromTop: {
+    initial: { transform: "translateY(-100%)" },
+    animate: { transform: "translateY(0%)" },
+    exit: { transform: "translateY(-100%)" },
+    transition: brandSpring.default
+  },
+  /** Off-canvas panel entering from the bottom edge (mobile action sheet). */
+  slideFromBottom: {
+    initial: { transform: "translateY(100%)" },
+    animate: { transform: "translateY(0%)" },
+    exit: { transform: "translateY(100%)" },
+    transition: brandSpring.default
   }
 };
-var STAGGER = { fast: 0.05, normal: 0.1, slow: 0.2 };
 function MotionDiv(props) {
   return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(m.div, { ...props }) });
 }
 function AnimateIn(props) {
-  const { children, preset = "emerge", delay = 0, duration, inView = false, className } = props;
+  const {
+    children,
+    preset = "fade",
+    delay = 0,
+    duration,
+    inView = false,
+    className,
+    ...rest
+  } = props;
   const shouldReduce = useReducedMotion();
-  const { initial, animate: animate2, exit, transition } = PRESETS[preset];
-  const t = {
-    ...transition,
-    ...delay ? { delay } : {},
+  const base = PRESETS[preset] || PRESETS.fade;
+  const initial = shouldReduce ? { opacity: 0 } : base.initial;
+  const animate2 = shouldReduce ? { opacity: 1 } : base.animate;
+  const exit = shouldReduce ? { opacity: 0 } : "exit" in base ? base.exit : void 0;
+  const transition = {
+    ...shouldReduce ? { duration: 0.15 } : base.transition,
+    delay,
     ...duration ? { duration } : {}
   };
-  if (shouldReduce) return /* @__PURE__ */ jsx("div", { className, children });
   if (inView) {
     return /* @__PURE__ */ jsx(
       MotionDiv,
       {
+        ...rest,
         className,
         initial,
         whileInView: animate2,
-        exit,
-        viewport: { once: true, margin: "-10%" },
-        transition: t,
+        ...exit && { exit },
+        transition,
+        viewport: viewportSettings.once,
         children
       }
     );
   }
-  return /* @__PURE__ */ jsx(MotionDiv, { className, initial, animate: animate2, exit, transition: t, children });
+  return /* @__PURE__ */ jsx(
+    MotionDiv,
+    {
+      ...rest,
+      className,
+      initial,
+      animate: animate2,
+      ...exit && { exit },
+      transition,
+      children
+    }
+  );
+}
+function AnimateSwap(props) {
+  const { swapKey, ...animateInProps } = props;
+  return /* @__PURE__ */ jsx(LazyMotion, { features: domAnimation, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(AnimateIn, { ...animateInProps }, swapKey) }) });
 }
 function AnimateInGroup(props) {
   const { children, stagger = "normal", inView = false, className } = props;
   const shouldReduce = useReducedMotion();
-  const variants = {
-    initial: {},
-    animate: { transition: { staggerChildren: STAGGER[stagger] } }
-  };
-  if (shouldReduce) return /* @__PURE__ */ jsx("div", { className, children });
+  const container = staggerContainers[stagger];
+  if (shouldReduce) {
+    return /* @__PURE__ */ jsx("div", { className, children });
+  }
   if (inView) {
     return /* @__PURE__ */ jsx(
       MotionDiv,
@@ -1667,13 +1782,13 @@ function AnimateInGroup(props) {
         className,
         initial: "initial",
         whileInView: "animate",
-        viewport: { once: true, margin: "-10%" },
-        variants,
+        viewport: viewportSettings.once,
+        variants: container,
         children
       }
     );
   }
-  return /* @__PURE__ */ jsx(MotionDiv, { className, initial: "initial", animate: "animate", variants, children });
+  return /* @__PURE__ */ jsx(MotionDiv, { className, initial: "initial", animate: "animate", variants: container, children });
 }
 function AsciiText({ text, className = "", font = slant }) {
   const asciiTextRef = useAsciiText({
@@ -1938,14 +2053,14 @@ function removeFlowEdge(graph, flowEdgeId, edgeIdentity) {
   };
 }
 var XYFLOW_TOKEN_THEME = {
-  ["--xy-background-pattern-color"]: "var(--neutral-6)",
-  ["--xy-edge-stroke"]: "var(--neutral-8)",
-  ["--xy-connectionline-stroke"]: "var(--neutral-8)",
-  ["--xy-handle-background-color"]: "var(--neutral-9)",
-  ["--xy-handle-border-color"]: "var(--neutral-7)",
-  ["--xy-controls-button-background-color"]: "var(--neutral-2)",
-  ["--xy-controls-button-border-color"]: "var(--neutral-7)",
-  ["--xy-controls-button-color"]: "var(--neutral-11)"
+  "--xy-background-pattern-color": "var(--neutral-6)",
+  "--xy-edge-stroke": "var(--neutral-8)",
+  "--xy-connectionline-stroke": "var(--neutral-8)",
+  "--xy-handle-background-color": "var(--neutral-9)",
+  "--xy-handle-border-color": "var(--neutral-7)",
+  "--xy-controls-button-background-color": "var(--neutral-2)",
+  "--xy-controls-button-border-color": "var(--neutral-7)",
+  "--xy-controls-button-color": "var(--neutral-11)"
 };
 var nodeCardVariants = cva(
   "min-w-[160px] rounded-[var(--radius-lg)] border bg-neutral-2 px-3 py-2 text-neutral-12 shadow-sm transition-colors",
@@ -2032,7 +2147,7 @@ function NodeGraphCanvas({
       setRejection(result.reason);
     }
   };
-  return /* @__PURE__ */ jsx(AnimateIn, { preset: "emerge", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       style: XYFLOW_TOKEN_THEME,
@@ -2067,11 +2182,11 @@ function NodeGraphCanvas({
                 children: [
                   /* @__PURE__ */ jsx("span", { children: rejection }),
                   /* @__PURE__ */ jsx(
-                    Button$1,
+                    Button,
                     {
-                      size: "small",
-                      type: "text",
-                      icon: /* @__PURE__ */ jsx(CrossSmall, { size: 14 }),
+                      size: "sm",
+                      variant: "ghost",
+                      prefix: /* @__PURE__ */ jsx(CrossSmall, { size: 14 }),
                       "aria-label": "Dismiss connection error",
                       onClick: () => setRejection(null),
                       children: "Dismiss"
@@ -2084,7 +2199,7 @@ function NodeGraphCanvas({
         }
       ) })
     }
-  ) });
+  );
 }
 var containerVariants = {
   hidden: { opacity: 0, y: 20 },
@@ -2419,7 +2534,7 @@ var inputControlButtonVariants = cva(
   [
     "absolute right-[var(--input-control-inset)] top-1/2 flex size-[var(--input-control-size)] -translate-y-1/2 items-center justify-center",
     "rounded-[var(--radius-sm)] text-muted-foreground transition-colors duration-micro ease-out",
-    "hover:bg-accent hover:text-foreground",
+    "hover:bg-accent hover:text-accent-foreground",
     "focus-visible:outline-none",
     "disabled:pointer-events-none disabled:opacity-50",
     "[&_svg]:size-[var(--input-control-icon-size)]"
@@ -2771,7 +2886,7 @@ function TeamChat({
     "div",
     {
       className: cn(
-        "w-full max-w-[var(--container-content)] mx-auto p-6 bg-white dark:bg-black rounded-[var(--radius-3xl)] shadow-lg flex flex-col h-[550px] border border-border",
+        "w-full max-w-content mx-auto p-6 bg-white dark:bg-black rounded-[var(--radius-3xl)] shadow-lg flex flex-col h-[550px] border border-border",
         className
       ),
       children: [
@@ -2886,6 +3001,6 @@ function TeamChat({
   );
 }
 
-export { AnimateIn, AnimateInGroup, AnimatedCard, AnimatedDrawer, AnimatedList, AnimatedModal, AnimatedPopover, AsciiText, ChangelogWidget, FadeIn, ImageViewDialog, MAX_VISUALIZER_BARS, NodeGraphCanvas, OnboardingChecklist, PageTransition, PromptAttachmentPreviews, PromptInputBox, ScaleIn, SlideIn, TeamChat, VISUALIZER_BAR_STYLES, VoiceRecorder, animatedList, animatedListItem, animationDistances, animationDurations, animationEasings, animationSprings, animationTransitions, drawerSurface, fadeIn, formatRecordingTime, getFilePreviewKey, isImageFile, modalSurface, pageTransition, popoverSurface, preventDragDefaults, reducedMotionVariants, scaleIn, slideIn };
+export { AnimateIn, AnimateInGroup, AnimateSwap, AnimatedCard, AnimatedDrawer, AnimatedList, AnimatedModal, AnimatedPopover, AsciiText, ChangelogWidget, FadeIn, GRAPH_NODE_FLOW_TYPE, ImageViewDialog, MAX_VISUALIZER_BARS, NodeGraphCanvas, OnboardingChecklist, PageTransition, PromptAttachmentPreviews, PromptInputBox, ScaleIn, SlideIn, TeamChat, VISUALIZER_BAR_STYLES, VoiceRecorder, animatedList, animatedListItem, animationDistances, animationDurations, animationEasings, animationSprings, animationTransitions, applyNodePositions, drawerSurface, fadeIn, formatRecordingTime, getFilePreviewKey, graphToFlow, isImageFile, modalSurface, pageTransition, popoverSurface, preventDragDefaults, reducedMotionVariants, removeFlowEdge, removeNode, scaleIn, slideIn, tryAddEdge };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map