@app-studio/web 0.9.86 → 0.9.89

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

@@ -1,58 +0,0 @@
-/// <reference types="react" />
-import type { ViewProps } from 'app-studio';
-import type { Variant, Size, Message, ChatWidgetStyles } from './ChatWidget.type';
-/** Props for the ChatWidget component */
-export interface ChatWidgetProps extends Omit<ViewProps, 'size'> {
-    /** Array of messages to display */
-    messages?: Message[];
-    /** Current input value (for controlled component) */
-    inputValue?: string;
-    /** Callback when input value changes */
-    onInputChange?: (value: string) => void;
-    /** Callback when a message is submitted */
-    onSubmit?: (message: string) => void;
-    /** Placeholder text for the input field */
-    inputPlaceholder?: string;
-    /** Disable the input field */
-    disableInput?: boolean;
-    /** Visual variant of the component */
-    variant?: Variant;
-    /** Size of the component */
-    size?: Size;
-    /** Show timestamps on messages */
-    showTimestamps?: boolean;
-    /** Enable attachment button (visual only) */
-    enableAttachments?: boolean;
-    /** Enable context picker button */
-    enableContextPicker?: boolean;
-    /** Selected context elements to display in input area */
-    selectedContextElements?: Array<{
-        id: string;
-        name: string;
-    }>;
-    /** Callback when context picker is requested */
-    onContextPickerClick?: () => void;
-    /** Callback when a context element is removed from input */
-    onRemoveContextElement?: (id: string) => void;
-    /** Loading state */
-    isLoading?: boolean;
-    /** Loading text to display */
-    loadingText?: string;
-    /** Custom styles for different parts of the component */
-    styles?: ChatWidgetStyles;
-    /** Maximum height for the messages container */
-    maxHeight?: string | number;
-}
-/** Props for the ChatWidget view component (includes state) */
-export interface ChatWidgetViewProps extends ChatWidgetProps {
-    /** Internal input value from state */
-    internalInputValue: string;
-    /** Handler for input changes */
-    handleInputChange: (value: string) => void;
-    /** Handler for message submission */
-    handleSubmit: (e?: React.FormEvent) => void;
-    /** Ref for the input element */
-    inputRef: React.RefObject<HTMLTextAreaElement>;
-    /** Ref for the messages container */
-    messagesRef: React.RefObject<HTMLDivElement>;
-}

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { ChatWidgetProps } from './ChatWidget.props';
-/**
- * Custom hook for managing ChatWidget component state
- */
-export declare function useChatWidgetState(props: ChatWidgetProps): {
-    internalInputValue: string;
-    handleInputChange: (value: string) => void;
-    handleSubmit: (e?: import("react").FormEvent<Element> | undefined) => void;
-    inputRef: import("react").RefObject<HTMLTextAreaElement>;
-    messagesRef: import("react").RefObject<HTMLDivElement>;
-};

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

@@ -1,87 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { Variant, Size } from './ChatWidget.type';
-/** Size mappings for the ChatWidget component */
-export declare const Sizes: Record<Size, CSSProperties>;
-/** Variant mappings for the ChatWidget component */
-export declare const Variants: Record<Variant, CSSProperties>;
-/** Bubble size mappings */
-export declare const BubbleSizes: Record<Size, CSSProperties>;
-/** User bubble styles (blue, aligned right) */
-export declare const UserBubbleStyles: CSSProperties;
-/** Assistant bubble styles (gray, aligned left) */
-export declare const AssistantBubbleStyles: CSSProperties;
-/** Input container styles with glassmorphic effect */
-export declare const InputContainerStyles: CSSProperties;
-/** Default ChatWidget component styles */
-export declare const DefaultChatWidgetStyles: {
-    container: {
-        display: string;
-        flexDirection: "column";
-        width: string;
-        height: string;
-        overflow: string;
-    };
-    messagesContainer: {
-        flex: number;
-        overflowY: "auto";
-        display: string;
-        flexDirection: "column";
-        gap: string;
-        padding: string;
-    };
-    inputContainer: CSSProperties;
-    bubble: {
-        maxWidth: string;
-        position: "relative";
-        wordWrap: "break-word";
-        animation: string;
-    };
-    timestamp: {
-        position: "absolute";
-        top: string;
-        fontSize: string;
-        color: string;
-        backgroundColor: string;
-        padding: string;
-        borderRadius: string;
-        opacity: number;
-        transition: string;
-        boxShadow: string;
-    };
-    input: {
-        flex: number;
-        border: string;
-        outline: string;
-        backgroundColor: string;
-        resize: "none";
-        fontFamily: string;
-        fontSize: string;
-        minHeight: string;
-        maxHeight: string;
-    };
-    sendButton: {
-        width: string;
-        height: string;
-        borderRadius: string;
-        border: string;
-        cursor: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        transition: string;
-        flexShrink: number;
-    };
-    attachmentButton: {
-        width: string;
-        height: string;
-        borderRadius: string;
-        border: string;
-        cursor: string;
-        display: string;
-        alignItems: string;
-        justifyContent: string;
-        backgroundColor: string;
-        transition: string;
-        flexShrink: number;
-    };
-};

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

