highsoft-ui 1.0.63 → 1.0.65

package/dist/components/GPTInput/index.js

@@ -1,20 +1,20 @@
 import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { useRef as y, useState as g, useLayoutEffect as b } from "react";
-import { c as h } from "../../clsx-OuTLNxxd.js";
+import { useRef as _, useState as K, useLayoutEffect as b } from "react";
+import { c as d } from "../../clsx-OuTLNxxd.js";
 import x from "../icons/Bubble.js";
-import C from "../icons/Plane.js";
-const v = "_inputContainer_h398g_300", S = "_bottomFade_h398g_303", K = "_inputWrap_h398g_306", P = "_textarea_h398g_309", N = "_button_h398g_375", W = "_primary_h398g_410", k = "_secondary_h398g_419", D = "_disclaimer_h398g_425", r = {
+import R from "../icons/Plane.js";
+const L = "_1KLR0a_bottomFade", g = "_1KLR0a_button", C = "_1KLR0a_disclaimer", v = "_1KLR0a_inputContainer", S = "_1KLR0a_inputWrap", P = "_1KLR0a_primary", N = "_1KLR0a_secondary", W = "_1KLR0a_textarea", a = {
+  bottomFade: L,
+  button: g,
+  disclaimer: C,
   inputContainer: v,
-  bottomFade: S,
-  inputWrap: K,
-  textarea: P,
-  button: N,
-  primary: W,
-  secondary: k,
-  disclaimer: D
+  inputWrap: S,
+  primary: P,
+  secondary: N,
+  textarea: W
 };
-function F({
-  variant: a = "primary",
+function k({
+  variant: r = "primary",
   className: s,
   children: e,
   ...o
@@ -22,56 +22,56 @@ function F({
   return /* @__PURE__ */ n(
     "button",
     {
-      className: h(r.button, r[a], s),
+      className: d(a.button, a[r], s),
       ...o,
       children: /* @__PURE__ */ n("span", { children: e })
     }
   );
 }
-function I({
-  autoFocus: a,
+function E({
+  autoFocus: r,
   onSubmit: s
 }) {
-  const e = y(null), [o, i] = g(""), c = o.trim(), u = !!c;
+  const e = _(null), [o, i] = K(""), c = o.trim(), u = !!c;
   b(() => {
-    a && e.current?.focus();
-  }, [a]);
+    r && e.current?.focus();
+  }, [r]);
   const p = () => {
     const t = e.current;
     t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
-  }, _ = (t) => {
+  }, f = (t) => {
     i(t.target.value), p();
   }, m = (t) => {
     t.preventDefault(), s(c), i(""), requestAnimationFrame(p);
-  }, d = (t) => {
+  }, y = (t) => {
     t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && m(t);
-  }, f = () => {
+  }, h = () => {
     e.current?.focus();
   };
   return /* @__PURE__ */ l(
     "form",
     {
-      className: h(r.inputWrap, { [r.active]: u }),
-      onKeyDown: d,
+      className: d(a.inputWrap, { [a.active]: u }),
+      onKeyDown: y,
       onSubmit: m,
       children: [
         /* @__PURE__ */ n(x, {}),
         /* @__PURE__ */ n(
           "textarea",
           {
-            className: r.textarea,
+            className: a.textarea,
             ref: e,
             value: o,
-            onChange: _
+            onChange: f
           }
         ),
         /* @__PURE__ */ l(
-          F,
+          k,
           {
             variant: u ? "primary" : "secondary",
-            onClick: f,
+            onClick: h,
             children: [
-              /* @__PURE__ */ n(C, {}),
+              /* @__PURE__ */ n(R, {}),
               /* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
             ]
           }
@@ -81,6 +81,6 @@ function I({
   );
 }
 export {
-  I as GPTInput,
-  F as default
+  E as GPTInput,
+  k as default
 };