@blank-utils/llm 0.4.5 → 0.4.6

package/dist/{chunk-UTUSTRC5.js → chunk-RRDW7WNW.js}

@@ -1053,48 +1053,48 @@ ${newText}` : newText);
             className: "w-full min-h-[24px] max-h-[200px] resize-none border-none outline-none bg-transparent text-current text-[13px] font-light font-mono leading-relaxed p-0 m-0 placeholder:text-current placeholder:opacity-30 placeholder:uppercase placeholder:tracking-[0.2em] scrollbar-none"
           }
         ),
-        /* @__PURE__ */ jsxs2("div", { className: "flex md:flex-row flex-col items-center justify-between mt-8 gap-4", children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-4 w-full md:w-auto", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between mt-6", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-3 flex-wrap", children: [
             modelSelector && /* @__PURE__ */ jsx2("div", { children: modelSelector }),
             /* @__PURE__ */ jsxs2(
               "button",
               {
                 type: "button",
-                className: "group flex-1 md:flex-none flex items-center justify-center gap-3 px-6 py-3 rounded-md border bg-transparent border-current/20 text-current hover:bg-current/5 hover:border-current/50 transition-all duration-300",
+                className: "group flex items-center justify-center gap-2 px-4 py-2 rounded border bg-transparent border-current/20 text-current hover:bg-current/5 transition-all duration-300",
                 onClick: () => fileInputRef.current?.click(),
                 title: "Attach image or PDF (Ctrl+V to paste)",
                 children: [
-                  /* @__PURE__ */ jsx2(Paperclip, { className: "w-4 h-4 opacity-70 group-hover:opacity-100 transition-opacity" }),
-                  /* @__PURE__ */ jsx2("span", { className: "text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ FILE ]" }),
-                  /* @__PURE__ */ jsx2("span", { className: "text-[10px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u30D5\u30A1\u30A4\u30EB" })
+                  /* @__PURE__ */ jsx2(Paperclip, { className: "w-3.5 h-3.5 opacity-70 group-hover:opacity-100 transition-opacity" }),
+                  /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ FILE ]" }),
+                  /* @__PURE__ */ jsx2("span", { className: "text-[9px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u30D5\u30A1\u30A4\u30EB" })
                 ]
               }
             ),
             actions
           ] }),
-          /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-4 w-full md:w-auto", children: isGenerating ? /* @__PURE__ */ jsxs2(
+          /* @__PURE__ */ jsx2("div", { className: "flex items-center gap-3 flex-wrap", children: isGenerating ? /* @__PURE__ */ jsxs2(
             "button",
             {
               type: "button",
-              className: "group flex-1 md:flex-none flex items-center justify-center gap-3 px-6 py-3 rounded-md border bg-red-500/10 border-red-500/30 text-red-500 hover:bg-red-500/20 transition-all duration-300",
+              className: "group flex items-center justify-center gap-2 px-4 py-2 rounded border bg-red-500/10 border-red-500/30 text-red-500 hover:bg-red-500/20 transition-all duration-300",
               onClick: onStop,
               children: [
-                /* @__PURE__ */ jsx2(Square, { className: "w-4 h-4 opacity-70 group-hover:opacity-100 transition-opacity" }),
-                /* @__PURE__ */ jsx2("span", { className: "text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ STOP ]" }),
-                /* @__PURE__ */ jsx2("span", { className: "text-[10px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u505C\u6B62" })
+                /* @__PURE__ */ jsx2(Square, { className: "w-3.5 h-3.5 opacity-70 group-hover:opacity-100 transition-opacity" }),
+                /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ STOP ]" }),
+                /* @__PURE__ */ jsx2("span", { className: "text-[9px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u505C\u6B62" })
               ]
             }
           ) : /* @__PURE__ */ jsxs2(
             "button",
             {
               type: "button",
-              className: `group flex-1 md:flex-none flex items-center justify-center gap-3 px-8 py-3 rounded-md transition-all duration-300 ${canSend ? theme === "dark" ? "bg-[#fafafa] text-black border hover:opacity-80" : "bg-black text-[#fafafa] border hover:opacity-80" : theme === "dark" ? "bg-[#fafafa]/10 text-[#fafafa]/40 cursor-not-allowed border border-transparent" : "bg-black/10 text-black/40 cursor-not-allowed border border-transparent"}`,
+              className: `group flex items-center justify-center gap-2 px-5 py-2 rounded transition-all duration-300 ${canSend ? theme === "dark" ? "bg-[#fafafa] text-black border hover:opacity-80" : "bg-black text-[#fafafa] border hover:opacity-80" : theme === "dark" ? "bg-[#fafafa]/10 text-[#fafafa]/40 cursor-not-allowed border border-transparent" : "bg-black/10 text-black/40 cursor-not-allowed border border-transparent"}`,
               onClick: onSend,
               disabled: !canSend,
               children: [
-                /* @__PURE__ */ jsx2(Send, { className: "w-4 h-4 opacity-70 group-hover:opacity-100 transition-opacity" }),
-                /* @__PURE__ */ jsx2("span", { className: "text-[11px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ SEND ]" }),
-                /* @__PURE__ */ jsx2("span", { className: "text-[10px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u9001\u4FE1" })
+                /* @__PURE__ */ jsx2(Send, { className: "w-3.5 h-3.5 opacity-70 group-hover:opacity-100 transition-opacity" }),
+                /* @__PURE__ */ jsx2("span", { className: "text-[10px] font-bold tracking-[0.2em] uppercase whitespace-nowrap", children: "[ SEND ]" }),
+                /* @__PURE__ */ jsx2("span", { className: "text-[9px] opacity-40 group-hover:opacity-60 transition-opacity tracking-widest whitespace-nowrap", children: "\u9001\u4FE1" })
               ]
             }
           ) })

package/dist/index.css

@@ -2272,9 +2272,6 @@ video {
 .mt-6 {
   margin-top: 1.5rem;
 }
-.mt-8 {
-  margin-top: 2rem;
-}
 .block {
   display: block;
 }
@@ -2313,6 +2310,9 @@ video {
 .h-24 {
   height: 6rem;
 }
+.h-3\.5 {
+  height: 0.875rem;
+}
 .h-4 {
   height: 1rem;
 }
@@ -2355,6 +2355,9 @@ video {
 .w-24 {
   width: 6rem;
 }
+.w-3\.5 {
+  width: 0.875rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -2691,14 +2694,14 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
 .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
@@ -3173,12 +3176,6 @@ video {
     margin-left: 2rem;
     margin-right: 2rem;
   }
-  .md\:w-auto {
-    width: auto;
-  }
-  .md\:flex-none {
-    flex: none;
-  }
   .md\:flex-row {
     flex-direction: row;
   }

package/dist/index.js

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

package/dist/react/index.css

@@ -2272,9 +2272,6 @@ video {
 .mt-6 {
   margin-top: 1.5rem;
 }
-.mt-8 {
-  margin-top: 2rem;
-}
 .block {
   display: block;
 }
@@ -2313,6 +2310,9 @@ video {
 .h-24 {
   height: 6rem;
 }
+.h-3\.5 {
+  height: 0.875rem;
+}
 .h-4 {
   height: 1rem;
 }
@@ -2355,6 +2355,9 @@ video {
 .w-24 {
   width: 6rem;
 }
+.w-3\.5 {
+  width: 0.875rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -2691,14 +2694,14 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.px-5 {
+  padding-left: 1.25rem;
+  padding-right: 1.25rem;
+}
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
 }
-.px-8 {
-  padding-left: 2rem;
-  padding-right: 2rem;
-}
 .py-0\.5 {
   padding-top: 0.125rem;
   padding-bottom: 0.125rem;
@@ -3173,12 +3176,6 @@ video {
     margin-left: 2rem;
     margin-right: 2rem;
   }
-  .md\:w-auto {
-    width: auto;
-  }
-  .md\:flex-none {
-    flex: none;
-  }
   .md\:flex-row {
     flex-direction: row;
   }

package/dist/react/index.js

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

package/package.json

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