@app-studio/web 0.9.36 → 0.9.38

package/dist/components/Text/Text/Text.props.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import type { TextProps as TextAppProps } from 'app-studio';
-import { Headings, Size, TextWeights } from './Text.type';
-export interface TextProps extends Omit<TextAppProps, 'children' | 'style' | 'pointerEvents'> {
-    children?: React.ReactNode;
-    backgroundColor?: string;
-    /**
-     * Background color used to automatically compute a readable text color
-     */
-    bgColor?: string;
-    heading?: Headings;
-    isItalic?: boolean;
-    isStriked?: boolean;
-    isUnderlined?: boolean;
-    isSub?: boolean;
-    isSup?: boolean;
-    maxLines?: number;
-    size?: Size;
-    weight?: TextWeights;
-}
-export interface ContentProps {
-    children: React.ReactNode | string;
-    isSub?: boolean;
-    isSup?: boolean;
-}
-export interface TruncateTextProps {
-    text: string;
-    maxLines?: number;
-}

package/dist/components/Text/Text/Text.style.d.ts

@@ -1,27 +0,0 @@
-/**
- * Text Styles
- *
- * Defines the styles for the Text component following the design guidelines:
- * - Typography: Inter/Geist font, specific sizes/weights
- * - Spacing: 4px grid system
- * - Colors: Neutral palette with semantic colors
- */
-import { Headings, Size, TextWeights } from './Text.type';
-import { ViewProps } from 'app-studio';
-/**
- * Heading sizes following typography guidelines
- * Matching shadcn/ui typography patterns
- */
-export declare const HeadingSizes: Record<Headings, ViewProps>;
-/**
- * Font sizes following typography guidelines
- */
-export declare const FontSizes: Record<Size, string>;
-/**
- * Line heights following typography guidelines
- */
-export declare const LineHeights: Record<Size, string>;
-/**
- * Font weights following typography guidelines
- */
-export declare const FontWeights: Record<TextWeights, string>;

package/dist/components/Text/Text/Text.utils.d.ts

@@ -1,2 +0,0 @@
-export declare const getTextColorHex: (backgroundColor: string) => "black" | "white";
-export declare const getTextColor: (backgroundColor: string) => "black" | "white";

package/dist/components/Text/Text/Text.view.d.ts

@@ -1,19 +0,0 @@
-/**
- * Text View Component
- *
- * Renders text with various styles and states according to the design guidelines.
- */
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { TextProps } from './Text.props';
-interface Props extends TextProps {
-    views?: {
-        container?: ViewProps;
-    };
-    bgColor?: string;
-}
-/**
- * Main Text component that renders text with various styles and states
- */
-declare const TextView: React.FC<Props>;
-export default TextView;

package/dist/components/Text/Text.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-/**
- * The Text component is a simple component that renders a text string or paragraphs as a DOM element in the UI. It is a <p> tag by default.
- */
-export declare const Text: React.FC<any>;

package/dist/components/Tree/Tree/Tree.props.d.ts

