@agentiffai/design 0.1.0

package/dist/copilotkit/index.d.cts

@@ -0,0 +1,162 @@
+export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps, y as Suggestions, S as SuggestionsProps, w as UserMessage, U as UserMessageProps, z as Window, W as WindowProps } from '../Window-CgGFIYHS.cjs';
+import { AssistantMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
+import React__default, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import '@react-aria/button';
+import '@react-aria/textfield';
+import '../index.d-DYU1eVeb.cjs';
+import 'styled-components';
+import 'styled-components/dist/types';
+
+/**
+ * Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface
+ *
+ * This adapter:
+ * 1. Converts CopilotKit's AssistantMessageProps to our custom component props
+ * 2. Handles loading states by showing AssistantThinking component
+ * 3. Extracts message content and renders with our styled component
+ */
+
+/**
+ * Adapter that converts CopilotKit's AssistantMessageProps to our custom component
+ */
+declare const AssistantMessageAdapter: React__default.FC<AssistantMessageProps>;
+
+/**
+ * Adapter component that bridges custom Input with CopilotKit's expected interface
+ *
+ * This adapter:
+ * 1. Converts CopilotKit's InputProps to our custom component props
+ * 2. Handles the onSend callback to work with CopilotKit's message system
+ * 3. Manages input state and submission
+ */
+
+/**
+ * Adapter that converts CopilotKit's InputProps to our custom component
+ */
+declare const InputAdapter: React__default.FC<InputProps>;
+
+/**
+ * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
+ *
+ * This adapter:
+ * 1. Converts CopilotKit's UserMessageProps to our custom component props
+ * 2. Extracts message content from CopilotKit's message object
+ * 3. Handles image messages appropriately
+ */
+
+/**
+ * Adapter that converts CopilotKit's UserMessageProps to our custom component
+ */
+declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
+
+/**
+ * Complete CopilotSidebar Integration Example
+ *
+ * This file demonstrates how to integrate custom-designed components
+ * (AssistantMessage, UserMessage, AssistantThinking, Input) with CopilotKit's
+ * CopilotSidebar component using adapter components.
+ *
+ * Usage:
+ * ```tsx
+ * import { CopilotKit } from "@copilotkit/react-core";
+ * import { CustomCopilotSidebar } from "./CopilotSidebarIntegration";
+ *
+ * function App() {
+ *   return (
+ *     <CopilotKit runtimeUrl="/api/copilotkit">
+ *       <CustomCopilotSidebar>
+ *         <YourApp />
+ *       </CustomCopilotSidebar>
+ *     </CopilotKit>
+ *   );
+ * }
+ * ```
+ */
+
+interface CustomCopilotSidebarProps$1 {
+    /**
+     * Children to render alongside the sidebar
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Instructions for the AI assistant
+     */
+    instructions?: string;
+    /**
+     * Custom labels for the sidebar
+     */
+    labels?: {
+        title?: string;
+        initial?: string;
+    };
+    /**
+     * Custom icons
+     */
+    icons?: Record<string, React__default.ReactNode>;
+    /**
+     * Whether the sidebar starts open
+     */
+    defaultOpen?: boolean;
+    /**
+     * Allow closing by clicking outside
+     */
+    clickOutsideToClose?: boolean;
+    /**
+     * Allow closing with Escape key
+     */
+    hitEscapeToClose?: boolean;
+    /**
+     * Keyboard shortcut to open
+     */
+    shortcut?: string;
+    /**
+     * Callback when open state changes
+     */
+    onSetOpen?: (open: boolean) => void;
+    /**
+     * CSS class name
+     */
+    className?: string;
+}
+/**
+ * CopilotSidebar with custom-designed components
+ *
+ * This component wraps CopilotKit's CopilotSidebar and injects our
+ * custom components via adapter components.
+ *
+ * Features:
+ * - Custom AssistantMessage with avatar and loading states
+ * - AssistantThinking component shown during loading
+ * - Custom UserMessage with gradient pill design
+ * - Custom Input with React ARIA accessibility
+ * - Styled chat button with gradient
+ */
+declare const CustomCopilotSidebar$1: React__default.FC<CustomCopilotSidebarProps$1>;
+
+interface CustomCopilotSidebarProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    onSetOpen?: (open: boolean) => void;
+    instructions?: string;
+    className?: string;
+}
+/**
+ * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
+ *
+ * This component wraps CopilotKit's CopilotSidebar and provides our custom
+ * design system components for a consistent look and feel.
+ *
+ * @example
+ * ```tsx
+ * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
+ *   <YourApp />
+ * </CustomCopilotSidebar>
+ * ```
+ */
+declare function CustomCopilotSidebar({ children, defaultOpen, onSetOpen, instructions, className, }: CustomCopilotSidebarProps): react_jsx_runtime.JSX.Element;
+declare namespace CustomCopilotSidebar {
+    var displayName: string;
+}
+
+export { AssistantMessageAdapter, CustomCopilotSidebar, type CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar$1 as IntegratedSidebar, type CustomCopilotSidebarProps$1 as IntegratedSidebarProps, UserMessageAdapter };

