@tinkrapp/widget 1.0.0

package/dist/react.d.cts

@@ -0,0 +1,165 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ReactNode, FC } from 'react';
+import { b as WidgetConfig, W as WidgetClient, c as WidgetState, M as Message, e as WidgetError } from './client-CExUGn7b.cjs';
+export { A as Artifact, f as ArtifactCategory, C as ChatSession } from './client-CExUGn7b.cjs';
+import * as _emotion_utils from '@emotion/utils';
+
+interface WidgetContextValue {
+    client: WidgetClient;
+    state: WidgetState;
+    userId: string;
+}
+declare const WidgetContext: react__default.Context<WidgetContextValue | null>;
+interface WidgetProviderProps {
+    config: WidgetConfig;
+    children?: ReactNode;
+    autoInitialize?: boolean;
+}
+declare function WidgetProvider({ config, children, autoInitialize, }: WidgetProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function useWidget(): {
+    state: WidgetState;
+    client: WidgetClient;
+    isIdle: boolean;
+    isInitializing: boolean;
+    isReady: boolean;
+    isLoading: boolean;
+    isError: boolean;
+    messages: Message[];
+    error: WidgetError | null;
+    initialize: () => Promise<void>;
+    sendMessage: (content: string) => Promise<Message>;
+};
+
+declare function useChat(): {
+    input: string;
+    setInput: react.Dispatch<react.SetStateAction<string>>;
+    handleSubmit: (e?: React.FormEvent) => Promise<void>;
+    messages: Message[];
+    isLoading: boolean;
+    canSubmit: boolean;
+};
+
+interface WidgetContainerProps {
+    defaultOpen?: boolean;
+    position?: "bottom-right" | "bottom-left";
+}
+declare function WidgetContainer({ defaultOpen, position, }: WidgetContainerProps): react_jsx_runtime.JSX.Element;
+
+interface ChatWidgetProps {
+    sidebarOpen?: boolean;
+    onSidebarClose?: () => void;
+}
+declare const ChatWidget: FC<ChatWidgetProps>;
+
+declare const Thread: FC;
+
+/**
+ * ReadOnlyThread component for displaying chat history without interactive elements.
+ * Used by content creators to view student conversations.
+ */
+
+declare const ReadOnlyThread: FC;
+
+declare const ThreadList: FC;
+
+declare const ArtifactToolUIs: FC;
+
+declare const theme: {
+    readonly colors: {
+        readonly background: {
+            readonly primary: "#1a1a1a";
+            readonly secondary: "#2a2a2a";
+            readonly tertiary: "#3a3a3a";
+        };
+        readonly accent: {
+            readonly primary: "#c9a227";
+            readonly hover: "#d4af37";
+            readonly muted: "rgba(201, 162, 39, 0.4)";
+        };
+        readonly text: {
+            readonly primary: "#ffffff";
+            readonly secondary: "#888888";
+            readonly tertiary: "#cccccc";
+            readonly inverse: "#1a1a1a";
+        };
+        readonly border: "#2a2a2a";
+        readonly shadow: "rgba(0, 0, 0, 0.4)";
+    };
+    readonly spacing: {
+        readonly xs: "0.25rem";
+        readonly sm: "0.5rem";
+        readonly md: "1rem";
+        readonly lg: "1.5rem";
+        readonly xl: "2rem";
+        readonly '2xl': "3rem";
+    };
+    readonly radii: {
+        readonly sm: "0.5rem";
+        readonly md: "0.75rem";
+        readonly lg: "1rem";
+        readonly xl: "1.5rem";
+        readonly full: "50%";
+    };
+    readonly typography: {
+        readonly fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+        readonly fontSize: {
+            readonly xs: "0.75rem";
+            readonly sm: "0.875rem";
+            readonly md: "1rem";
+            readonly lg: "1.125rem";
+            readonly xl: "1.25rem";
+            readonly '2xl': "1.5rem";
+        };
+        readonly fontWeight: {
+            readonly normal: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+        readonly lineHeight: {
+            readonly tight: 1.25;
+            readonly normal: 1.5;
+            readonly relaxed: 1.7;
+        };
+    };
+    readonly zIndex: {
+        readonly widget: 9999;
+        readonly overlay: 9998;
+    };
+    readonly shadows: {
+        readonly sm: "0 2px 8px rgba(0, 0, 0, 0.2)";
+        readonly md: "0 4px 16px rgba(0, 0, 0, 0.3)";
+        readonly lg: "0 8px 32px rgba(0, 0, 0, 0.4)";
+        readonly accent: "0 4px 16px rgba(201, 162, 39, 0.4)";
+        readonly accentHover: "0 6px 20px rgba(201, 162, 39, 0.5)";
+    };
+    readonly transitions: {
+        readonly fast: "0.15s ease";
+        readonly normal: "0.2s ease";
+        readonly slow: "0.3s ease";
+    };
+};
+type Theme = typeof theme;
+declare module '@emotion/react' {
+    interface Theme {
+        colors: typeof theme.colors;
+        spacing: typeof theme.spacing;
+        radii: typeof theme.radii;
+        typography: typeof theme.typography;
+        zIndex: typeof theme.zIndex;
+        shadows: typeof theme.shadows;
+        transitions: typeof theme.transitions;
+    }
+}
+
+/**
+ * Create an isolated Emotion cache for the widget.
+ * This ensures our styles don't conflict with host website styles.
+ * The 'la-widget' prefix will be added to all generated class names.
+ */
+declare const createWidgetCache: (container?: HTMLElement) => _emotion_utils.EmotionCache;
+declare const widgetCache: _emotion_utils.EmotionCache;
+
+export { ArtifactToolUIs, ChatWidget, Message, ReadOnlyThread, type Theme, Thread, ThreadList, WidgetConfig, WidgetContainer, WidgetContext, WidgetProvider, WidgetState, createWidgetCache, theme, useChat, useWidget, widgetCache };

package/dist/react.d.ts

@@ -0,0 +1,165 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ReactNode, FC } from 'react';
+import { b as WidgetConfig, W as WidgetClient, c as WidgetState, M as Message, e as WidgetError } from './client-CExUGn7b.js';
+export { A as Artifact, f as ArtifactCategory, C as ChatSession } from './client-CExUGn7b.js';
+import * as _emotion_utils from '@emotion/utils';
+
+interface WidgetContextValue {
+    client: WidgetClient;
+    state: WidgetState;
+    userId: string;
+}
+declare const WidgetContext: react__default.Context<WidgetContextValue | null>;
+interface WidgetProviderProps {
+    config: WidgetConfig;
+    children?: ReactNode;
+    autoInitialize?: boolean;
+}
+declare function WidgetProvider({ config, children, autoInitialize, }: WidgetProviderProps): react_jsx_runtime.JSX.Element;
+
+declare function useWidget(): {
+    state: WidgetState;
+    client: WidgetClient;
+    isIdle: boolean;
+    isInitializing: boolean;
+    isReady: boolean;
+    isLoading: boolean;
+    isError: boolean;
+    messages: Message[];
+    error: WidgetError | null;
+    initialize: () => Promise<void>;
+    sendMessage: (content: string) => Promise<Message>;
+};
+
+declare function useChat(): {
+    input: string;
+    setInput: react.Dispatch<react.SetStateAction<string>>;
+    handleSubmit: (e?: React.FormEvent) => Promise<void>;
+    messages: Message[];
+    isLoading: boolean;
+    canSubmit: boolean;
+};
+
+interface WidgetContainerProps {
+    defaultOpen?: boolean;
+    position?: "bottom-right" | "bottom-left";
+}
+declare function WidgetContainer({ defaultOpen, position, }: WidgetContainerProps): react_jsx_runtime.JSX.Element;
+
+interface ChatWidgetProps {
+    sidebarOpen?: boolean;
+    onSidebarClose?: () => void;
+}
+declare const ChatWidget: FC<ChatWidgetProps>;
+
+declare const Thread: FC;
+
+/**
+ * ReadOnlyThread component for displaying chat history without interactive elements.
+ * Used by content creators to view student conversations.
+ */
+
+declare const ReadOnlyThread: FC;
+
+declare const ThreadList: FC;
+
+declare const ArtifactToolUIs: FC;
+
+declare const theme: {
+    readonly colors: {
+        readonly background: {
+            readonly primary: "#1a1a1a";
+            readonly secondary: "#2a2a2a";
+            readonly tertiary: "#3a3a3a";
+        };
+        readonly accent: {
+            readonly primary: "#c9a227";
+            readonly hover: "#d4af37";
+            readonly muted: "rgba(201, 162, 39, 0.4)";
+        };
+        readonly text: {
+            readonly primary: "#ffffff";
+            readonly secondary: "#888888";
+            readonly tertiary: "#cccccc";
+            readonly inverse: "#1a1a1a";
+        };
+        readonly border: "#2a2a2a";
+        readonly shadow: "rgba(0, 0, 0, 0.4)";
+    };
+    readonly spacing: {
+        readonly xs: "0.25rem";
+        readonly sm: "0.5rem";
+        readonly md: "1rem";
+        readonly lg: "1.5rem";
+        readonly xl: "2rem";
+        readonly '2xl': "3rem";
+    };
+    readonly radii: {
+        readonly sm: "0.5rem";
+        readonly md: "0.75rem";
+        readonly lg: "1rem";
+        readonly xl: "1.5rem";
+        readonly full: "50%";
+    };
+    readonly typography: {
+        readonly fontFamily: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+        readonly fontSize: {
+            readonly xs: "0.75rem";
+            readonly sm: "0.875rem";
+            readonly md: "1rem";
+            readonly lg: "1.125rem";
+            readonly xl: "1.25rem";
+            readonly '2xl': "1.5rem";
+        };
+        readonly fontWeight: {
+            readonly normal: 400;
+            readonly medium: 500;
+            readonly semibold: 600;
+            readonly bold: 700;
+        };
+        readonly lineHeight: {
+            readonly tight: 1.25;
+            readonly normal: 1.5;
+            readonly relaxed: 1.7;
+        };
+    };
+    readonly zIndex: {
+        readonly widget: 9999;
+        readonly overlay: 9998;
+    };
+    readonly shadows: {
+        readonly sm: "0 2px 8px rgba(0, 0, 0, 0.2)";
+        readonly md: "0 4px 16px rgba(0, 0, 0, 0.3)";
+        readonly lg: "0 8px 32px rgba(0, 0, 0, 0.4)";
+        readonly accent: "0 4px 16px rgba(201, 162, 39, 0.4)";
+        readonly accentHover: "0 6px 20px rgba(201, 162, 39, 0.5)";
+    };
+    readonly transitions: {
+        readonly fast: "0.15s ease";
+        readonly normal: "0.2s ease";
+        readonly slow: "0.3s ease";
+    };
+};
+type Theme = typeof theme;
+declare module '@emotion/react' {
+    interface Theme {
+        colors: typeof theme.colors;
+        spacing: typeof theme.spacing;
+        radii: typeof theme.radii;
+        typography: typeof theme.typography;
+        zIndex: typeof theme.zIndex;
+        shadows: typeof theme.shadows;
+        transitions: typeof theme.transitions;
+    }
+}
+
+/**
+ * Create an isolated Emotion cache for the widget.
+ * This ensures our styles don't conflict with host website styles.
+ * The 'la-widget' prefix will be added to all generated class names.
+ */
+declare const createWidgetCache: (container?: HTMLElement) => _emotion_utils.EmotionCache;
+declare const widgetCache: _emotion_utils.EmotionCache;
+
+export { ArtifactToolUIs, ChatWidget, Message, ReadOnlyThread, type Theme, Thread, ThreadList, WidgetConfig, WidgetContainer, WidgetContext, WidgetProvider, WidgetState, createWidgetCache, theme, useChat, useWidget, widgetCache };