@@ -1,106 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { Size, Variant, TreeNode, TreeComponentType } from './Tree.type';
-/**
- * Props for the Tree component
- */
-export interface TreeProps extends ViewProps {
-    /**
-     * Child elements for compound component pattern (e.g., <Tree.Item />).
-     * Used if `items` prop is not provided.
-     */
-    children?: React.ReactNode;
-    /**
-     * Data-driven approach: array of tree nodes.
-     * If provided, `children` will be ignored for rendering tree items.
-     */
-    items?: TreeNode[];
-    /**
-     * Size of the tree items (affects padding and font size primarily).
-     * @default 'md'
-     */
-    size?: Size;
-    /**
-     * Visual variant of the tree items (affects background, borders).
-     * @default 'default'
-     */
-    variant?: Variant;
-    /**
-     * IDs of initially expanded items (uncontrolled mode).
-     */
-    defaultExpandedItems?: string[];
-    /**
-     * IDs of expanded items (controlled mode).
-     * If provided, component is controlled; `onExpandedItemsChange` must be used to update.
-     */
-    expandedItems?: string[];
-    /**
-     * Callback when expanded items change.
-     * Receives an array of currently expanded item IDs.
-     */
-    onExpandedItemsChange?: (expandedItems: string[]) => void;
-    /**
-     * Callback when an item is selected (clicked).
-     * Receives the `itemId` and the full `TreeNode` object if available (from data-driven mode).
-     */
-    onItemSelect?: (itemId: string, item?: TreeNode) => void;
-    /**
-     * ID of the currently selected item (controlled mode).
-     */
-    selectedItem?: string;
-    /**
-     * ID of the initially selected item (uncontrolled mode).
-     */
-    defaultSelectedItem?: string;
-    /**
-     * Whether to allow multiple selection.
-     * Note: Multi-select state management (tracking multiple selected items) is not fully implemented in `useTreeState` provided.
-     * This prop is a placeholder for future enhancement.
-     * @default false
-     */
-    multiSelect?: boolean;
-    /**
-     * Whether to enable drag and drop functionality for tree items.
-     * @default false
-     */
-    allowDragAndDrop?: boolean;
-    /**
-     * Custom icon to use for the drag handle.
-     * If not provided, a default drag handle icon will be used.
-     */
-    dragHandleIcon?: React.ReactNode;
-    /**
-     * Callback when items are reordered via drag and drop.
-     * Receives the updated array of tree nodes.
-     */
-    onItemsReorder?: (items: TreeNode[]) => void;
-    /**
-     * Callback when drag starts on an item.
-     * Receives the item ID and the event.
-     */
-    onDragStart?: (itemId: string, event: React.DragEvent) => void;
-    /**
-     * Callback when drag ends.
-     * Receives the item ID.
-     */
-    onDragEnd?: (itemId: string) => void;
-    /**
-     * Custom views for styling different parts of the component.
-     * Allows overriding default styles for sub-components.
-     */
-    views?: {
-        container?: ViewProps;
-        item?: ViewProps;
-        itemLabel?: ViewProps;
-        itemContent?: ViewProps;
-        icon?: ViewProps;
-        expandIcon?: ViewProps;
-        draggedItem?: ViewProps;
-        dragHandle?: ViewProps;
-    };
-}
-/**
- * Type for the Tree component with sub-components.
- * Makes `Tree.Item`, `Tree.ItemLabel`, `Tree.ItemContent` available.
- */
-export declare type TreeType = TreeComponentType<TreeProps>;

package/dist/components/Tree/Tree/Tree.state.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import { TreeNode } from './Tree.type';
-interface UseTreeStateProps {
-    defaultExpandedItems?: string[];
-    expandedItems?: string[];
-    onExpandedItemsChange?: (expandedItems: string[]) => void;
-    defaultSelectedItem?: string;
-    selectedItem?: string;
-    onItemSelect?: (itemId: string, itemData?: TreeNode) => void;
-    multiSelect?: boolean;
-    items?: TreeNode[];
-    allowDragAndDrop?: boolean;
-    onItemsReorder?: (items: TreeNode[]) => void;
-    onDragStart?: (itemId: string, event: React.DragEvent) => void;
-    onDragEnd?: (itemId: string) => void;
-}
-export declare const useTreeState: ({ defaultExpandedItems, expandedItems: controlledExpandedItems, onExpandedItemsChange, defaultSelectedItem, selectedItem: controlledSelectedItem, onItemSelect, multiSelect, items, allowDragAndDrop, onItemsReorder, onDragStart, onDragEnd, }: UseTreeStateProps) => {
-    baseId: string;
-    expandedItems: string[] | undefined;
-    toggleItem: (itemId: string) => void;
-    isItemExpanded: (itemId: string) => boolean | undefined;
-    selectedItem: any;
-    selectItem: (itemId: string) => void;
-    multiSelect: boolean;
-    allowDragAndDrop: boolean;
-    draggedItemId: string | null;
-    dropTarget: {
-        itemId: string;
-        position: 'before' | 'after' | 'inside';
-    } | null;
-    handleDragStart: (e: React.DragEvent, itemId: string) => void;
-    handleDragOver: (e: React.DragEvent, itemId: string) => void;
-    handleDrop: (e: React.DragEvent) => void;
-    handleDragEnd: (_: React.DragEvent) => void;
-    getDraggedItem: () => TreeNode | undefined;
-    items: TreeNode[] | undefined;
-};
-export {};

package/dist/components/Tree/Tree/Tree.style.d.ts

@@ -1,41 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Size, Variant } from './Tree.type';
-/**
- * Default styles for the Tree component and its parts
- */
-export declare const DefaultTreeStyles: {
-    container: ViewProps;
-    item: ViewProps;
-    itemLabel: ViewProps;
-    itemContent: ViewProps;
-    icon: ViewProps;
-    expandIcon: ViewProps;
-};
-/**
- * Size variations for the Tree component (primarily affects TreeItemLabel padding and font size)
- */
-export declare const TreeSizes: Record<Size, ViewProps>;
-/**
- * Variant styles for the Tree component (applied to TreeItemLabel for visual feedback)
- */
-export declare const TreeItemLabelVariants: Record<Variant, ViewProps>;
-/**
- * States for tree items (typically applied to TreeItemLabel)
- */
-export declare const TreeItemStates: {
-    selected: {
-        backgroundColor: string;
-        color: string;
-        fontWeight: string;
-    };
-    hover: {
-        backgroundColor: string;
-    };
-    disabled: {
-        opacity: number;
-        cursor: string;
-        _hover: {
-            backgroundColor: string;
-        };
-    };
-};

