@blank-utils/llm 0.3.18 → 0.3.20

package/dist/react/index.css

@@ -2214,9 +2214,8 @@ video {
 .m-0 {
   margin: 0px;
 }
-.mx-2 {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
+.m-1 {
+  margin: 0.25rem;
 }
 .mx-4 {
   margin-left: 1rem;
@@ -2226,18 +2225,10 @@ video {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
 }
-.my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
-}
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
-.my-5 {
-  margin-top: 1.25rem;
-  margin-bottom: 1.25rem;
-}
 .my-6 {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
@@ -2290,15 +2281,9 @@ video {
 .mt-4 {
   margin-top: 1rem;
 }
-.mt-5 {
-  margin-top: 1.25rem;
-}
 .mt-6 {
   margin-top: 1.5rem;
 }
-.mt-8 {
-  margin-top: 2rem;
-}
 .block {
   display: block;
 }
@@ -2331,27 +2316,27 @@ video {
   width: 100%;
   height: 100%;
 }
-.h-10 {
-  height: 2.5rem;
+.h-1 {
+  height: 0.25rem;
+}
+.h-16 {
+  height: 4rem;
+}
+.h-2 {
+  height: 0.5rem;
 }
-.h-20 {
-  height: 5rem;
+.h-24 {
+  height: 6rem;
 }
 .h-3 {
   height: 0.75rem;
 }
-.h-32 {
-  height: 8rem;
-}
 .h-4 {
   height: 1rem;
 }
 .h-5 {
   height: 1.25rem;
 }
-.h-6 {
-  height: 1.5rem;
-}
 .h-8 {
   height: 2rem;
 }
@@ -2379,27 +2364,24 @@ video {
 .min-h-\[24px\] {
   min-height: 24px;
 }
-.w-10 {
-  width: 2.5rem;
+.w-16 {
+  width: 4rem;
+}
+.w-2 {
+  width: 0.5rem;
 }
-.w-20 {
-  width: 5rem;
+.w-24 {
+  width: 6rem;
 }
 .w-3 {
   width: 0.75rem;
 }
-.w-32 {
-  width: 8rem;
-}
 .w-4 {
   width: 1rem;
 }
 .w-5 {
   width: 1.25rem;
 }
-.w-6 {
-  width: 1.5rem;
-}
 .w-72 {
   width: 18rem;
 }
@@ -2415,9 +2397,6 @@ video {
 .min-w-\[120px\] {
   min-width: 120px;
 }
-.max-w-\[90\%\] {
-  max-width: 90%;
-}
 .max-w-full {
   max-width: 100%;
 }
@@ -2501,9 +2480,6 @@ video {
 .items-start {
   align-items: flex-start;
 }
-.items-end {
-  align-items: flex-end;
-}
 .items-center {
   align-items: center;
 }
@@ -2528,8 +2504,8 @@ video {
 .gap-4 {
   gap: 1rem;
 }
-.gap-8 {
-  gap: 2rem;
+.gap-6 {
+  gap: 1.5rem;
 }
 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
@@ -2546,12 +2522,6 @@ video {
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
-.self-start {
-  align-self: flex-start;
-}
-.self-end {
-  align-self: flex-end;
-}
 .overflow-hidden {
   overflow: hidden;
 }
@@ -2602,26 +2572,23 @@ video {
 .border {
   border-width: 1px;
 }
-.border-2 {
-  border-width: 2px;
-}
-.border-4 {
-  border-width: 4px;
+.border-b {
+  border-bottom-width: 1px;
 }
 .border-b-2 {
   border-bottom-width: 2px;
 }
-.border-l-2 {
-  border-left-width: 2px;
+.border-l {
+  border-left-width: 1px;
 }
 .border-l-4 {
   border-left-width: 4px;
 }
-.border-r-2 {
-  border-right-width: 2px;
+.border-r {
+  border-right-width: 1px;
 }
-.border-t-2 {
-  border-top-width: 2px;
+.border-t {
+  border-top-width: 1px;
 }
 .border-dashed {
   border-style: dashed;
@@ -2629,32 +2596,23 @@ video {
 .border-none {
   border-style: none;
 }
-.border-black {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
-}
-.border-black\/10 {
-  border-color: rgb(0 0 0 / 0.1);
-}
-.border-black\/20 {
-  border-color: rgb(0 0 0 / 0.2);
-}
 .border-current {
   border-color: currentColor;
 }
-.border-red-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
-}
 .border-red-500\/20 {
   border-color: rgb(239 68 68 / 0.2);
 }
-.bg-\[\#fafafa\] {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
+.border-red-500\/50 {
+  border-color: rgb(239 68 68 / 0.5);
+}
+.border-white\/10 {
+  border-color: rgb(255 255 255 / 0.1);
+}
+.border-white\/30 {
+  border-color: rgb(255 255 255 / 0.3);
 }
-.bg-\[\#fafafa\]\/90 {
-  background-color: rgb(250 250 250 / 0.9);
+.border-white\/50 {
+  border-color: rgb(255 255 255 / 0.5);
 }
 .bg-\[var\(--sdm-tbg\)\] {
   background-color: var(--sdm-tbg);
@@ -2666,6 +2624,12 @@ video {
 .bg-black\/10 {
   background-color: rgb(0 0 0 / 0.1);
 }
+.bg-black\/80 {
+  background-color: rgb(0 0 0 / 0.8);
+}
+.bg-black\/90 {
+  background-color: rgb(0 0 0 / 0.9);
+}
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
@@ -2687,6 +2651,16 @@ video {
 .bg-transparent {
   background-color: transparent;
 }
+.bg-white {
+  --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\/30 {
+  background-color: rgb(255 255 255 / 0.3);
+}
 .fill-current {
   fill: currentColor;
 }
@@ -2722,10 +2696,6 @@ video {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
 }
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -2762,10 +2732,6 @@ video {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
 .pb-2 {
   padding-bottom: 0.5rem;
 }
@@ -2775,6 +2741,9 @@ video {
 .pr-4 {
   padding-right: 1rem;
 }
+.pt-3 {
+  padding-top: 0.75rem;
+}
 .text-left {
   text-align: left;
 }
@@ -2836,11 +2805,8 @@ video {
   font-size: 0.75rem;
   line-height: 1rem;
 }
-.font-black {
-  font-weight: 900;
-}
-.font-bold {
-  font-weight: 700;
+.font-light {
+  font-weight: 300;
 }
 .font-medium {
   font-weight: 500;
@@ -2869,10 +2835,6 @@ video {
 .tracking-widest {
   letter-spacing: 0.1em;
 }
-.text-\[\#fafafa\] {
-  --tw-text-opacity: 1;
-  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
-}
 .text-\[var\(--sdm-c\,inherit\)\] {
   color: var(--sdm-c,inherit);
 }
@@ -2880,15 +2842,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
-.text-black\/20 {
-  color: rgb(0 0 0 / 0.2);
-}
-.text-black\/50 {
-  color: rgb(0 0 0 / 0.5);
-}
-.text-black\/70 {
-  color: rgb(0 0 0 / 0.7);
-}
 .text-red-400\/80 {
   color: rgb(248 113 113 / 0.8);
 }
@@ -2912,6 +2865,24 @@ video {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-white\/20 {
+  color: rgb(255 255 255 / 0.2);
+}
+.text-white\/40 {
+  color: rgb(255 255 255 / 0.4);
+}
+.text-white\/50 {
+  color: rgb(255 255 255 / 0.5);
+}
+.text-white\/60 {
+  color: rgb(255 255 255 / 0.6);
+}
+.text-white\/70 {
+  color: rgb(255 255 255 / 0.7);
+}
+.text-white\/80 {
+  color: rgb(255 255 255 / 0.8);
+}
 .underline {
   text-decoration-line: underline;
 }
@@ -2921,6 +2892,9 @@ video {
 .opacity-50 {
   opacity: 0.5;
 }
+.opacity-70 {
+  opacity: 0.7;
+}
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -2929,14 +2903,6 @@ video {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.shadow-none {
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
 .shadow-sm {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
@@ -2999,8 +2965,10 @@ video {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.transition-none {
-  transition-property: none;
+.transition-opacity {
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
 }
 .transition-transform {
   transition-property: transform;
@@ -3059,11 +3027,11 @@ video {
 .placeholder\:tracking-widest::placeholder {
   letter-spacing: 0.1em;
 }
-.placeholder\:text-black\/30::-moz-placeholder {
-  color: rgb(0 0 0 / 0.3);
+.placeholder\:text-white\/30::-moz-placeholder {
+  color: rgb(255 255 255 / 0.3);
 }
-.placeholder\:text-black\/30::placeholder {
-  color: rgb(0 0 0 / 0.3);
+.placeholder\:text-white\/30::placeholder {
+  color: rgb(255 255 255 / 0.3);
 }
 .before\:mr-4::before {
   content: var(--tw-content);
@@ -3132,46 +3100,29 @@ video {
   --tw-content: var(--streamdown-caret);
   content: var(--tw-content);
 }
-.even\:bg-black\/5:nth-child(even) {
-  background-color: rgb(0 0 0 / 0.05);
-}
-.focus-within\:border-black:focus-within {
-  --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
-}
-.focus-within\:ring-0:focus-within {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow),
-    var(--tw-ring-shadow),
-    var(--tw-shadow, 0 0 #0000);
+.focus-within\:border-white\/60:focus-within {
+  border-color: rgb(255 255 255 / 0.6);
 }
-.hover\:bg-black:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+.hover\:bg-red-500\/20:hover {
+  background-color: rgb(239 68 68 / 0.2);
 }
-.hover\:bg-black\/10:hover {
-  background-color: rgb(0 0 0 / 0.1);
+.hover\:bg-red-500\/30:hover {
+  background-color: rgb(239 68 68 / 0.3);
 }
-.hover\:bg-red-500:hover {
+.hover\:bg-white:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
-.hover\:bg-red-500\/30:hover {
-  background-color: rgb(239 68 68 / 0.3);
+.hover\:bg-white\/10:hover {
+  background-color: rgb(255 255 255 / 0.1);
 }
-.hover\:bg-transparent:hover {
-  background-color: transparent;
+.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\:text-red-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
-}
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -3211,95 +3162,15 @@ video {
   }
 }
 @media (prefers-color-scheme: dark) {
-  .dark\:border-white {
-    --tw-border-opacity: 1;
-    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
-  }
-  .dark\:border-white\/10 {
-    border-color: rgb(255 255 255 / 0.1);
-  }
-  .dark\:border-white\/20 {
-    border-color: rgb(255 255 255 / 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-black\/90 {
-    background-color: rgb(0 0 0 / 0.9);
-  }
-  .dark\:bg-red-950\/20 {
-    background-color: rgb(69 10 10 / 0.2);
-  }
-  .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-black {
-    --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
-  }
-  .dark\:text-red-400 {
-    --tw-text-opacity: 1;
-    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
-  }
-  .dark\:text-white {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-  }
-  .dark\:text-white\/20 {
-    color: rgb(255 255 255 / 0.2);
-  }
-  .dark\:text-white\/50 {
-    color: rgb(255 255 255 / 0.5);
-  }
-  .dark\:text-white\/70 {
-    color: rgb(255 255 255 / 0.7);
-  }
-  .dark\:placeholder\:text-white\/30::-moz-placeholder {
-    color: rgb(255 255 255 / 0.3);
-  }
-  .dark\:placeholder\:text-white\/30::placeholder {
-    color: rgb(255 255 255 / 0.3);
-  }
-  .dark\:even\:bg-white\/5:nth-child(even) {
-    background-color: rgb(255 255 255 / 0.05);
-  }
-  .dark\:focus-within\:border-white:focus-within {
-    --tw-border-opacity: 1;
-    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
-  }
-  .dark\:hover\:bg-transparent:hover {
-    background-color: transparent;
-  }
-  .dark\:hover\:bg-white:hover {
-    --tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
-  }
-  .dark\:hover\:bg-white\/10:hover {
-    background-color: rgb(255 255 255 / 0.1);
-  }
-  .dark\:hover\:text-black:hover {
-    --tw-text-opacity: 1;
-    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
-  }
-  .dark\:hover\:text-red-400:hover {
-    --tw-text-opacity: 1;
-    color: rgb(248 113 113 / var(--tw-text-opacity, 1));
-  }
-  .dark\:hover\:text-white:hover {
-    --tw-text-opacity: 1;
-    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
-  }
 }
-.\[\&\:not\(\:first-child\)\]\:mt-5:not(:first-child) {
-  margin-top: 1.25rem;
+.\[\&\:not\(\:first-child\)\]\:mt-4:not(:first-child) {
+  margin-top: 1rem;
 }
 .\[\&\>li\]\:mt-2 > li {
   margin-top: 0.5rem;

package/dist/react/index.js

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

package/package.json

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