@nebutra/ui 0.2.3 → 3.0.0

package/dist/card-DunB1gKE.d.ts

@@ -0,0 +1,105 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "outline" | "elevated" | "ghost" | null | undefined;
+    padding?: "none" | "sm" | "md" | "lg" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type CardVariant = NonNullable<VariantProps<typeof cardVariants>["variant"]>;
+type CardPadding = NonNullable<VariantProps<typeof cardVariants>["padding"]>;
+type DivProps = React.HTMLAttributes<HTMLDivElement> & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+};
+interface CardProps extends DivProps {
+    variant?: CardVariant;
+    padding?: CardPadding;
+    /** Hover lift for a card that is itself a link or button target. */
+    interactive?: boolean;
+}
+declare const CardRoot: {
+    ({ className, variant, padding, interactive, ref, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const CardHeader: {
+    ({ className, ref, ...props }: DivProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    as?: "h2" | "h3" | "h4" | "h5" | "h6";
+    ref?: React.Ref<HTMLHeadingElement> | undefined;
+}
+declare const CardTitle: {
+    ({ className, as: Tag, ref, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement | HTMLDivElement> {
+    as?: React.ElementType;
+    ref?: React.Ref<HTMLParagraphElement | HTMLDivElement> | undefined;
+}
+declare const CardDescription: {
+    ({ className, as: Tag, ref, ...props }: CardDescriptionProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    displayName: string;
+};
+declare const CardContent: {
+    ({ className, ref, ...props }: DivProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const CardFooter: {
+    ({ className, ref, ...props }: DivProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+interface CardIconProps extends DivProps {
+    size?: "sm" | "md" | "lg";
+}
+declare const CardIcon: {
+    ({ className, size, ref, ...props }: CardIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+type CardHeaderProps = DivProps;
+type CardContentProps = DivProps;
+type CardBodyProps = DivProps;
+type CardFooterProps = DivProps;
+/** Compound form: Card.Header, Card.Title, Card.Body (= CardContent), … */
+declare const Card: {
+    ({ className, variant, padding, interactive, ref, ...props }: CardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+} & {
+    Header: {
+        ({ className, ref, ...props }: DivProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Title: {
+        ({ className, as: Tag, ref, ...props }: CardTitleProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Description: {
+        ({ className, as: Tag, ref, ...props }: CardDescriptionProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        displayName: string;
+    };
+    Content: {
+        ({ className, ref, ...props }: DivProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Body: {
+        ({ className, ref, ...props }: DivProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ref, ...props }: DivProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+    Icon: {
+        ({ className, size, ref, ...props }: CardIconProps): react_jsx_runtime.JSX.Element;
+        displayName: string;
+    };
+};
+/** @deprecated Alias of CardContent from the former patterns/Card. */
+declare const CardBody: {
+    ({ className, ref, ...props }: DivProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { Card as C, type CardProps as a, CardBody as b, type CardBodyProps as c, CardDescription as d, type CardDescriptionProps as e, CardFooter as f, type CardFooterProps as g, CardHeader as h, type CardHeaderProps as i, CardIcon as j, type CardIconProps as k, CardRoot as l, CardTitle as m, type CardTitleProps as n, CardContent as o, type CardContentProps as p, cardVariants as q };

package/dist/chat/index.d.ts

@@ -0,0 +1 @@
+export { ChatInputArea, ChatItem, ChatItemProps, ChatList, ChatListProps, ChatMessage, MessageInput, MessageModal } from '@lobehub/ui/chat';

package/dist/chat/index.js

@@ -0,0 +1,3 @@
+export { ChatInputArea, ChatItem, ChatList, MessageInput, MessageModal } from '@lobehub/ui/chat';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/components/index.d.ts

@@ -1,11 +1,8 @@
-export { ActionIcon, ActionIconGroup, Alert, Avatar, Button, Checkbox, DraggablePanel, DraggablePanelBody, DraggablePanelContainer, DraggablePanelFooter, DraggablePanelHeader, Flexbox, FlexboxProps, Form, FormGroup, FormItem, Highlighter, Image, Input, List, Markdown, Menu, Modal, SearchBar, Segmented, Select, SideNav, Tag, TextArea, Tooltip } from '@lobehub/ui';
-export { ChatInputArea, ChatItem, ChatItemProps, ChatList, ChatListProps, ChatMessage, MessageInput, MessageModal } from '@lobehub/ui/chat';
-export { default as Spotlight } from '@lobehub/ui/es/awesome/Spotlight/Spotlight';
 export { AnimatePresence, HTMLMotionProps, LayoutGroup, LazyMotion, MotionConfig, MotionProps, MotionStyle, MotionValue, Transition, Variants, animate, domAnimation, m, motion, useAnimationFrame, useInView, useMotionTemplate, useMotionValue, useReducedMotion, useScroll, useSpring, useTransform, useVelocity } from 'framer-motion';
 export { A as AnimatedCard, a as AnimatedDrawer, b as AnimatedList, c as AnimatedModal, d as AnimatedPopover, e as AnimationDuration, f as AnimationTransition, F as FadeIn, P as PageTransition, S as ScaleIn, g as SlideIn, h as animatedList, i as animatedListItem, j as animationDistances, k as animationDurations, l as animationEasings, m as animationSprings, n as animationTransitions, o as drawerSurface, p as fadeIn, q as modalSurface, r as pageTransition, s as popoverSurface, t as reducedMotionVariants, u as scaleIn, v as slideIn } from '../tokens-EAC6uPem.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
 import React__default, { ReactNode } from 'react';
+export { A as AnimateIn, a as AnimateInGroup, b as AnimateInGroupProps, c as AnimateInProps, d as AnimateSwap, e as AnimateSwapProps } from '../animate-in-BlvjVh2S.js';
 import { GraphEdge, GraphNode, Graph } from '@nebutra/graph-model';
 
 declare const isImageFile: (file: File) => boolean;
@@ -25,10 +22,27 @@ type PromptAttachmentPreviewsProps = {
 };
 declare function PromptAttachmentPreviews({ files, filePreviews, isRecording, onPreview, onRemove, }: PromptAttachmentPreviewsProps): react_jsx_runtime.JSX.Element | null;
 
+/** Every visible and accessible string the prompt box renders. */
+interface PromptInputBoxLabels {
+    upload: string;
+    search: string;
+    think: string;
+    canvas: string;
+    searchPlaceholder: string;
+    thinkPlaceholder: string;
+    canvasPlaceholder: string;
+    stopGeneration: string;
+    stopRecording: string;
+    sendMessage: string;
+    voiceMessage: string;
+}
+declare const DEFAULT_PROMPT_INPUT_BOX_LABELS: PromptInputBoxLabels;
 interface PromptInputBoxProps {
     onSend?: (message: string, files?: File[]) => void;
     isLoading?: boolean;
     placeholder?: string;
+    /** Override any string the box renders — pass translations here. */
+    labels?: Partial<PromptInputBoxLabels>;
     className?: string;
     ref?: React__default.Ref<HTMLDivElement>;
 }
@@ -49,124 +63,6 @@ interface VoiceRecorderProps {
 }
 declare const VoiceRecorder: React__default.FC<VoiceRecorderProps>;
 
-declare const PRESETS: {
-    readonly emerge: {
-        readonly initial: {
-            readonly opacity: 0;
-            readonly y: 16;
-            readonly filter: "blur(6px)";
-        };
-        readonly animate: {
-            readonly opacity: 1;
-            readonly y: 0;
-            readonly filter: "blur(0px)";
-        };
-        readonly exit: {
-            readonly opacity: 0;
-            readonly y: -8;
-            readonly filter: "blur(4px)";
-        };
-        readonly transition: {
-            duration: 0.5;
-            ease: [number, number, number, number];
-        };
-    };
-    readonly flow: {
-        readonly initial: {
-            readonly opacity: 0;
-            readonly x: -20;
-        };
-        readonly animate: {
-            readonly opacity: 1;
-            readonly x: 0;
-        };
-        readonly exit: {
-            readonly opacity: 0;
-            readonly x: 20;
-        };
-        readonly transition: {
-            duration: 0.3;
-            ease: [number, number, number, number];
-        };
-    };
-    readonly fade: {
-        readonly initial: {
-            readonly opacity: 0;
-        };
-        readonly animate: {
-            readonly opacity: 1;
-        };
-        readonly exit: {
-            readonly opacity: 0;
-        };
-        readonly transition: {
-            readonly duration: 0.3;
-        };
-    };
-    readonly fadeUp: {
-        readonly initial: {
-            readonly opacity: 0;
-            readonly y: 16;
-        };
-        readonly animate: {
-            readonly opacity: 1;
-            readonly y: 0;
-        };
-        readonly exit: {
-            readonly opacity: 0;
-            readonly y: 16;
-        };
-        readonly transition: {
-            type: "spring";
-            stiffness: 200;
-            damping: 24;
-            mass: 1;
-        };
-    };
-    readonly scale: {
-        readonly initial: {
-            readonly opacity: 0;
-            readonly scale: 0.95;
-        };
-        readonly animate: {
-            readonly opacity: 1;
-            readonly scale: 1;
-        };
-        readonly exit: {
-            readonly opacity: 0;
-            readonly scale: 0.95;
-        };
-        readonly transition: {
-            type: "spring";
-            stiffness: 200;
-            damping: 24;
-            mass: 1;
-        };
-    };
-};
-type Preset = keyof typeof PRESETS;
-declare const STAGGER: {
-    readonly fast: 0.05;
-    readonly normal: 0.1;
-    readonly slow: 0.2;
-};
-interface AnimateInProps {
-    children: React.ReactNode;
-    preset?: Preset;
-    delay?: number;
-    duration?: number;
-    inView?: boolean;
-    className?: string;
-}
-declare function AnimateIn(props: AnimateInProps): react_jsx_runtime.JSX.Element;
-interface AnimateInGroupProps {
-    children: React.ReactNode;
-    stagger?: keyof typeof STAGGER;
-    inView?: boolean;
-    className?: string;
-}
-declare function AnimateInGroup(props: AnimateInGroupProps): react_jsx_runtime.JSX.Element;
-
 interface AsciiTextProps {
     text: string;
     className?: string;
@@ -187,8 +83,10 @@ interface ChangelogWidgetProps {
     entries: ChangelogEntry[];
     changelogUrl?: string;
     className?: string;
+    /** Label for the changelog trigger button (a shared component cannot pick the product's language) */
+    triggerLabel?: string;
 }
-declare function ChangelogWidget({ entries, changelogUrl, className, }: ChangelogWidgetProps): react_jsx_runtime.JSX.Element;
+declare function ChangelogWidget({ entries, changelogUrl, className, triggerLabel, }: ChangelogWidgetProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Pure mapping layer between a neutral `@nebutra/graph-model` graph and the
@@ -207,6 +105,28 @@ declare function ChangelogWidget({ entries, changelogUrl, className, }: Changelo
 type EdgeIdentity<E extends GraphEdge> = (edge: E) => string;
 /** Build a domain edge from an xyflow connection, or reject it (null). */
 type MakeEdge<E extends GraphEdge> = (from: string, to: string, targetHandle: string | null) => E | null;
+/** xyflow node shape we consume/produce (structurally compatible). */
+interface FlowNode<N extends GraphNode> {
+    id: string;
+    type: string;
+    position: {
+        x: number;
+        y: number;
+    };
+    data: {
+        node: N;
+    };
+}
+/** xyflow edge shape we consume/produce (structurally compatible). */
+interface FlowEdge<E extends GraphEdge> {
+    id: string;
+    source: string;
+    target: string;
+    targetHandle?: string | null;
+    data: {
+        edge: E;
+    };
+}
 /** xyflow's connection payload (source/target may be null mid-drag). */
 interface FlowConnection {
     source: string | null;
@@ -214,6 +134,40 @@ interface FlowConnection {
     sourceHandle: string | null;
     targetHandle: string | null;
 }
+type AddEdgeResult<G> = {
+    ok: true;
+    graph: G;
+} | {
+    ok: false;
+    reason: string;
+};
+/** Single custom xyflow node `type` key — one renderer for every node. */
+declare const GRAPH_NODE_FLOW_TYPE: "graph-node";
+/** Graph → xyflow view model. Pure; allocates fresh arrays. */
+declare function graphToFlow<N extends GraphNode, E extends GraphEdge>(graph: Graph<N, E>, edgeIdentity: EdgeIdentity<E>): {
+    nodes: FlowNode<N>[];
+    edges: FlowEdge<E>[];
+};
+/**
+ * Apply xyflow node positions back onto the graph. Returns a *new* graph;
+ * the input and its `nodes` array are never mutated. Non-structural fields
+ * (anything besides `nodes`/`edges`) are preserved by spread.
+ */
+declare function applyNodePositions<N extends GraphNode, E extends GraphEdge, G extends Graph<N, E>>(graph: G, flowNodes: readonly FlowNode<N>[]): G;
+/**
+ * Attempt to add a connection as a domain edge. Rejected (with a
+ * human-readable hint) on missing endpoints, self-loop, duplicate, a domain
+ * `makeEdge` veto, or when it would make the graph cyclic — enforced via the
+ * neutral `@nebutra/graph-model` guard so the UI can never persist a non-DAG.
+ */
+declare function tryAddEdge<N extends GraphNode, E extends GraphEdge, G extends Graph<N, E>>(graph: G, connection: FlowConnection, opts: {
+    makeEdge: MakeEdge<E>;
+    edgeIdentity: EdgeIdentity<E>;
+}): AddEdgeResult<G>;
+/** Remove a node and every edge incident to it. Returns a new graph. */
+declare function removeNode<N extends GraphNode, E extends GraphEdge, G extends Graph<N, E>>(graph: G, nodeId: string): G;
+/** Remove one edge identified by its injected stable identity. */
+declare function removeFlowEdge<N extends GraphNode, E extends GraphEdge, G extends Graph<N, E>>(graph: G, flowEdgeId: string, edgeIdentity: EdgeIdentity<E>): G;
 
 /** Domain-supplied presentation for one node. */
 interface NodeView {
@@ -265,6 +219,8 @@ interface OnboardingChecklistProps {
     videoThumbnailUrl: string;
     /** Embed URL for the video (YouTube, Vimeo, etc.) */
     videoUrl: string;
+    /** Accessible name of the video play button. Pass a translated string. */
+    playVideoLabel?: string;
     /** Additional CSS classes */
     className?: string;
 }
@@ -295,7 +251,7 @@ interface OnboardingChecklistProps {
  * />
  * ```
  */
-declare function OnboardingChecklist({ title, description, items, videoThumbnailUrl, videoUrl, className, }: OnboardingChecklistProps): react_jsx_runtime.JSX.Element;
+declare function OnboardingChecklist({ title, description, items, videoThumbnailUrl, videoUrl, playVideoLabel, className, }: OnboardingChecklistProps): react_jsx_runtime.JSX.Element;
 
 interface ChatSender {
     /** Display name */
@@ -342,9 +298,17 @@ interface TeamChatProps {
     onReactionClick?: (messageId: string, emoji: string) => void;
     /** Callback when more options clicked */
     onMoreOptions?: () => void;
+    /** Accessible names for the icon buttons. Pass translated strings. */
+    labels?: Partial<TeamChatLabels>;
     /** Additional CSS classes */
     className?: string;
 }
+interface TeamChatLabels {
+    moreOptions: string;
+    addEmoji: string;
+    sendMessage: string;
+}
+declare const DEFAULT_TEAM_CHAT_LABELS: TeamChatLabels;
 /**
  * TeamChat - Team messaging interface with participant sidebar
  *
@@ -370,6 +334,6 @@ interface TeamChatProps {
  * />
  * ```
  */
-declare function TeamChat({ chatName, tagline, messages, inputPlaceholder, onSendMessage, onReactionClick, onMoreOptions, className, }: TeamChatProps): react_jsx_runtime.JSX.Element;
+declare function TeamChat({ chatName, tagline, messages, inputPlaceholder, onSendMessage, onReactionClick, onMoreOptions, labels: labelOverrides, className, }: TeamChatProps): react_jsx_runtime.JSX.Element;
 
-export { AnimateIn, AnimateInGroup, type AnimateInGroupProps, type AnimateInProps, AsciiText, type ChangelogEntry, ChangelogWidget, type ChangelogWidgetProps, type ChatReaction, type ChatSender, type ChecklistItem, type EdgeIdentity, type FlowConnection, ImageViewDialog, type ImageViewDialogProps, MAX_VISUALIZER_BARS, type MakeEdge, NodeGraphCanvas, type NodeGraphCanvasProps, type NodeView, OnboardingChecklist, type OnboardingChecklistProps, PromptAttachmentPreviews, type PromptAttachmentPreviewsProps, PromptInputBox, type PromptInputBoxProps, TeamChat, type TeamChatProps, VISUALIZER_BAR_STYLES, VoiceRecorder, type VoiceRecorderProps, formatRecordingTime, getFilePreviewKey, isImageFile, preventDragDefaults };
+export { type AddEdgeResult, AsciiText, type ChangelogEntry, ChangelogWidget, type ChangelogWidgetProps, type ChatMessage, type ChatReaction, type ChatSender, type ChecklistItem, DEFAULT_PROMPT_INPUT_BOX_LABELS, DEFAULT_TEAM_CHAT_LABELS, type EdgeIdentity, type FlowConnection, type FlowEdge, type FlowNode, GRAPH_NODE_FLOW_TYPE, ImageViewDialog, type ImageViewDialogProps, MAX_VISUALIZER_BARS, type MakeEdge, NodeGraphCanvas, type NodeGraphCanvasProps, type NodeView, OnboardingChecklist, type OnboardingChecklistProps, PromptAttachmentPreviews, type PromptAttachmentPreviewsProps, PromptInputBox, type PromptInputBoxLabels, type PromptInputBoxProps, TeamChat, type TeamChatLabels, type TeamChatProps, VISUALIZER_BAR_STYLES, VoiceRecorder, type VoiceRecorderProps, applyNodePositions, formatRecordingTime, getFilePreviewKey, graphToFlow, isImageFile, preventDragDefaults, removeFlowEdge, removeNode, tryAddEdge };