@blank-utils/llm 0.4.0 → 0.4.2

package/dist/{chunk-PTPT4EPO.js → chunk-MDEYMUE4.js}

@@ -910,7 +910,8 @@ function ChatInput({
   images = [],
   onImageAdd,
   onImageRemove,
-  modelSelector
+  modelSelector,
+  theme = "dark"
 }) {
   const textareaRef = useRef2(null);
   const fileInputRef = useRef2(null);
@@ -1014,7 +1015,7 @@ ${newText}` : newText);
       onDragLeave: () => setIsDragging(false),
       onDrop: handleDrop,
       children: [
-        isDragging && /* @__PURE__ */ jsx2("div", { className: "absolute inset-x-0 inset-y-0 bg-current/90 flex flex-col items-center justify-center z-20 backdrop-blur-sm", children: /* @__PURE__ */ jsx2("span", { className: "text-black dark:text-white font-light tracking-[0.2em] uppercase text-xs", children: "DROP FILE TO ATTACH" }) }),
+        isDragging && /* @__PURE__ */ jsx2("div", { className: `absolute inset-x-0 inset-y-0 flex flex-col items-center justify-center z-20 backdrop-blur-sm transition-colors ${theme === "dark" ? "bg-white/10 text-white" : "bg-black/10 text-black"}`, children: /* @__PURE__ */ jsx2("span", { className: "font-light tracking-[0.2em] uppercase text-xs", children: "DROP FILE TO ATTACH" }) }),
         /* @__PURE__ */ jsx2(
           "input",
           {
@@ -1032,7 +1033,7 @@ ${newText}` : newText);
             "button",
             {
               type: "button",
-              className: "absolute top-0 right-0 w-5 h-5 bg-black/80 text-white flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity text-[8px]",
+              className: `absolute top-0 right-0 w-5 h-5 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity text-[8px] ${theme === "dark" ? "bg-black/80 text-white" : "bg-white/80 text-black"}`,
               onClick: () => onImageRemove?.(img.id),
               children: "[X]"
             }