package/dist/copilotkit/index.d.ts

@@ -0,0 +1,162 @@
+export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps, y as Suggestions, S as SuggestionsProps, w as UserMessage, U as UserMessageProps, z as Window, W as WindowProps } from '../Window-B6e_UfLV.js';
+import { AssistantMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
+import React__default, { ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import '@react-aria/button';
+import '@react-aria/textfield';
+import '../index.d-DYU1eVeb.js';
+import 'styled-components';
+import 'styled-components/dist/types';
+
+/**
+ * Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface
+ *
+ * This adapter:
+ * 1. Converts CopilotKit's AssistantMessageProps to our custom component props
+ * 2. Handles loading states by showing AssistantThinking component
+ * 3. Extracts message content and renders with our styled component
+ */
+
+/**
+ * Adapter that converts CopilotKit's AssistantMessageProps to our custom component
+ */
+declare const AssistantMessageAdapter: React__default.FC<AssistantMessageProps>;
+
+/**
+ * Adapter component that bridges custom Input with CopilotKit's expected interface
+ *
+ * This adapter:
+ * 1. Converts CopilotKit's InputProps to our custom component props
+ * 2. Handles the onSend callback to work with CopilotKit's message system
+ * 3. Manages input state and submission
+ */
+
+/**
+ * Adapter that converts CopilotKit's InputProps to our custom component
+ */
+declare const InputAdapter: React__default.FC<InputProps>;
+
+/**
+ * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
+ *
+ * This adapter:
+ * 1. Converts CopilotKit's UserMessageProps to our custom component props
+ * 2. Extracts message content from CopilotKit's message object
+ * 3. Handles image messages appropriately
+ */
+
+/**
+ * Adapter that converts CopilotKit's UserMessageProps to our custom component
+ */
+declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
+
+/**
+ * Complete CopilotSidebar Integration Example
+ *
+ * This file demonstrates how to integrate custom-designed components
+ * (AssistantMessage, UserMessage, AssistantThinking, Input) with CopilotKit's
+ * CopilotSidebar component using adapter components.
+ *
+ * Usage:
+ * ```tsx
+ * import { CopilotKit } from "@copilotkit/react-core";
+ * import { CustomCopilotSidebar } from "./CopilotSidebarIntegration";
+ *
+ * function App() {
+ *   return (
+ *     <CopilotKit runtimeUrl="/api/copilotkit">
+ *       <CustomCopilotSidebar>
+ *         <YourApp />
+ *       </CustomCopilotSidebar>
+ *     </CopilotKit>
+ *   );
+ * }
+ * ```
+ */
+
+interface CustomCopilotSidebarProps$1 {
+    /**
+     * Children to render alongside the sidebar
+     */
+    children?: React__default.ReactNode;
+    /**
+     * Instructions for the AI assistant
+     */
+    instructions?: string;
+    /**
+     * Custom labels for the sidebar
+     */
+    labels?: {
+        title?: string;
+        initial?: string;
+    };
+    /**
+     * Custom icons
+     */
+    icons?: Record<string, React__default.ReactNode>;
+    /**
+     * Whether the sidebar starts open
+     */
+    defaultOpen?: boolean;
+    /**
+     * Allow closing by clicking outside
+     */
+    clickOutsideToClose?: boolean;
+    /**
+     * Allow closing with Escape key
+     */
+    hitEscapeToClose?: boolean;
+    /**
+     * Keyboard shortcut to open
+     */
+    shortcut?: string;
+    /**
+     * Callback when open state changes
+     */
+    onSetOpen?: (open: boolean) => void;
+    /**
+     * CSS class name
+     */
+    className?: string;
+}
+/**
+ * CopilotSidebar with custom-designed components
+ *
+ * This component wraps CopilotKit's CopilotSidebar and injects our
+ * custom components via adapter components.
+ *
+ * Features:
+ * - Custom AssistantMessage with avatar and loading states
+ * - AssistantThinking component shown during loading
+ * - Custom UserMessage with gradient pill design
+ * - Custom Input with React ARIA accessibility
+ * - Styled chat button with gradient
+ */
+declare const CustomCopilotSidebar$1: React__default.FC<CustomCopilotSidebarProps$1>;
+
+interface CustomCopilotSidebarProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    onSetOpen?: (open: boolean) => void;
+    instructions?: string;
+    className?: string;
+}
+/**
+ * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
+ *
+ * This component wraps CopilotKit's CopilotSidebar and provides our custom
+ * design system components for a consistent look and feel.
+ *
+ * @example
+ * ```tsx
+ * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
+ *   <YourApp />
+ * </CustomCopilotSidebar>
+ * ```
+ */
+declare function CustomCopilotSidebar({ children, defaultOpen, onSetOpen, instructions, className, }: CustomCopilotSidebarProps): react_jsx_runtime.JSX.Element;
+declare namespace CustomCopilotSidebar {
+    var displayName: string;
+}
+
+export { AssistantMessageAdapter, CustomCopilotSidebar, type CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar$1 as IntegratedSidebar, type CustomCopilotSidebarProps$1 as IntegratedSidebarProps, UserMessageAdapter };