package/dist/components/Tree/Tree/Tree.type.d.ts

@@ -1,133 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { TreeProps } from './Tree.props';
-interface TreePropsPlaceholder {
-}
-/**
- * Size options for the Tree component (affects item padding/font)
- */
-export declare type Size = 'sm' | 'md' | 'lg';
-/**
- * Variant options for the Tree component (affects item appearance)
- */
-export declare type Variant = 'default' | 'outline' | 'filled';
-/**
- * Tree node data structure for data-driven approach
- */
-export interface TreeNode {
-    /** Unique identifier for the node */
-    id: string;
-    /** Label text for the node */
-    label: string;
-    /** Optional icon to display next to the label */
-    icon?: React.ReactNode;
-    /** Child nodes for hierarchical structure */
-    children?: TreeNode[];
-    /** Whether the node is disabled (unclickable, deemphasized) */
-    disabled?: boolean;
-    /** Custom data to associate with the node (e.g., for onItemSelect callback) */
-    data?: any;
-    /** Optional custom styles for this specific node (applied to TreeItem) */
-    style?: ViewProps;
-    /** Whether the node is currently being dragged */
-    isDragging?: boolean;
-    /** Whether the node can be dragged */
-    draggable?: boolean;
-}
-/**
- * Props for the TreeItem component (compound pattern)
- */
-export interface TreeItemProps extends ViewProps {
-    /** Unique identifier for the item, used for expansion state and selection */
-    value: string;
-    /** Whether the item is disabled */
-    disabled?: boolean;
-    /** Custom icon to display for this item */
-    icon?: React.ReactNode;
-    /** Children elements: typically TreeItemLabel and TreeItemContent */
-    children?: React.ReactNode;
-    /** Custom views for styling parts of this specific item */
-    views?: {
-        container?: ViewProps;
-        label?: ViewProps;
-        content?: ViewProps;
-        icon?: ViewProps;
-        expandIcon?: ViewProps;
-    };
-}
-/**
- * Props for the TreeItemLabel component (compound pattern)
- */
-export interface TreeItemLabelProps extends ViewProps {
-    /** Content of the label, typically text or other inline elements */
-    children?: React.ReactNode;
-    /** Custom views (rarely needed here, usually styled via TreeItem or global views) */
-    views?: {
-        container?: ViewProps;
-    };
-}
-/**
- * Props for the TreeItemContent component (compound pattern)
- */
-export interface TreeItemContentProps extends ViewProps {
-    /** Child elements, typically more TreeItem components for nesting */
-    children?: React.ReactNode;
-    /** Custom views (rarely needed here, usually styled via TreeItem or global views) */
-    views?: {
-        container?: ViewProps;
-    };
-}
-/**
- * Context type for the Tree component, passed via React Context
- */
-export interface TreeContextType {
-    /** List of expanded item IDs */
-    expandedItems: string[];
-    /** Function to toggle an item's expanded state */
-    toggleItem: (itemId: string) => void;
-    /** Function to check if an item is expanded */
-    isItemExpanded: (itemId: string) => boolean;
-    /** Base ID for generating accessible unique IDs for tree parts */
-    baseId: string;
-    /** Currently selected item ID */
-    selectedItem?: string;
-    /** Function to handle item selection */
-    selectItem: (itemId: string) => void;
-    /** Global size for tree items */
-    size: Size;
-    /** Global variant for tree items */
-    variant: Variant;
-    /** Global views configuration */
-    views?: TreeProps['views'];
-    /** Whether drag and drop is enabled */
-    allowDragAndDrop?: boolean;
-    /** Custom icon to use for the drag handle */
-    dragHandleIcon?: React.ReactNode;
-    /** Currently dragged item ID */
-    draggedItemId?: string | null;
-    /** Current drop target information */
-    dropTarget?: {
-        itemId: string;
-        position: 'before' | 'after' | 'inside';
-    } | null;
-    /** Function to handle drag start */
-    handleDragStart?: (e: React.DragEvent, itemId: string) => void;
-    /** Function to handle drag over */
-    handleDragOver?: (e: React.DragEvent, itemId: string) => void;
-    /** Function to handle drop */
-    handleDrop?: (e: React.DragEvent) => void;
-    /** Function to handle drag end */
-    handleDragEnd?: (e: React.DragEvent) => void;
-    /** Function to get the dragged item's data */
-    getDraggedItem?: () => TreeNode | undefined;
-}
-/**
- * Tree component type with sub-components.
- * P represents the props of the main Tree component (e.g., TreeProps).
- */
-export interface TreeComponentType<P = TreePropsPlaceholder> extends React.FC<P> {
-    Item: React.FC<TreeItemProps>;
-    ItemLabel: React.FC<TreeItemLabelProps>;
-    ItemContent: React.FC<TreeItemContentProps>;
-}
-export {};