@@ -1,54 +0,0 @@
-/** Variant types for the ChatWidget component */
-export declare type Variant = 'default' | 'glassy' | 'minimal';
-/** Size options for the ChatWidget component */
-export declare type Size = 'sm' | 'md' | 'lg';
-/** Role of the message sender */
-export declare type MessageRole = 'user' | 'assistant';
-/** Attachment type for messages */
-export interface Attachment {
-    id: string;
-    name: string;
-    size?: number;
-    type?: string;
-    url?: string;
-}
-/** Context element referenced in chat */
-export interface ContextElement {
-    id: string;
-    name: string;
-    tagName: string;
-    rect?: DOMRect;
-}
-export declare type MessageType = 'text' | 'error' | 'system' | 'tool';
-/** Message structure */
-export interface Message {
-    id: string;
-    role: MessageRole;
-    content: string;
-    reasoning?: string;
-    messageType?: MessageType;
-    timestamp: Date;
-    attachments?: Attachment[];
-    contextElements?: ContextElement[];
-}
-/** Custom styles for different parts of the ChatWidget component */
-export interface ChatWidgetStyles {
-    container?: any;
-    messagesContainer?: any;
-    inputContainer?: any;
-    bubble?: any;
-    userBubble?: any;
-    assistantBubble?: any;
-    timestamp?: any;
-    input?: any;
-    sendButton?: any;
-    attachmentButton?: any;
-    loadingIndicator?: any;
-    contextChipsContainer?: any;
-    contextPickerButton?: any;
-    reasoningContainer?: any;
-    reasoningContent?: any;
-    errorMessage?: any;
-    systemMessage?: any;
-    toolMessage?: any;
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { ChatWidgetViewProps } from './ChatWidget.props';
-/**
- * ChatWidget View Component
- * Presentational component for the ChatWidget interface
- */
-declare const ChatWidgetView: React.FC<ChatWidgetViewProps>;
-export default ChatWidgetView;

package/dist/components/ChatWidget/ChatWidget.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { ChatWidgetProps } from './ChatWidget/ChatWidget.props';
-/**
- * ChatWidget Component
- *
- * A configurable chat interface component inspired by the ChatWidget toolbar design.
- * This is a UI-only component without backend/LLM connections.
- *
- * @example
- * ```tsx
- * <ChatWidget
- *   messages={messages}
- *   onSubmit={(message) => console.log(message)}
- *   variant="glassy"
- *   size="md"
- * />
- * ```
- */
-export declare const ChatWidgetComponent: React.FC<ChatWidgetProps>;
-export declare const ChatWidget: React.FC<ChatWidgetProps>;

package/dist/components/ChatWidget/Widget/ChatWidgetWidget.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { ContextElement } from './useContextSelector';
-import type { Message } from '../ChatWidget/ChatWidget.type';
-interface ChatWidgetWidgetProps {
-    initialMessages?: Message[];
-    onSendMessage?: (message: string, contextElements: ContextElement[]) => void;
-    bubbleSize?: 'sm' | 'md' | 'lg';
-}
-/**
- * ChatWidget Widget Component
- * A floating chat widget with DOM element selection capabilities.
- */
-export declare const ChatWidgetWidget: React.FC<ChatWidgetWidgetProps>;
-export {};

package/dist/components/ChatWidget/Widget/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useContextSelector';
-export * from './ChatWidgetWidget';

package/dist/components/ChatWidget/Widget/useContextSelector.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-export interface ContextElement {
-    id: string;
-    name: string;
-    tagName: string;
-    rect: DOMRect;
-}
-interface UseContextSelectorProps {
-    onSelect: (element: ContextElement) => void;
-    onCancel: () => void;
-    active: boolean;
-}
-export declare function useContextSelector({ onSelect, onCancel, active, }: UseContextSelectorProps): {
-    highlightedElement: ContextElement | null;
-};
-/**
- * Overlay component to render the highlight box
- */
-export declare function ContextOverlay({ element, }: {
-    element: ContextElement | null;
-}): React.JSX.Element | null;
-export {};

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

@@ -1,45 +0,0 @@
-/// <reference types="react" />
-import { ViewProps } from 'app-studio';
-import { Variant, Shape, Size, ColorPickerStyles, ColorFormat, PredefinedColor } from './ColorPicker.type';
-export interface ColorPickerProps extends Omit<ViewProps, 'onChange'> {
-    id?: string;
-    name?: string;
-    label?: string;
-    placeholder?: string;
-    helperText?: string;
-    value?: string;
-    defaultValue?: string;
-    onChange?: (color: string) => void;
-    onChangeComplete?: (color: string) => void;
-    views?: ColorPickerStyles;
-    size?: Size;
-    shape?: Shape;
-    variant?: Variant;
-    error?: boolean;
-    isDisabled?: boolean;
-    isReadOnly?: boolean;
-    predefinedColors?: PredefinedColor[];
-    showCustomInput?: boolean;
-    showRecentColors?: boolean;
-    colorFormat?: ColorFormat;
-    maxRecentColors?: number;
-    isOpen?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-    closeOnSelect?: boolean;
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-}
-export interface ColorPickerViewProps extends ColorPickerProps {
-    isOpen: boolean;
-    selectedColor: string;
-    recentColors: string[];
-    customColor: string;
-    handleToggle: () => void;
-    handleColorSelect: (color: string) => void;
-    handleCustomColorChange: (color: string) => void;
-    handleCustomColorSubmit: () => void;
-    handleClose: () => void;
-    triggerRef: React.RefObject<HTMLDivElement>;
-    dropdownRef: React.RefObject<HTMLDivElement>;
-}

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { ColorPickerProps } from './ColorPicker.props';
-export declare const useColorPickerState: (props: ColorPickerProps) => {
-    isOpen: boolean;
-    selectedColor: string;
-    recentColors: string[];
-    customColor: string;
-    handleToggle: () => void;
-    handleColorSelect: (color: string) => void;
-    handleCustomColorChange: (color: string) => void;
-    handleCustomColorSubmit: () => void;
-    handleClose: () => void;
-    triggerRef: import("react").RefObject<HTMLDivElement>;
-    dropdownRef: import("react").RefObject<HTMLDivElement>;
-};

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

@@ -1,34 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { Size, Variant, Shape } from './ColorPicker.type';
-/**
- * Default styles for the ColorPicker component
- */
-export declare const DefaultColorPickerStyles: {
-    container: ViewProps;
-    trigger: ViewProps;
-    dropdown: ViewProps;
-    colorGrid: ViewProps;
-    colorSwatch: ViewProps;
-    customInput: ViewProps;
-    recentColors: ViewProps;
-};
-/**
- * Size styles for the ColorPicker component
- */
-export declare const Sizes: Record<Size, ViewProps>;
-/**
- * Shape styles for the ColorPicker component
- */
-export declare const Shapes: Record<Shape, ViewProps>;
-/**
- * Variant styles for the ColorPicker component
- */
-export declare const Variants: Record<Variant, ViewProps>;
-/**
- * Predefined color palette based on the design system
- */
-export declare const DefaultColorPalette: {
-    name: string;
-    value: string;
-    category: string;
-}[];

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

@@ -1,34 +0,0 @@
-import { ViewProps } from 'app-studio';
-export declare type Variant = 'outline' | 'default' | 'filled';
-export declare type Shape = 'default' | 'square' | 'rounded' | 'pill';
-export declare type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare type ColorPickerStyles = {
-    container?: ViewProps;
-    trigger?: ViewProps;
-    dropdown?: ViewProps;
-    colorGrid?: ViewProps;
-    colorSwatch?: ViewProps;
-    customInput?: ViewProps;
-    recentColors?: ViewProps;
-    label?: ViewProps;
-    helperText?: ViewProps;
-};
-export declare type ColorFormat = 'hex' | 'rgb' | 'hsl';
-export declare type ColorValue = {
-    hex: string;
-    rgb: {
-        r: number;
-        g: number;
-        b: number;
-    };
-    hsl: {
-        h: number;
-        s: number;
-        l: number;
-    };
-};
-export declare type PredefinedColor = {
-    name: string;
-    value: string;
-    category?: string;
-};

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ColorPickerViewProps } from './ColorPicker.props';
-declare const ColorPickerView: React.FC<ColorPickerViewProps>;
-export default ColorPickerView;

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ColorPickerProps } from './ColorPicker/ColorPicker.props';
-export declare const ColorPicker: React.FC<ColorPickerProps>;

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