@@ -1157,24 +1158,25 @@ function isVisionModel2(modelId) {
   return lower.includes("vl") || lower.includes("vision") || lower.includes("moondream");
 }
 var markdownComponents = {
-  h1: ({ children }) => /* @__PURE__ */ jsx3("h1", { className: "text-2xl font-light uppercase tracking-tight mt-6 mb-4 text-white border-b border-white/30 pb-2", children }),
-  h2: ({ children }) => /* @__PURE__ */ jsx3("h2", { className: "text-xl font-light uppercase tracking-tight mt-6 mb-4 text-white border-b border-white/30 pb-2", children }),
-  h3: ({ children }) => /* @__PURE__ */ jsx3("h3", { className: "text-lg font-light uppercase tracking-tight mt-4 mb-3 text-white", children }),
-  h4: ({ children }) => /* @__PURE__ */ jsx3("h4", { className: "text-base font-light uppercase tracking-tight mt-4 mb-2 text-white", children }),
-  p: ({ children }) => /* @__PURE__ */ jsx3("p", { className: "leading-relaxed [&:not(:first-child)]:mt-4 text-white/80 text-sm font-light font-mono", children }),
-  ul: ({ children }) => /* @__PURE__ */ jsx3("ul", { className: "my-4 ml-6 list-square [&>li]:mt-2 text-white/80 font-mono text-sm font-light", children }),
-  ol: ({ children }) => /* @__PURE__ */ jsx3("ol", { className: "my-4 ml-6 list-decimal [&>li]:mt-2 text-white/80 font-mono text-sm font-light", children }),
+  h1: ({ children }) => /* @__PURE__ */ jsx3("h1", { className: "text-2xl font-light uppercase tracking-tight mt-6 mb-4 text-current border-b border-current/30 pb-2", children }),
+  h2: ({ children }) => /* @__PURE__ */ jsx3("h2", { className: "text-xl font-light uppercase tracking-tight mt-6 mb-4 text-current border-b border-current/30 pb-2", children }),
+  h3: ({ children }) => /* @__PURE__ */ jsx3("h3", { className: "text-lg font-light uppercase tracking-tight mt-4 mb-3 text-current", children }),
+  h4: ({ children }) => /* @__PURE__ */ jsx3("h4", { className: "text-base font-light uppercase tracking-tight mt-4 mb-2 text-current", children }),
+  p: ({ children }) => /* @__PURE__ */ jsx3("p", { className: "leading-relaxed [&:not(:first-child)]:mt-4 text-current/80 text-sm font-light font-mono", children }),
+  ul: ({ children }) => /* @__PURE__ */ jsx3("ul", { className: "my-4 ml-6 list-square [&>li]:mt-2 text-current/80 font-mono text-sm font-light", children }),
+  ol: ({ children }) => /* @__PURE__ */ jsx3("ol", { className: "my-4 ml-6 list-decimal [&>li]:mt-2 text-current/80 font-mono text-sm font-light", children }),
   li: ({ children }) => /* @__PURE__ */ jsx3("li", { children }),
-  blockquote: ({ children }) => /* @__PURE__ */ jsx3("blockquote", { className: "mt-4 border border-white/30 p-4 italic text-white/60 font-mono text-sm font-light bg-transparent", children }),
-  a: ({ href, children }) => /* @__PURE__ */ jsx3("a", { href, className: "underline text-white hover:bg-white hover:text-black transition-colors", target: "_blank", rel: "noopener noreferrer", children }),
-  table: ({ children }) => /* @__PURE__ */ jsx3("div", { className: "my-4 w-full overflow-y-auto border border-white/30", children: /* @__PURE__ */ jsx3("table", { className: "w-full text-sm font-mono font-light text-white", children }) }),
-  tr: ({ children }) => /* @__PURE__ */ jsx3("tr", { className: "m-0 border-b border-white/30 p-0 hover:bg-white/5", children }),
-  th: ({ children }) => /* @__PURE__ */ jsx3("th", { className: "border-r border-white/30 last:border-r-0 text-white/50 px-4 py-2 font-light uppercase text-left", children }),
-  td: ({ children }) => /* @__PURE__ */ jsx3("td", { className: "border-r border-white/30 last:border-r-0 px-4 py-2 text-left text-white/80", children })
+  blockquote: ({ children }) => /* @__PURE__ */ jsx3("blockquote", { className: "mt-4 border border-current/30 p-4 italic text-current/60 font-mono text-sm font-light bg-transparent", children }),
+  a: ({ href, children }) => /* @__PURE__ */ jsx3("a", { href, className: "underline text-current hover:opacity-70 transition-opacity", target: "_blank", rel: "noopener noreferrer", children }),
+  table: ({ children }) => /* @__PURE__ */ jsx3("div", { className: "my-4 w-full overflow-y-auto border border-current/30", children: /* @__PURE__ */ jsx3("table", { className: "w-full text-sm font-mono font-light text-current", children }) }),
+  tr: ({ children }) => /* @__PURE__ */ jsx3("tr", { className: "m-0 border-b border-current/30 p-0 hover:bg-current/5", children }),
+  th: ({ children }) => /* @__PURE__ */ jsx3("th", { className: "border-r border-current/30 last:border-r-0 text-current/50 px-4 py-2 font-light uppercase text-left", children }),
+  td: ({ children }) => /* @__PURE__ */ jsx3("td", { className: "border-r border-current/30 last:border-r-0 px-4 py-2 text-left text-current/80", children })
 };
 function ModelSelector({
   currentModel,
-  onSelect
+  onSelect,
+  theme
 }) {
   const [isOpen, setIsOpen] = useState3(false);
   const ref = useRef3(null);
@@ -1210,14 +1212,17 @@ function ModelSelector({
         ] })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs3("div", { className: "absolute top-[calc(100%+8px)] left-0 w-72 max-h-[300px] overflow-y-auto bg-black dark:bg-white border border-white/20 dark:border-black/20 z-50 p-2 scrollbar-none", children: [
-      /* @__PURE__ */ jsx3("div", { className: "px-3 py-2 text-[10px] font-light text-current opacity-50 uppercase tracking-widest border-b border-white/10 dark:border-black/10 mb-1", children: "WebLLM" }),
+    isOpen && /* @__PURE__ */ jsxs3("div", { className: cn(
+      "absolute top-[calc(100%+8px)] left-0 w-72 max-h-[300px] overflow-y-auto border z-50 p-2 scrollbar-none",
+      theme === "dark" ? "bg-black border-white/20" : "bg-[#fafafa] border-black/20"
+    ), children: [
+      /* @__PURE__ */ jsx3("div", { className: "px-3 py-2 text-[10px] font-light text-current opacity-50 uppercase tracking-widest border-b border-current/10 mb-1", children: "WebLLM" }),
       Object.entries(WEBLLM_MODELS).map(([key, value]) => /* @__PURE__ */ jsxs3(
         "button",
         {
           className: cn(
             "block w-full text-left px-3 py-2.5 text-[11px] font-light uppercase tracking-widest truncate transition-colors text-current",
-            currentModel === value ? "bg-white text-black dark:bg-black dark:text-white" : "hover:bg-white/10 dark:hover:bg-black/10"
+            currentModel === value ? theme === "dark" ? "bg-white text-black" : "bg-black text-white" : "hover:opacity-60"
           ),
           onClick: () => {
             onSelect(value);
@@ -1231,13 +1236,13 @@ function ModelSelector({
         },
         key
       )),
-      /* @__PURE__ */ jsx3("div", { className: "px-3 py-2 text-[10px] font-light opacity-50 uppercase tracking-widest mt-4 border-b border-white/10 dark:border-black/10 mb-1", children: "Transformers.js" }),
+      /* @__PURE__ */ jsx3("div", { className: "px-3 py-2 text-[10px] font-light text-current opacity-50 uppercase tracking-widest mt-4 border-b border-current/10 mb-1", children: "Transformers.js" }),
       Object.entries(TRANSFORMERS_MODELS).map(([key, value]) => /* @__PURE__ */ jsxs3(
         "button",
         {
           className: cn(
             "block w-full text-left px-3 py-2.5 text-[11px] font-light uppercase tracking-widest truncate transition-colors text-current",
-            currentModel === value ? "bg-white text-black dark:bg-black dark:text-white" : "hover:bg-white/10 dark:hover:bg-black/10"
+            currentModel === value ? theme === "dark" ? "bg-white text-black" : "bg-black text-white" : "hover:opacity-60"
           ),
           onClick: () => {
             onSelect(value);
@@ -1408,7 +1413,8 @@ ${systemPrompt}` : systemPrompt;
           ModelSelector,
           {
             currentModel: modelId,
-            onSelect: onModelChange
+            onSelect: onModelChange,
+            theme: localTheme
           }
         ) : /* @__PURE__ */ jsx3("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs3("span", { className: "text-[11px] font-light uppercase tracking-[0.2em]", children: [
           "[ ",
@@ -1518,7 +1524,8 @@ ${systemPrompt}` : systemPrompt;
         actions: inputActions,
         images,
         onImageAdd: (img) => setImages((prev) => [...prev, img]),
-        onImageRemove: (id) => setImages((prev) => prev.filter((img) => img.id !== id))
+        onImageRemove: (id) => setImages((prev) => prev.filter((img) => img.id !== id)),
+        theme: localTheme
       }
     ) })
   ] });

package/dist/{index-fIqGfqTG.d.ts → index-C3lo7t8l.d.ts}

@@ -635,7 +635,8 @@ interface ChatInputProps {
     onImageAdd?: (image: ImageAttachment) => void;
     onImageRemove?: (id: string) => void;
     modelSelector?: React.ReactNode;
+    theme?: 'dark' | 'light';
 }
-declare function ChatInput({ value, onChange, onSend, onStop, disabled, isGenerating, placeholder, maxRows, actions, className, images, onImageAdd, onImageRemove, modelSelector, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+declare function ChatInput({ value, onChange, onSend, onStop, disabled, isGenerating, placeholder, maxRows, actions, className, images, onImageAdd, onImageRemove, modelSelector, theme, }: ChatInputProps): react_jsx_runtime.JSX.Element;
 
 export { type AttachOptions as A, type BrowserCapabilities as B, type ChatMessage as C, type Device as D, useCompletion as E, useLLM as F, type GenerateOptions as G, useStream as H, ChatApp as I, type ChatAppProps as J, type ImageAttachment as K, type LLMProvider$1 as L, type MessageRole as M, type Quantization as Q, type StreamCallback as S, TRANSFORMERS_MODELS as T, type UseChatOptions as U, WEBLLM_MODELS as W, type Backend as a, type LoadProgressCallback as b, Chat as c, ChatInput as d, type ChatInputProps as e, type ChatProps as f, DEFAULT_TRANSFORMERS_MODEL as g, DEFAULT_WEBLLM_MODEL as h, type LLMConfig as i, type LLMContextValue as j, LLMLoading as k, type LLMLoadingProps as l, LLMProvider as m, type LLMProviderProps as n, LLMReady as o, type LLMReadyProps as p, type LoadProgress as q, type LocalLLM as r, type UseChatReturn as s, type UseCompletionOptions as t, type UseCompletionReturn as u, type UseStreamOptions as v, type UseStreamReturn as w, createLLM as x, isWebGPUSupported as y, useChat as z };

package/dist/index.css

@@ -2563,6 +2563,9 @@ video {
 .border-none {
   border-style: none;
 }
+.border-black\/20 {
+  border-color: rgb(0 0 0 / 0.2);
+}
 .border-current {
   border-color: currentColor;
 }
@@ -2572,15 +2575,9 @@ video {
 .border-red-500\/30 {
   border-color: rgb(239 68 68 / 0.3);
 }
-.border-white\/10 {
-  border-color: rgb(255 255 255 / 0.1);
-}
 .border-white\/20 {
   border-color: rgb(255 255 255 / 0.2);
 }
-.border-white\/30 {
-  border-color: rgb(255 255 255 / 0.3);
-}
 .bg-\[\#fafafa\] {
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
@@ -2622,6 +2619,12 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/10 {
+  background-color: rgb(255 255 255 / 0.1);
+}
+.bg-white\/80 {
+  background-color: rgb(255 255 255 / 0.8);
+}
 .object-cover {
   -o-object-fit: cover;
   object-fit: cover;
@@ -2850,15 +2853,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
-.text-white\/50 {
-  color: rgb(255 255 255 / 0.5);
-}
-.text-white\/60 {
-  color: rgb(255 255 255 / 0.6);
-}
-.text-white\/80 {
-  color: rgb(255 255 255 / 0.8);
-}
 .underline {
   text-decoration-line: underline;
 }
@@ -3094,23 +3088,12 @@ video {
 .hover\:bg-red-500\/30:hover {
   background-color: rgb(239 68 68 / 0.3);
 }
-.hover\:bg-white:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-white\/10:hover {
-  background-color: rgb(255 255 255 / 0.1);
-}
-.hover\:bg-white\/5:hover {
-  background-color: rgb(255 255 255 / 0.05);
-}
-.hover\:text-black:hover {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
-}
 .hover\:opacity-100:hover {
   opacity: 1;
 }
+.hover\:opacity-60:hover {
+  opacity: 0.6;
+}
 .hover\:opacity-70:hover {
   opacity: 0.7;
 }
@@ -3141,33 +3124,12 @@ video {
   }
 }
 @media (prefers-color-scheme: dark) {
-  .dark\:border-black\/10 {
-    border-color: rgb(0 0 0 / 0.1);
-  }
-  .dark\:border-black\/20 {
-    border-color: rgb(0 0 0 / 0.2);
-  }
   .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\] {
     background-color: var(--shiki-dark-bg,var(--sdm-tbg));
   }
-  .dark\:bg-black {
-    --tw-bg-opacity: 1;
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
-  }
-  .dark\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-  }
   .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\] {
     color: var(--shiki-dark,var(--sdm-c,inherit));
   }
-  .dark\:text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-  }
-  .dark\:hover\:bg-black\/10:hover {
-    background-color: rgb(0 0 0 / 0.1);
-  }
 }
 .\[\&\:not\(\:first-child\)\]\:mt-4:not(:first-child) {
   margin-top: 1rem;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { B as BrowserCapabilities, L as LLMProvider, a as Backend, b as LoadProgressCallback, C as ChatMessage, G as GenerateOptions, S as StreamCallback, D as Device, Q as Quantization, A as AttachOptions } from './index-fIqGfqTG.js';
-export { c as Chat, d as ChatInput, e as ChatInputProps, f as ChatProps, g as DEFAULT_TRANSFORMERS_MODEL, h as DEFAULT_WEBLLM_MODEL, i as LLMConfig, j as LLMContextValue, k as LLMLoading, l as LLMLoadingProps, m as LLMProvider, n as LLMProviderProps, o as LLMReady, p as LLMReadyProps, q as LoadProgress, r as LocalLLM, M as MessageRole, T as TRANSFORMERS_MODELS, U as UseChatOptions, s as UseChatReturn, t as UseCompletionOptions, u as UseCompletionReturn, v as UseStreamOptions, w as UseStreamReturn, W as WEBLLM_MODELS, x as createLLM, x as default, y as isWebGPUSupported, z as useChat, E as useCompletion, F as useLLM, H as useStream } from './index-fIqGfqTG.js';
+import { B as BrowserCapabilities, L as LLMProvider, a as Backend, b as LoadProgressCallback, C as ChatMessage, G as GenerateOptions, S as StreamCallback, D as Device, Q as Quantization, A as AttachOptions } from './index-C3lo7t8l.js';
+export { c as Chat, d as ChatInput, e as ChatInputProps, f as ChatProps, g as DEFAULT_TRANSFORMERS_MODEL, h as DEFAULT_WEBLLM_MODEL, i as LLMConfig, j as LLMContextValue, k as LLMLoading, l as LLMLoadingProps, m as LLMProvider, n as LLMProviderProps, o as LLMReady, p as LLMReadyProps, q as LoadProgress, r as LocalLLM, M as MessageRole, T as TRANSFORMERS_MODELS, U as UseChatOptions, s as UseChatReturn, t as UseCompletionOptions, u as UseCompletionReturn, v as UseStreamOptions, w as UseStreamReturn, W as WEBLLM_MODELS, x as createLLM, x as default, y as isWebGPUSupported, z as useChat, E as useCompletion, F as useLLM, H as useStream } from './index-C3lo7t8l.js';
 import 'react/jsx-runtime';
 import 'react';
 

package/dist/index.js

@@ -26,7 +26,7 @@ import {
   useCompletion,
   useLLM,
   useStream
-} from "./chunk-PTPT4EPO.js";
+} from "./chunk-MDEYMUE4.js";
 export {
   Chat,
   ChatInput,

package/dist/react/index.css

@@ -2563,6 +2563,9 @@ video {
 .border-none {
   border-style: none;
 }
+.border-black\/20 {
+  border-color: rgb(0 0 0 / 0.2);
+}
 .border-current {
   border-color: currentColor;
 }
@@ -2572,15 +2575,9 @@ video {
 .border-red-500\/30 {
   border-color: rgb(239 68 68 / 0.3);
 }
-.border-white\/10 {
-  border-color: rgb(255 255 255 / 0.1);
-}
 .border-white\/20 {
   border-color: rgb(255 255 255 / 0.2);
 }
-.border-white\/30 {
-  border-color: rgb(255 255 255 / 0.3);
-}
 .bg-\[\#fafafa\] {
   --tw-bg-opacity: 1;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
@@ -2622,6 +2619,12 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-white\/10 {
+  background-color: rgb(255 255 255 / 0.1);
+}
+.bg-white\/80 {
+  background-color: rgb(255 255 255 / 0.8);
+}
 .object-cover {
   -o-object-fit: cover;
   object-fit: cover;
@@ -2850,15 +2853,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
-.text-white\/50 {
-  color: rgb(255 255 255 / 0.5);
-}
-.text-white\/60 {
-  color: rgb(255 255 255 / 0.6);
-}
-.text-white\/80 {
-  color: rgb(255 255 255 / 0.8);
-}
 .underline {
   text-decoration-line: underline;
 }
@@ -3094,23 +3088,12 @@ video {
 .hover\:bg-red-500\/30:hover {
   background-color: rgb(239 68 68 / 0.3);
 }
-.hover\:bg-white:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-}
-.hover\:bg-white\/10:hover {
-  background-color: rgb(255 255 255 / 0.1);
-}
-.hover\:bg-white\/5:hover {
-  background-color: rgb(255 255 255 / 0.05);
-}
-.hover\:text-black:hover {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
-}
 .hover\:opacity-100:hover {
   opacity: 1;
 }
+.hover\:opacity-60:hover {
+  opacity: 0.6;
+}
 .hover\:opacity-70:hover {
   opacity: 0.7;
 }
@@ -3141,33 +3124,12 @@ video {
   }
 }
 @media (prefers-color-scheme: dark) {
-  .dark\:border-black\/10 {
-    border-color: rgb(0 0 0 / 0.1);
-  }
-  .dark\:border-black\/20 {
-    border-color: rgb(0 0 0 / 0.2);
-  }
   .dark\:bg-\[var\(--shiki-dark-bg\,var\(--sdm-tbg\)\)\] {
     background-color: var(--shiki-dark-bg,var(--sdm-tbg));
   }
-  .dark\:bg-black {
-    --tw-bg-opacity: 1;
-    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
-  }
-  .dark\:bg-white {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-  }
   .dark\:text-\[var\(--shiki-dark\,var\(--sdm-c\,inherit\)\)\] {
     color: var(--shiki-dark,var(--sdm-c,inherit));
   }
-  .dark\:text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-  }
-  .dark\:hover\:bg-black\/10:hover {
-    background-color: rgb(0 0 0 / 0.1);
-  }
 }
 .\[\&\:not\(\:first-child\)\]\:mt-4:not(:first-child) {
   margin-top: 1rem;

package/dist/react/index.d.ts

@@ -1,3 +1,3 @@
-export { c as Chat, I as ChatApp, J as ChatAppProps, d as ChatInput, e as ChatInputProps, f as ChatProps, K as ImageAttachment, j as LLMContextValue, k as LLMLoading, l as LLMLoadingProps, m as LLMProvider, n as LLMProviderProps, o as LLMReady, p as LLMReadyProps, U as UseChatOptions, s as UseChatReturn, t as UseCompletionOptions, u as UseCompletionReturn, v as UseStreamOptions, w as UseStreamReturn, z as useChat, E as useCompletion, F as useLLM, H as useStream } from '../index-fIqGfqTG.js';
+export { c as Chat, I as ChatApp, J as ChatAppProps, d as ChatInput, e as ChatInputProps, f as ChatProps, K as ImageAttachment, j as LLMContextValue, k as LLMLoading, l as LLMLoadingProps, m as LLMProvider, n as LLMProviderProps, o as LLMReady, p as LLMReadyProps, U as UseChatOptions, s as UseChatReturn, t as UseCompletionOptions, u as UseCompletionReturn, v as UseStreamOptions, w as UseStreamReturn, z as useChat, E as useCompletion, F as useLLM, H as useStream } from '../index-C3lo7t8l.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/react/index.js

@@ -9,7 +9,7 @@ import {
   useCompletion,
   useLLM,
   useStream
-} from "../chunk-PTPT4EPO.js";
+} from "../chunk-MDEYMUE4.js";
 export {
   Chat,
   ChatApp,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blank-utils/llm",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Run LLMs directly in your browser with WebGPU acceleration. Supports React hooks and eager background loading.",
   "type": "module",
   "main": "./dist/index.js",