highsoft-ui 1.0.10 → 1.0.12

package/dist/components/Button/index.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, ElementType, ReactNode } from 'react';
-export type ButtonVariant = "neutral" | "white" | "transparent" | "plain" | "brand" | "success" | "attention" | "danger";
+export type ButtonVariant = 'neutral' | 'white' | 'transparent' | 'plain' | 'brand' | 'success' | 'attention' | 'danger';
 export type ButtonSize = 50 | 100 | 200 | 300 | 400 | 500;
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     children?: ReactNode;

package/dist/components/Button/index.js

@@ -1,47 +1,47 @@
 import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { c as u } from "../../clsx-OuTLNxxd.js";
-const j = "_button_57js8_293", z = "_neutral_57js8_335", f = "_white_57js8_359", p = "_transparent_57js8_383", b = "_plain_57js8_407", d = "_brand_57js8_431", m = "_success_57js8_455", w = "_attention_57js8_479", g = "_danger_57js8_503", h = "_full_57js8_629", s = {
-  button: j,
+import { forwardRef as w } from "react";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+const u = "_button_1we8s_285", z = "_neutral_1we8s_327", f = "_white_1we8s_351", p = "_transparent_1we8s_375", b = "_plain_1we8s_399", d = "_brand_1we8s_423", m = "_success_1we8s_447", g = "_attention_1we8s_471", h = "_danger_1we8s_495", x = "_full_1we8s_621", s = {
+  button: u,
   neutral: z,
   white: f,
   transparent: p,
   plain: b,
   brand: d,
   success: m,
-  attention: w,
-  danger: g,
-  "size-50": "_size-50_57js8_527",
-  "size-100": "_size-100_57js8_544",
-  "size-200": "_size-200_57js8_561",
-  "size-300": "_size-300_57js8_578",
-  "size-400": "_size-400_57js8_595",
-  "size-500": "_size-500_57js8_612",
-  full: h
-}, N = l(
+  attention: g,
+  danger: h,
+  "size-50": "_size-50_1we8s_519",
+  "size-100": "_size-100_1we8s_536",
+  "size-200": "_size-200_1we8s_553",
+  "size-300": "_size-300_1we8s_570",
+  "size-400": "_size-400_1we8s_587",
+  "size-500": "_size-500_1we8s_604",
+  full: x
+}, N = w(
   ({
-    children: t,
-    variant: _ = "neutral",
-    size: n = 200,
-    fullWidth: e = !1,
+    children: e,
+    variant: t = "neutral",
+    size: _ = 200,
+    fullWidth: n = !1,
     as: o = "button",
     className: a,
     ...r
   }, i) => /* @__PURE__ */ c(
     o,
     {
-      className: u(
+      className: l(
         a,
         s.button,
-        s[_],
-        s[`size-${n}`],
+        s[t],
+        s[`size-${_}`],
         {
-          [s.full]: e
+          [s.full]: n
         }
       ),
       ref: i,
       ...r,
-      children: t
+      children: e
     }
   )
 );

package/dist/components/GPTInput/index.d.ts

@@ -1,10 +1,10 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 interface GPTButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "primary" | "secondary";
+    variant?: 'primary' | 'secondary';
     children: ReactNode;
 }
 export default function GPTButton({ variant, className, children, ...props }: GPTButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare function GPTInput({ autoFocus, onSubmit, }: {
+export declare function GPTInput({ autoFocus, onSubmit }: {
     autoFocus?: boolean;
     onSubmit: (prompt: string) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/GPTInput/index.js

@@ -1,9 +1,9 @@
 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 f } from "../../clsx-OuTLNxxd.js";
-import x from "../icons/Bubble.js";
+import { useRef as y, useState as b, useLayoutEffect as x } from "react";
+import { c as h } from "../../clsx-OuTLNxxd.js";
+import g from "../icons/Bubble.js";
 import C from "../icons/Plane.js";
-const v = "_inputContainer_1hfog_293", S = "_bottomFade_1hfog_296", K = "_inputWrap_1hfog_299", P = "_textarea_1hfog_302", N = "_button_1hfog_368", W = "_primary_1hfog_403", k = "_secondary_1hfog_412", D = "_disclaimer_1hfog_418", o = {
+const v = "_inputContainer_h08to_285", S = "_bottomFade_h08to_288", K = "_inputWrap_h08to_291", P = "_textarea_h08to_294", N = "_button_h08to_360", W = "_primary_h08to_395", k = "_secondary_h08to_404", D = "_disclaimer_h08to_410", o = {
   inputContainer: v,
   bottomFade: S,
   inputWrap: K,
@@ -22,7 +22,7 @@ function F({
   return /* @__PURE__ */ n(
     "button",
     {
-      className: f(o.button, o[r], s),
+      className: h(o.button, o[r], s),
       ...a,
       children: /* @__PURE__ */ n("span", { children: e })
     }
@@ -32,46 +32,46 @@ function I({
   autoFocus: r,
   onSubmit: s
 }) {
-  const e = y(null), [a, i] = g(""), c = a.trim(), u = !!c;
-  b(() => {
+  const e = y(null), [a, i] = b(""), c = a.trim(), u = !!c;
+  x(() => {
     var t;
     r && ((t = e.current) == null || t.focus());
   }, [r]);
   const p = () => {
     const t = e.current;
     t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
-  }, h = (t) => {
+  }, _ = (t) => {
     i(t.target.value), p();
   }, m = (t) => {
     t.preventDefault(), s(c), i(""), requestAnimationFrame(p);
-  }, _ = (t) => {
+  }, d = (t) => {
     t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && m(t);
-  }, d = () => {
+  }, f = () => {
     var t;
     (t = e.current) == null || t.focus();
   };
   return /* @__PURE__ */ l(
     "form",
     {
-      className: f(o.inputWrap, { [o.active]: u }),
-      onKeyDown: _,
+      className: h(o.inputWrap, { [o.active]: u }),
+      onKeyDown: d,
       onSubmit: m,
       children: [
-        /* @__PURE__ */ n(x, {}),
+        /* @__PURE__ */ n(g, {}),
         /* @__PURE__ */ n(
           "textarea",
           {
             className: o.textarea,
             ref: e,
             value: a,
-            onChange: h
+            onChange: _
           }
         ),
         /* @__PURE__ */ l(
           F,
           {
             variant: u ? "primary" : "secondary",
-            onClick: d,
+            onClick: f,
             children: [
               /* @__PURE__ */ n(C, {}),
               /* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })

package/dist/components/Header/index.d.ts

@@ -5,22 +5,23 @@ export interface SubHeaderItem {
     url: string;
     icon?: ReactNode;
     tag?: ReactNode;
-    tagVariant?: "success" | "brand";
+    tagVariant?: 'success' | 'brand';
     link?: ElementType;
 }
 export declare function SubHeader({ items }: {
     items: Array<SubHeaderItem>;
 }): import("react/jsx-runtime").JSX.Element;
+export interface Notification {
+    id?: string;
+    title?: string;
+    description?: string;
+    variant?: NotificationVariant;
+    closable?: boolean;
+}
 export declare function Header({ subItems, children, notifications: initialNotifications, // TODO: Fetch these from the internets
-link: Link, }: {
+link: Link }: {
     subItems?: Array<SubHeaderItem>;
     children?: ReactNode;
-    notifications?: Array<{
-        id?: string;
-        title?: string;
-        description?: string;
-        variant?: NotificationVariant;
-        closable?: boolean;
-    }>;
+    notifications?: Array<Notification>;
     link?: ElementType;
 }): import("react/jsx-runtime").JSX.Element;