@@ -1,162 +0,0 @@
-import { ViewProps } from 'app-studio';
-import React from 'react';
-import { CommandGroup, CommandItem, CommandSize, CommandStyles, CommandVariant } from './Command.type';
-export interface CommandProps {
-    /**
-     * Whether the command palette is open
-     */
-    open: boolean;
-    /**
-     * Callback when the open state changes
-     */
-    onOpenChange: (open: boolean) => void;
-    /**
-     * Command groups to display
-     */
-    groups?: CommandGroup[];
-    /**
-     * Flat list of commands (alternative to groups)
-     */
-    commands?: CommandItem[];
-    /**
-     * Placeholder text for the search input
-     */
-    placeholder?: string;
-    /**
-     * Size of the command palette
-     */
-    size?: CommandSize;
-    /**
-     * Visual variant of the command palette
-     */
-    variant?: CommandVariant;
-    /**
-     * Custom filter function for searching commands
-     */
-    filter?: (value: string, item: CommandItem) => boolean;
-    /**
-     * Custom empty state when no commands match the search
-     */
-    emptyState?: React.ReactNode;
-    /**
-     * Custom footer content
-     */
-    footer?: React.ReactNode;
-    /**
-     * Custom styles for different parts of the command palette
-     */
-    views?: CommandStyles;
-    /**
-     * Additional props to be spread to the container element
-     */
-    [key: string]: any;
-}
-export interface CommandInputProps {
-    /**
-     * Value of the search input
-     */
-    value: string;
-    /**
-     * Callback when the value changes
-     */
-    onValueChange: (value: string) => void;
-    /**
-     * Placeholder text for the search input
-     */
-    placeholder?: string;
-    /**
-     * Custom styles for the input
-     */
-    views?: {
-        container?: ViewProps;
-        input?: ViewProps;
-    };
-}
-export interface CommandListProps {
-    /**
-     * Children to render in the list
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the list
-     */
-    views?: {
-        container?: ViewProps;
-    };
-}
-export interface CommandGroupProps {
-    /**
-     * Heading for the group
-     */
-    heading: string;
-    /**
-     * Children to render in the group
-     */
-    children: React.ReactNode;
-    /**
-     * Custom styles for the group
-     */
-    views?: {
-        container?: ViewProps;
-        heading?: ViewProps;
-    };
-}
-export interface CommandItemProps {
-    /**
-     * Command item data
-     */
-    item: CommandItem;
-    /**
-     * Whether the item is selected
-     */
-    selected?: boolean;
-    /**
-     * Callback when the item is selected
-     */
-    onSelect?: () => void;
-    /**
-     * Custom styles for the item
-     */
-    views?: {
-        container?: ViewProps;
-        icon?: ViewProps;
-        content?: ViewProps;
-        name?: ViewProps;
-        description?: ViewProps;
-        shortcut?: ViewProps;
-    };
-}
-export interface CommandEmptyProps {
-    /**
-     * Children to render in the empty state
-     */
-    children?: React.ReactNode;
-    /**
-     * Custom styles for the empty state
-     */
-    views?: {
-        container?: ViewProps;
-    };
-}
-export interface CommandType extends React.FC<CommandProps> {
-    /**
-     * Input component for the command palette
-     */
-    Input: React.FC<CommandInputProps>;
-    /**
-     * List component for the command palette
-     */
-    List: React.FC<CommandListProps>;
-    /**
-     * Group component for the command palette
-     */
-    Group: React.FC<CommandGroupProps>;
-    /**
-     * Item component for the command palette
-     */
-    Item: React.FC<CommandItemProps>;
-    /**
-     * Empty component for the command palette
-     */
-    Empty: React.FC<CommandEmptyProps>;
-}

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { CommandGroup, CommandItem } from './Command.type';
-export interface CommandStateProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    groups?: CommandGroup[];
-    commands?: CommandItem[];
-    filter?: (value: string, item: CommandItem) => boolean;
-}
-export declare const useCommandState: ({ open, onOpenChange, groups, commands, filter, }: CommandStateProps) => {
-    search: string;
-    setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
-    selectedIndex: number;
-    setSelectedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    filteredCommands: CommandItem[];
-    filteredGroups: CommandGroup[];
-    listRef: import("react").RefObject<HTMLDivElement>;
-};

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

@@ -1,19 +0,0 @@
-import { ViewProps } from 'app-studio';
-import { CommandSize, CommandVariant } from './Command.type';
-export declare const CommandSizes: Record<CommandSize, ViewProps>;
-export declare const getCommand: (themeMode: string) => Record<CommandVariant, ViewProps>;
-export declare const CommandVariants: Record<CommandVariant, ViewProps>;
-export declare const CommandInputStyles: ViewProps;
-export declare const CommandListStyles: ViewProps;
-export declare const CommandGroupStyles: ViewProps;
-export declare const CommandGroupHeadingStyles: ViewProps;
-export declare const CommandItemStyles: ViewProps;
-export declare const CommandItemSelectedStyles: ViewProps;
-export declare const CommandItemDisabledStyles: ViewProps;
-export declare const CommandItemIconStyles: ViewProps;
-export declare const CommandItemContentStyles: ViewProps;
-export declare const CommandItemNameStyles: ViewProps;
-export declare const CommandItemDescriptionStyles: ViewProps;
-export declare const CommandItemShortcutStyles: ViewProps;
-export declare const CommandEmptyStyles: ViewProps;
-export declare const CommandFooterStyles: ViewProps;