package/dist/components/Tree/Tree/Tree.view.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { ViewProps } from 'app-studio';
-import { TreeContextType, TreeNode, Size, Variant, TreeItemProps, TreeItemLabelProps, TreeItemContentProps } from './Tree.type';
-import { TreeProps } from './Tree.props';
-export declare const TreeProvider: React.FC<{
-    value: TreeContextType;
-    children: React.ReactNode;
-}>;
-export declare const useTreeContext: () => TreeContextType;
-interface TreeViewProps extends Pick<TreeProps, 'size' | 'variant' | 'views' | 'children'>, Omit<ViewProps, keyof Pick<TreeProps, 'size' | 'variant' | 'views' | 'children'>> {
-    baseId: string;
-}
-export declare const TreeView: React.FC<TreeViewProps>;
-export declare const TreeItem: React.FC<TreeItemProps>;
-interface InternalTreeItemLabelProps extends TreeItemLabelProps {
-    onClick?: (e: React.MouseEvent) => void;
-    onToggleExpand?: (e: React.MouseEvent) => void;
-    hasChildren?: boolean;
-    expanded?: boolean;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-    isSelected?: boolean;
-    isDragging?: boolean;
-    size?: Size;
-    variant?: Variant;
-    views?: TreeProps['views'];
-}
-export declare const TreeItemLabel: React.FC<InternalTreeItemLabelProps>;
-interface InternalTreeItemContentProps extends TreeItemContentProps {
-    views?: TreeProps['views'];
-}
-export declare const TreeItemContent: React.FC<InternalTreeItemContentProps>;
-export declare const DataDrivenTreeView: React.FC<{
-    items: TreeNode[];
-}>;
-export {};

package/dist/components/Tree/Tree.d.ts

@@ -1,2 +0,0 @@
-import { TreeType } from './Tree/Tree.props';
-export declare const Tree: TreeType;

package/dist/components/adk/AgentChat/AgentChat/AgentChat.props.d.ts

