highsoft-ui 1.0.53 → 1.0.54

package/dist/components/GPTInput/index.js

@@ -1,19 +1,19 @@
 import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { useRef as h, useState as b, useLayoutEffect as x } from "react";
-import { c as y } from "../../clsx-OuTLNxxd.js";
-import j from "../icons/Bubble.js";
-import g from "../icons/Plane.js";
-const C = "_inputContainer_4jy94_270", v = "_bottomFade_4jy94_273", S = "_inputWrap_4jy94_276", K = "_textarea_4jy94_279", P = "_button_4jy94_345", N = "_primary_4jy94_380", W = "_secondary_4jy94_389", k = "_disclaimer_4jy94_395", r = {
-  inputContainer: C,
-  bottomFade: v,
-  inputWrap: S,
-  textarea: K,
-  button: P,
-  primary: N,
-  secondary: W,
-  disclaimer: k
+import { useRef as y, useState as g, useLayoutEffect as b } from "react";
+import { c as h } 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 = {
+  inputContainer: v,
+  bottomFade: S,
+  inputWrap: K,
+  textarea: P,
+  button: N,
+  primary: W,
+  secondary: k,
+  disclaimer: D
 };
-function D({
+function F({
   variant: a = "primary",
   className: s,
   children: e,
@@ -22,7 +22,7 @@ function D({
   return /* @__PURE__ */ n(
     "button",
     {
-      className: y(r.button, r[a], s),
+      className: h(r.button, r[a], s),
       ...o,
       children: /* @__PURE__ */ n("span", { children: e })
     }
@@ -32,8 +32,8 @@ function I({
   autoFocus: a,
   onSubmit: s
 }) {
-  const e = h(null), [o, i] = b(""), c = o.trim(), u = !!c;
-  x(() => {
+  const e = y(null), [o, i] = g(""), c = o.trim(), u = !!c;
+  b(() => {
     a && e.current?.focus();
   }, [a]);
   const p = () => {
@@ -51,11 +51,11 @@ function I({
   return /* @__PURE__ */ l(
     "form",
     {
-      className: y(r.inputWrap, { [r.active]: u }),
+      className: h(r.inputWrap, { [r.active]: u }),
       onKeyDown: d,
       onSubmit: m,
       children: [
-        /* @__PURE__ */ n(j, {}),
+        /* @__PURE__ */ n(x, {}),
         /* @__PURE__ */ n(
           "textarea",
           {
@@ -66,12 +66,12 @@ function I({
           }
         ),
         /* @__PURE__ */ l(
-          D,
+          F,
           {
             variant: u ? "primary" : "secondary",
             onClick: f,
             children: [
-              /* @__PURE__ */ n(g, {}),
+              /* @__PURE__ */ n(C, {}),
               /* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
             ]
           }
@@ -82,5 +82,5 @@ function I({
 }
 export {
   I as GPTInput,
-  D as default
+  F as default
 };

package/dist/components/Header/index.js

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as o, Fragment as V } from "react/jsx-runtime";
 import { useState as S, useEffect as q } from "react";
 import { a as M, J as z } from "../../utils-CzQFvGG2.js";
-import { _ as m } from "../../extends-hS2Bh-Yp.js";
-import { N as J, X as A } from "../../index-CUjEIxqY.js";
-import { c as v } from "../../clsx-OuTLNxxd.js";
+import { _ as d } from "../../extends-hS2Bh-Yp.js";
+import { N as J, X as A } from "../../index-DvBbx2s8.js";
+import { c as p } from "../../clsx-OuTLNxxd.js";
 import { Button as l } from "../Button/index.js";
 import { Container as I } from "../Container/index.js";
 import { ThemedLogo as L } from "../Logo/index.js";
 import { PrefPanel as T } from "../PrefPanel/index.js";
 var G = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -25,7 +25,7 @@ var G = function(n) {
     })
   }));
 }, F = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -41,7 +41,7 @@ var G = function(n) {
     })
   }));
 }, Q = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -57,7 +57,7 @@ var G = function(n) {
     })
   }));
 }, R = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -73,7 +73,7 @@ var G = function(n) {
     })
   }));
 }, X = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -89,7 +89,7 @@ var G = function(n) {
     })
   }));
 }, $ = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -105,7 +105,7 @@ var G = function(n) {
     })
   }));
 }, D = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -121,7 +121,7 @@ var G = function(n) {
     })
   }));
 }, B = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -137,7 +137,7 @@ var G = function(n) {
     })
   }));
 }, H = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -153,7 +153,7 @@ var G = function(n) {
     })
   }));
 }, W = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -169,7 +169,7 @@ var G = function(n) {
     })
   }));
 }, j = function(n) {
-  return /* @__PURE__ */ e("svg", m({
+  return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -185,7 +185,7 @@ var G = function(n) {
     })
   }));
 };
-const E = "_header_1mm0v_270", K = "_outer_1mm0v_281", Y = "_main_1mm0v_290", Z = "_container_1mm0v_294", e1 = "_links_1mm0v_300", t1 = "_buttons_1mm0v_301", n1 = "_menu_1mm0v_309", r1 = "_logo_1mm0v_314", o1 = "_subContainer_1mm0v_326", s1 = "_selected_1mm0v_354", i1 = "_icons_1mm0v_357", c1 = "_subTag_1mm0v_377", a1 = "_selectedIcon_1mm0v_390", l1 = "_selectableIcon_1mm0v_394", h1 = "_icon_1mm0v_357", m1 = "_mobileOverlay_1mm0v_408", d1 = "_show_1mm0v_1", u1 = "_open_1mm0v_420", w1 = "_mobile_1mm0v_408", p1 = "_slideUp_1mm0v_1", v1 = "_sub_1mm0v_326", g1 = "_gpt_1mm0v_484", t = {
+const E = "_header_1vg4i_300", K = "_outer_1vg4i_311", Y = "_main_1vg4i_320", Z = "_container_1vg4i_324", e1 = "_links_1vg4i_330", t1 = "_buttons_1vg4i_331", n1 = "_menu_1vg4i_339", r1 = "_logo_1vg4i_344", o1 = "_subContainer_1vg4i_356", s1 = "_selected_1vg4i_384", i1 = "_icons_1vg4i_387", c1 = "_subTag_1vg4i_407", a1 = "_selectedIcon_1vg4i_420", l1 = "_selectableIcon_1vg4i_424", h1 = "_icon_1vg4i_387", d1 = "_mobileOverlay_1vg4i_438", u1 = "_show_1vg4i_1", m1 = "_open_1vg4i_450", g1 = "_mobile_1vg4i_438", w1 = "_slideUp_1vg4i_1", p1 = "_sub_1vg4i_356", v1 = "_gpt_1vg4i_514", t = {
   header: E,
   outer: K,
   main: Y,
@@ -198,18 +198,18 @@ const E = "_header_1mm0v_270", K = "_outer_1mm0v_281", Y = "_main_1mm0v_290", Z
   selected: s1,
   icons: i1,
   subTag: c1,
-  "subTag-success": "_subTag-success_1mm0v_382",
-  "subTag-brand": "_subTag-brand_1mm0v_386",
+  "subTag-success": "_subTag-success_1vg4i_412",
+  "subTag-brand": "_subTag-brand_1vg4i_416",
   selectedIcon: a1,
   selectableIcon: l1,
   icon: h1,
-  mobileOverlay: m1,
-  show: d1,
-  open: u1,
-  mobile: w1,
-  slideUp: p1,
-  sub: v1,
-  gpt: g1
+  mobileOverlay: d1,
+  show: u1,
+  open: m1,
+  mobile: g1,
+  slideUp: w1,
+  sub: p1,
+  gpt: v1
 }, y = [
   {
     title: "Products",
@@ -248,17 +248,17 @@ function h(r, n) {
 function f1({
   items: r,
   link: n = "a",
-  host: w = "https://www.highcharts.com",
+  host: g = "https://www.highcharts.com",
   pathname: i = typeof window < "u" ? window.location.pathname : ""
 }) {
-  return /* @__PURE__ */ e("div", { className: v(t.sub, t.outer), children: /* @__PURE__ */ e(I, { className: t.subContainer, as: "ul", children: r.map(
-    ({ title: c, url: f, icon: _, selectedIcon: k, tag: C, tagVariant: u = "success" }, x) => {
-      const g = typeof window < "u" && window.location.origin || "http://example.com", p = new URL(f, g), b = p.origin === g && p.pathname === i;
+  return /* @__PURE__ */ e("div", { className: p(t.sub, t.outer), children: /* @__PURE__ */ e(I, { className: t.subContainer, as: "ul", children: r.map(
+    ({ title: c, url: f, icon: _, selectedIcon: k, tag: C, tagVariant: m = "success" }, x) => {
+      const v = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, v), b = w.origin === v && w.pathname === i;
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
         n,
         {
-          href: h(f, w),
-          className: v({
+          href: h(f, g),
+          className: p({
             [t.selectableIcon]: k,
             [t.selected]: b
           }),
@@ -272,9 +272,9 @@ function f1({
               C && /* @__PURE__ */ e(
                 "span",
                 {
-                  className: v(
+                  className: p(
                     t.subTag,
-                    t[`subTag-${u}`]
+                    t[`subTag-${m}`]
                   ),
                   children: C
                 }
@@ -289,34 +289,34 @@ function f1({
 function B1({
   subItems: r,
   children: n,
-  notifications: w = [],
+  notifications: g = [],
   // TODO: Fetch these from the internets
   link: i = "a",
   host: c = "https://www.highcharts.com",
   pathname: f = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const _ = M("(max-width: 374px)"), k = M("(max-width: 849px)"), C = M("(min-width: 850px) and (max-width: 999px)"), [u, x] = S(!1), [g, p] = S([]);
+  const _ = M("(max-width: 374px)"), k = M("(max-width: 849px)"), C = M("(min-width: 850px) and (max-width: 999px)"), [m, x] = S(!1), [v, w] = S([]);
   q(() => {
-    if (w.length) {
+    if (g.length) {
       const a = localStorage.getItem("notifications");
       if (a) {
-        const d = JSON.parse(a);
-        p(
-          w.filter(
-            (s) => !s.id || !d.closed.includes(s.id)
+        const u = JSON.parse(a);
+        w(
+          g.filter(
+            (s) => !s.id || !u.closed.includes(s.id)
           )
         );
       } else
-        p(w);
+        w(g);
     }
-  }, [w]);
+  }, [g]);
   const b = () => {
-    x(!u);
+    x(!m);
   }, O = (a) => {
-    p(g.filter((s) => !s.id || s.id !== a));
-    const d = localStorage.getItem("notifications");
-    if (d) {
-      const s = JSON.parse(d);
+    w(v.filter((s) => !s.id || s.id !== a));
+    const u = localStorage.getItem("notifications");
+    if (u) {
+      const s = JSON.parse(u);
       s.closed.includes(a) || (s.closed.push(a), localStorage.setItem("notifications", JSON.stringify(s)));
     } else
       localStorage.setItem(
@@ -327,20 +327,20 @@ function B1({
       );
   };
   return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ o("header", { className: t.header, children: [
-    g?.map(
-      ({ id: a, title: d, description: s, variant: N, closable: P }, U) => /* @__PURE__ */ e(
+    v?.map(
+      ({ id: a, title: u, description: s, variant: N, closable: P }, U) => /* @__PURE__ */ e(
         J,
         {
           description: s,
           variant: N,
           closable: P,
           onClose: () => O(a),
-          children: d
+          children: u
         },
         U
       )
     ),
-    /* @__PURE__ */ e("div", { className: v(t.main, t.outer), children: /* @__PURE__ */ o(I, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: p(t.main, t.outer), children: /* @__PURE__ */ o(I, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
         i,
         {
@@ -349,13 +349,13 @@ function B1({
           children: /* @__PURE__ */ e(L, { showText: !C && !_ })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: d }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: u }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         l,
         {
           variant: "plain",
           size: 300,
           as: i,
-          href: h(d, c),
+          href: h(u, c),
           children: a
         }
       ) }, s)) }),
@@ -405,12 +405,12 @@ function B1({
         /* @__PURE__ */ o(
           l,
           {
-            variant: u ? "white" : "transparent",
+            variant: m ? "white" : "transparent",
             className: t.menu,
             onClick: b,
             children: [
-              u ? "Close" : "Menu",
-              u ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(X, {})
+              m ? "Close" : "Menu",
+              m ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e(X, {})
             ]
           }
         )
@@ -430,15 +430,15 @@ function B1({
       /* @__PURE__ */ e(
         "div",
         {
-          className: v(t.mobileOverlay, { [t.open]: u }),
+          className: p(t.mobileOverlay, { [t.open]: m }),
           onClick: b
         }
       ),
       /* @__PURE__ */ o(
         "nav",
         {
-          className: v(t.mobile, {
-            [t.open]: u
+          className: p(t.mobile, {
+            [t.open]: m
           }),
           children: [
             /* @__PURE__ */ o("div", { className: t.container, children: [
@@ -504,14 +504,14 @@ function B1({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: d, icon: s }, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ e("ul", { className: t.links, children: y.map(({ title: a, url: u, icon: s }, N) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
               l,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
                 as: i,
-                href: h(d, c),
+                href: h(u, c),
                 children: [
                   s,
                   a

package/dist/components/NewTag/index.js

@@ -1,16 +1,16 @@
-import { jsx as n, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import "react";
 import { _ as a } from "../../extends-hS2Bh-Yp.js";
 import { c as _ } from "../../clsx-OuTLNxxd.js";
-var i = function(s) {
-  return /* @__PURE__ */ n("svg", a({
+var i = function(t) {
+  return /* @__PURE__ */ r("svg", a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     fill: "none",
     viewBox: "0 0 24 24"
-  }, s, {
-    children: /* @__PURE__ */ n("path", {
+  }, t, {
+    children: /* @__PURE__ */ r("path", {
       stroke: "currentColor",
       strokeLinecap: "round",
       strokeLinejoin: "round",
@@ -19,31 +19,31 @@ var i = function(s) {
     })
   }));
 };
-const m = "_tag_1wvsm_270", d = "_icon_1wvsm_287", l = "_border_1wvsm_293", w = "_neutral_1wvsm_303", u = "_success_1wvsm_309", v = "_attention_1wvsm_315", g = "_brand_1wvsm_321", h = "_danger_1wvsm_327", t = {
-  tag: m,
-  icon: d,
-  border: l,
-  neutral: w,
-  success: u,
-  attention: v,
-  brand: g,
-  danger: h
+const d = "_tag_15x3t_300", l = "_icon_15x3t_317", u = "_border_15x3t_323", x = "_neutral_15x3t_333", g = "_success_15x3t_339", m = "_attention_15x3t_345", h = "_brand_15x3t_351", p = "_danger_15x3t_357", n = {
+  tag: d,
+  icon: l,
+  border: u,
+  neutral: x,
+  success: g,
+  attention: m,
+  brand: h,
+  danger: p
 };
 function L({
-  variant: r = "success",
-  icon: s = !0,
+  variant: s = "success",
+  icon: t = !0,
   border: o,
   className: e
 }) {
   return /* @__PURE__ */ c(
     "span",
     {
-      className: _(e, t.tag, t[r], {
-        [t.icon]: s,
-        [t.border]: o
+      className: _(e, n.tag, n[s], {
+        [n.icon]: t,
+        [n.border]: o
       }),
       children: [
-        s && /* @__PURE__ */ n(i, {}),
+        t && /* @__PURE__ */ r(i, {}),
         "New"
       ]
     }

package/dist/components/Notification/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { N as f } from "../../index-CUjEIxqY.js";
+import { N as f } from "../../index-DvBbx2s8.js";
 import "../../clsx-OuTLNxxd.js";
 import "../Button/index.js";
 import "../Container/index.js";