@@ -1,180 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Core ADK Agent Types
- */
-export interface AgentRunRequest {
-    appName: string;
-    userId: string;
-    sessionId: string;
-    newMessage: {
-        role: string;
-        parts: MessagePart[];
-    };
-    functionCallEventId?: string;
-    streaming?: boolean;
-}
-export interface MessagePart {
-    text?: string;
-    inlineData?: {
-        displayName: string;
-        data: string | ArrayBuffer;
-        mimeType: string;
-    };
-    functionCall?: {
-        id: string;
-        name: string;
-        args: any;
-    };
-    functionResponse?: {
-        id: string;
-        name: string;
-        response: any;
-    };
-    executableCode?: {
-        language: string;
-        code: string;
-    };
-    codeExecutionResult?: {
-        outcome: string;
-        output?: string;
-    };
-    thought?: boolean;
-}
-export interface AgentMessage {
-    id: string;
-    role: 'user' | 'bot';
-    text?: string;
-    parts?: MessagePart[];
-    timestamp: number;
-    isLoading?: boolean;
-    thought?: boolean;
-    eventId?: string;
-    attachments?: MessageAttachment[];
-    inlineData?: {
-        displayName?: string;
-        data: string;
-        mimeType: string;
-        mediaType?: 'image' | 'video' | 'audio' | 'document';
-    };
-    functionCall?: any;
-    functionResponse?: any;
-    executableCode?: any;
-    codeExecutionResult?: any;
-    renderedContent?: string;
-    evalStatus?: string;
-    failedMetric?: string;
-    evalScore?: number;
-    evalThreshold?: number;
-}
-export interface MessageAttachment {
-    file: File;
-    url: string;
-    type: string;
-}
-export interface AgentSession {
-    id: string;
-    userId: string;
-    appName: string;
-    state: any;
-    events: any[];
-    createdAt: number;
-    updatedAt: number;
-}
-export interface AgentEvent {
-    id: string;
-    sessionId: string;
-    type: string;
-    data: any;
-    timestamp: number;
-    title?: string;
-}
-/**
- * Component View Customization
- */
-export interface AgentChatViews {
-    container?: ViewProps;
-    header?: ViewProps;
-    messageList?: ViewProps;
-    inputArea?: ViewProps;
-    attachmentArea?: ViewProps;
-    message?: ViewProps;
-    userMessage?: ViewProps;
-    botMessage?: ViewProps;
-    systemMessage?: ViewProps;
-    messageContent?: ViewProps;
-    messageTimestamp?: ViewProps;
-    messageAvatar?: ViewProps;
-    messageActions?: ViewProps;
-    inputField?: ViewProps;
-    sendButton?: ViewProps;
-    attachButton?: ViewProps;
-    recordButton?: ViewProps;
-    inputToolbar?: ViewProps;
-    loadingIndicator?: ViewProps;
-    typingIndicator?: ViewProps;
-    errorMessage?: ViewProps;
-    emptyState?: ViewProps;
-    functionCall?: ViewProps;
-    functionResponse?: ViewProps;
-    functionArgs?: ViewProps;
-    codeBlock?: ViewProps;
-    codeOutput?: ViewProps;
-    attachmentPreview?: ViewProps;
-    attachmentItem?: ViewProps;
-    attachmentRemoveButton?: ViewProps;
-    thoughtBubble?: ViewProps;
-    thoughtContent?: ViewProps;
-}
-/**
- * Event Handlers
- */
-export interface AgentChatEventHandlers {
-    onSessionCreate?: (session: AgentSession) => void;
-    onSessionUpdate?: (session: AgentSession) => void;
-    onMessageSent?: (message: AgentMessage) => void;
-    onMessageReceived?: (message: AgentMessage) => void;
-    onError?: (error: Error) => void;
-    onFileUpload?: (files: File[]) => void;
-    onTypingStart?: () => void;
-    onTypingStop?: () => void;
-    onAudioRecordingStart?: () => void;
-    onAudioRecordingStop?: (audioData: Blob) => void;
-    onVideoRecordingStart?: () => void;
-    onVideoRecordingStop?: (videoData: Blob) => void;
-}
-/**
- * Main AgentChat Props Interface
- */
-export interface AgentChatProps extends ViewProps, AgentChatEventHandlers {
-    appName: string;
-    userId: string;
-    sessionId?: string;
-    apiBaseUrl?: string;
-    wsBaseUrl?: string;
-    enableFileUpload?: boolean;
-    enableAudioRecording?: boolean;
-    enableVideoRecording?: boolean;
-    enableStreaming?: boolean;
-    enableThoughts?: boolean;
-    maxFileSize?: number;
-    maxFiles?: number;
-    allowedFileTypes?: string[];
-    maxMessageLength?: number;
-    placeholder?: string;
-    showTimestamps?: boolean;
-    showAvatars?: boolean;
-    showTypingIndicator?: boolean;
-    autoScroll?: boolean;
-    views?: AgentChatViews;
-    containerProps?: ViewProps;
-    initialMessages?: AgentMessage[];
-    initialSession?: AgentSession;
-    enableFunctionCalls?: boolean;
-    enableCodeExecution?: boolean;
-    enableEvaluation?: boolean;
-    colorScheme?: 'blue' | 'purple' | 'green' | 'orange' | 'red' | 'gray';
-    compact?: boolean;
-    rounded?: boolean;
-    ariaLabel?: string;
-    ariaDescribedBy?: string;
-}

package/dist/components/adk/AgentChat/AgentChat/AgentChat.state.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { AgentChatProps, AgentMessage, AgentSession, MessageAttachment } from './AgentChat.props';
-/**
- * Custom hook for managing AgentChat state and interactions
- */
-export declare const useAgentChat: (props: AgentChatProps) => {
-    messages: AgentMessage[];
-    currentSession: AgentSession | null;
-    isLoading: boolean;
-    isTyping: boolean;
-    error: string | null;
-    inputValue: string;
-    selectedFiles: MessageAttachment[];
-    isConnected: boolean;
-    sessionId: string;
-    sendMessage: (text: string, attachments?: MessageAttachment[]) => Promise<void>;
-    setInputValue: import("react").Dispatch<import("react").SetStateAction<string>>;
-    handleFileSelect: (files: FileList | File[]) => void;
-    removeFile: (index: number) => void;
-    createSession: () => Promise<AgentSession>;
-    messagesEndRef: import("react").RefObject<HTMLDivElement>;
-    setError: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-    setSelectedFiles: import("react").Dispatch<import("react").SetStateAction<MessageAttachment[]>>;
-};