highsoft-ui 1.0.17 → 1.0.19

package/dist/components/Button/index.js

@@ -1,34 +1,34 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
 import { c } from "../../clsx-OuTLNxxd.js";
-const h = "_button_hf7ku_286", l = "_neutral_hf7ku_328", k = "_white_hf7ku_352", z = "_transparent_hf7ku_376", p = "_plain_hf7ku_400", b = "_brand_hf7ku_424", d = "_success_hf7ku_448", m = "_attention_hf7ku_472", w = "_danger_hf7ku_496", g = "_full_hf7ku_622", t = {
-  button: h,
-  neutral: l,
-  white: k,
-  transparent: z,
-  plain: p,
-  brand: b,
-  success: d,
-  attention: m,
-  danger: w,
-  "size-50": "_size-50_hf7ku_520",
-  "size-100": "_size-100_hf7ku_537",
-  "size-200": "_size-200_hf7ku_554",
-  "size-300": "_size-300_hf7ku_571",
-  "size-400": "_size-400_hf7ku_588",
-  "size-500": "_size-500_hf7ku_605",
-  full: g
-}, B = i(
+const g = "_button_lp38g_270", u = "_neutral_lp38g_312", z = "_white_lp38g_336", f = "_transparent_lp38g_360", b = "_plain_lp38g_384", d = "_brand_lp38g_408", m = "_success_lp38g_432", w = "_attention_lp38g_456", h = "_danger_lp38g_480", x = "_full_lp38g_606", t = {
+  button: g,
+  neutral: u,
+  white: z,
+  transparent: f,
+  plain: b,
+  brand: d,
+  success: m,
+  attention: w,
+  danger: h,
+  "size-50": "_size-50_lp38g_504",
+  "size-100": "_size-100_lp38g_521",
+  "size-200": "_size-200_lp38g_538",
+  "size-300": "_size-300_lp38g_555",
+  "size-400": "_size-400_lp38g_572",
+  "size-500": "_size-500_lp38g_589",
+  full: x
+}, N = r(
   ({
     children: _,
     variant: s = "neutral",
     size: n = 200,
     fullWidth: e = !1,
-    as: u = "button",
+    as: l = "button",
     className: o,
     ...a
-  }, r) => /* @__PURE__ */ f(
-    u,
+  }, p) => /* @__PURE__ */ i(
+    l,
     {
       className: c(
         o,
@@ -39,12 +39,12 @@ const h = "_button_hf7ku_286", l = "_neutral_hf7ku_328", k = "_white_hf7ku_352",
           [t.full]: e
         }
       ),
-      ref: r,
+      ref: p,
       ...a,
       children: _
     }
   )
 );
 export {
-  B as Button
+  N as Button
 };

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

@@ -2,4 +2,4 @@ import { ElementType, HTMLAttributes } from 'react';
 export interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
     as?: ElementType;
 }
-export declare function Container({ children, className, as: Component, ...props }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare const Container: import('react').ForwardRefExoticComponent<ContainerProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Container/index.js

@@ -1,16 +1,11 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as s } from "../../clsx-OuTLNxxd.js";
-const a = "_container_mh6y2_1", e = {
-  container: a
-};
-function f({
-  children: n,
-  className: o,
-  as: t = "div",
-  ...r
-}) {
-  return /* @__PURE__ */ c(t, { className: s(o, e.container), ...r, children: n });
-}
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as e } from "../../clsx-OuTLNxxd.js";
+const i = "_container_mh6y2_1", m = {
+  container: i
+}, x = c(
+  ({ children: o, className: r, as: n = "div", ...t }, s) => /* @__PURE__ */ a(n, { className: e(r, m.container), ref: s, ...t, children: o })
+);
 export {
-  f as Container
+  x as Container
 };

package/dist/components/GPTInput/index.js

@@ -1,30 +1,30 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
+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 d } from "../../clsx-OuTLNxxd.js";
-import g from "../icons/Bubble.js";
-import C from "../icons/Plane.js";
-const v = "_inputContainer_1ydpn_286", S = "_bottomFade_1ydpn_289", K = "_inputWrap_1ydpn_292", P = "_textarea_1ydpn_295", N = "_button_1ydpn_361", W = "_primary_1ydpn_396", k = "_secondary_1ydpn_405", D = "_disclaimer_1ydpn_411", r = {
-  inputContainer: v,
-  bottomFade: S,
-  inputWrap: K,
-  textarea: P,
-  button: N,
-  primary: W,
-  secondary: k,
-  disclaimer: D
+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
 };
-function F({
+function D({
   variant: a = "primary",
   className: s,
-  children: n,
+  children: e,
   ...o
 }) {
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ n(
     "button",
     {
-      className: d(r.button, r[a], s),
+      className: y(r.button, r[a], s),
       ...o,
-      children: /* @__PURE__ */ e("span", { children: n })
+      children: /* @__PURE__ */ n("span", { children: e })
     }
   );
 }
@@ -32,49 +32,49 @@ function I({
   autoFocus: a,
   onSubmit: s
 }) {
-  const n = h(null), [o, i] = b(""), c = o.trim(), p = !!c;
+  const e = h(null), [o, i] = b(""), c = o.trim(), u = !!c;
   x(() => {
     var t;
-    a && ((t = n.current) == null || t.focus());
+    a && ((t = e.current) == null || t.focus());
   }, [a]);
-  const u = () => {
-    const t = n.current;
+  const p = () => {
+    const t = e.current;
     t && (t.style.height = "64px", t.style.height = `${t.scrollHeight + 4}px`);
-  }, y = (t) => {
-    i(t.target.value), u();
-  }, m = (t) => {
-    t.preventDefault(), s(c), i(""), requestAnimationFrame(u);
   }, _ = (t) => {
+    i(t.target.value), p();
+  }, m = (t) => {
+    t.preventDefault(), s(c), i(""), requestAnimationFrame(p);
+  }, d = (t) => {
     t.key === "Enter" && !t.shiftKey && !t.ctrlKey && !t.metaKey && m(t);
   }, f = () => {
     var t;
-    (t = n.current) == null || t.focus();
+    (t = e.current) == null || t.focus();
   };
   return /* @__PURE__ */ l(
     "form",
     {
-      className: d(r.inputWrap, { [r.active]: p }),
-      onKeyDown: _,
+      className: y(r.inputWrap, { [r.active]: u }),
+      onKeyDown: d,
       onSubmit: m,
       children: [
-        /* @__PURE__ */ e(g, {}),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ n(j, {}),
+        /* @__PURE__ */ n(
           "textarea",
           {
             className: r.textarea,
-            ref: n,
+            ref: e,
             value: o,
-            onChange: y
+            onChange: _
           }
         ),
         /* @__PURE__ */ l(
-          F,
+          D,
           {
-            variant: p ? "primary" : "secondary",
+            variant: u ? "primary" : "secondary",
             onClick: f,
             children: [
-              /* @__PURE__ */ e(C, {}),
-              /* @__PURE__ */ e("span", { className: "sr-only", children: "Send message" })
+              /* @__PURE__ */ n(g, {}),
+              /* @__PURE__ */ n("span", { className: "sr-only", children: "Send message" })
             ]
           }
         )
@@ -84,5 +84,5 @@ function I({
 }
 export {
   I as GPTInput,
-  F as default
+  D as default
 };

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

@@ -6,10 +6,10 @@ export interface SubHeaderItem {
     icon?: ReactNode;
     tag?: ReactNode;
     tagVariant?: 'success' | 'brand';
-    link?: ElementType;
 }
-export declare function SubHeader({ items, host }: {
+export declare function SubHeader({ items, link: Link, host }: {
     items: Array<SubHeaderItem>;
+    link?: ElementType;
     host?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export interface Notification {

package/dist/components/Header/index.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as o, Fragment as V } from "react/jsx-runtime";
-import { useState as M, useEffect as U } from "react";
-import { J as z } from "../../index-CMegByeX.js";
+import { jsx as e, jsxs as s, Fragment as V } from "react/jsx-runtime";
+import { useState as M, useEffect as q } from "react";
+import { J as U } from "../../index-CMegByeX.js";
 import { _ as d } from "../../extends-hS2Bh-Yp.js";
-import { N as J, X as A } from "../../index-xicPMd2c.js";
-import { c as g } from "../../clsx-OuTLNxxd.js";
+import { N as J, X as A } from "../../index-ChurKizy.js";
+import { c as p } from "../../clsx-OuTLNxxd.js";
 import { Button as h } from "../Button/index.js";
 import { Container as W } from "../Container/index.js";
-import { ThemedLogo as q } from "../Logo/index.js";
-import { PrefPanel as N } from "../PrefPanel/index.js";
-import { useMediaQuery as b } from "../../utils.js";
+import { ThemedLogo as N } from "../Logo/index.js";
+import { PrefPanel as z } from "../PrefPanel/index.js";
+import { useMediaQuery as C } from "../../utils.js";
 var G = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -186,7 +186,7 @@ var G = function(t) {
     })
   }));
 };
-const R = "_header_1qm4u_286", I = "_outer_1qm4u_297", K = "_main_1qm4u_306", Y = "_container_1qm4u_310", Z = "_links_1qm4u_316", e1 = "_buttons_1qm4u_317", t1 = "_menu_1qm4u_325", r1 = "_logo_1qm4u_330", n1 = "_subContainer_1qm4u_342", o1 = "_selected_1qm4u_370", s1 = "_subTag_1qm4u_382", i1 = "_mobileOverlay_1qm4u_400", a1 = "_show_1qm4u_1", c1 = "_open_1qm4u_412", h1 = "_mobile_1qm4u_400", l1 = "_slideUp_1qm4u_1", d1 = "_sub_1qm4u_342", u1 = "_gpt_1qm4u_478", r = {
+const R = "_header_1vxsz_270", I = "_outer_1vxsz_281", K = "_main_1vxsz_290", Y = "_container_1vxsz_294", Z = "_links_1vxsz_300", e1 = "_buttons_1vxsz_301", t1 = "_menu_1vxsz_309", r1 = "_logo_1vxsz_314", n1 = "_subContainer_1vxsz_326", s1 = "_selected_1vxsz_354", o1 = "_subTag_1vxsz_366", i1 = "_mobileOverlay_1vxsz_384", a1 = "_show_1vxsz_1", c1 = "_open_1vxsz_396", h1 = "_mobile_1vxsz_384", l1 = "_slideUp_1vxsz_1", d1 = "_sub_1vxsz_326", u1 = "_gpt_1vxsz_462", r = {
   header: R,
   outer: I,
   main: K,
@@ -196,10 +196,10 @@ const R = "_header_1qm4u_286", I = "_outer_1qm4u_297", K = "_main_1qm4u_306", Y
   menu: t1,
   logo: r1,
   subContainer: n1,
-  selected: o1,
-  subTag: s1,
-  "subTag-success": "_subTag-success_1qm4u_387",
-  "subTag-brand": "_subTag-brand_1qm4u_391",
+  selected: s1,
+  subTag: o1,
+  "subTag-success": "_subTag-success_1vxsz_371",
+  "subTag-brand": "_subTag-brand_1vxsz_375",
   mobileOverlay: i1,
   show: a1,
   open: c1,
@@ -244,108 +244,107 @@ function l(n, t) {
 }
 function m1({
   items: n,
-  host: t
+  link: t = "a",
+  host: w = "https://www.highcharts.com"
 }) {
-  return /* @__PURE__ */ e("div", { className: g(r.sub, r.outer), children: /* @__PURE__ */ e(W, { className: r.subContainer, as: "ul", children: n.map(
-    ({ title: p, url: c, icon: i, tag: w, tagVariant: f = "success", link: _ = "a" }, m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(_, { href: l(c, t), children: [
+  return /* @__PURE__ */ e("div", { className: p(r.sub, r.outer), children: /* @__PURE__ */ e(W, { className: r.subContainer, as: "ul", children: n.map(({ title: i, url: a, icon: g, tag: v, tagVariant: _ = "success" }, m) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(t, { href: l(a, w), children: [
+    g,
+    /* @__PURE__ */ s("span", { children: [
       i,
-      /* @__PURE__ */ o("span", { children: [
-        p,
-        w && /* @__PURE__ */ e(
-          "span",
-          {
-            className: g(
-              r.subTag,
-              r[`subTag-${f}`]
-            ),
-            children: w
-          }
-        )
-      ] })
-    ] }) }, m)
-  ) }) });
+      v && /* @__PURE__ */ e(
+        "span",
+        {
+          className: p(
+            r.subTag,
+            r[`subTag-${_}`]
+          ),
+          children: v
+        }
+      )
+    ] })
+  ] }) }, m)) }) });
 }
-function q1({
+function N1({
   subItems: n,
   children: t,
-  notifications: p = [],
+  notifications: w = [],
   // TODO: Fetch these from the internets
-  link: c = "a",
-  host: i = "https://www.highcharts.com"
+  link: i = "a",
+  host: a = "https://www.highcharts.com"
 }) {
-  const w = b("(max-width: 374px)"), f = b("(max-width: 849px)"), _ = b("(min-width: 850px) and (max-width: 999px)"), [m, j] = M(!1), [v, k] = M([]);
-  U(() => {
-    if (p.length) {
-      const a = localStorage.getItem("notifications");
-      if (a) {
-        const u = JSON.parse(a);
-        k(
-          p.filter(
-            (s) => !s.id || !u.closed.includes(s.id)
+  const g = C("(max-width: 374px)"), v = C("(max-width: 849px)"), _ = C("(min-width: 850px) and (max-width: 999px)"), [m, j] = M(!1), [f, x] = M([]);
+  q(() => {
+    if (w.length) {
+      const c = localStorage.getItem("notifications");
+      if (c) {
+        const u = JSON.parse(c);
+        x(
+          w.filter(
+            (o) => !o.id || !u.closed.includes(o.id)
           )
         );
       } else
-        k(p);
+        x(w);
     }
-  }, [p]);
-  const x = () => {
+  }, [w]);
+  const b = () => {
     j(!m);
-  }, O = (a) => {
-    k(v.filter((s) => !s.id || s.id !== a));
+  }, O = (c) => {
+    x(f.filter((o) => !o.id || o.id !== c));
     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)));
+      const o = JSON.parse(u);
+      o.closed.includes(c) || (o.closed.push(c), localStorage.setItem("notifications", JSON.stringify(o)));
     } else
       localStorage.setItem(
         "notifications",
         JSON.stringify({
-          closed: [a]
+          closed: [c]
         })
       );
   };
-  return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ o("header", { className: r.header, children: [
-    v == null ? void 0 : v.map(
-      ({ id: a, title: u, description: s, variant: C, closable: y }, P) => /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(U, { children: /* @__PURE__ */ s("header", { className: r.header, children: [
+    f == null ? void 0 : f.map(
+      ({ id: c, title: u, description: o, variant: k, closable: y }, P) => /* @__PURE__ */ e(
         J,
         {
-          description: s,
-          variant: C,
+          description: o,
+          variant: k,
           closable: y,
-          onClose: () => O(a),
+          onClose: () => O(c),
           children: u
         },
         P
       )
     ),
-    /* @__PURE__ */ e("div", { className: g(r.main, r.outer), children: /* @__PURE__ */ o(W, { as: "nav", className: r.container, children: [
+    /* @__PURE__ */ e("div", { className: p(r.main, r.outer), children: /* @__PURE__ */ s(W, { as: "nav", className: r.container, children: [
       /* @__PURE__ */ e(
-        c,
+        i,
         {
           className: r.logo,
-          href: l("https://www.highcharts.com/", i),
-          children: /* @__PURE__ */ e(q, { showText: !_ && !w })
+          href: l("https://www.highcharts.com/", a),
+          children: /* @__PURE__ */ e(N, { showText: !_ && !g })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: a, url: u }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: c, url: u }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
           size: 300,
-          as: c,
-          href: l(u, i),
-          children: a
+          as: i,
+          href: l(u, a),
+          children: c
         }
-      ) }, s)) }),
-      /* @__PURE__ */ o("div", { className: r.buttons, children: [
-        /* @__PURE__ */ o(
+      ) }, o)) }),
+      /* @__PURE__ */ s("div", { className: r.buttons, children: [
+        /* @__PURE__ */ s(
           h,
           {
             variant: "transparent",
-            as: c,
+            as: i,
             href: l(
               "https://www.highcharts.com/chat/gpt/",
-              i
+              a
             ),
             children: [
               /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
@@ -354,25 +353,25 @@ function q1({
           }
         ),
         /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(S, {}) }),
-        /* @__PURE__ */ e(N, {}),
+        /* @__PURE__ */ e(z, {}),
         /* @__PURE__ */ e(
           h,
           {
             variant: "brand",
-            as: c,
-            href: l("https://shop.highcharts.com/account", i),
+            as: i,
+            href: l("https://shop.highcharts.com/account", a),
             "aria-label": "Login",
             children: /* @__PURE__ */ e(B, {})
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           h,
           {
             variant: "success",
-            as: c,
+            as: i,
             href: l(
               "https://www.highcharts.com/download/",
-              i
+              a
             ),
             children: [
               /* @__PURE__ */ e(T, {}),
@@ -380,12 +379,12 @@ function q1({
             ]
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ s(
           h,
           {
             variant: m ? "white" : "transparent",
             className: r.menu,
-            onClick: x,
+            onClick: b,
             children: [
               m ? "Close" : "Menu",
               m ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e($, {})
@@ -394,41 +393,41 @@ function q1({
         )
       ] })
     ] }) }),
-    !!(n != null && n.length) && /* @__PURE__ */ e(m1, { items: n, host: i }),
+    !!(n != null && n.length) && /* @__PURE__ */ e(m1, { items: n, link: i, host: a }),
     t,
-    f && /* @__PURE__ */ o(V, { children: [
+    v && /* @__PURE__ */ s(V, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: g(r.mobileOverlay, { [r.open]: m }),
-          onClick: x
+          className: p(r.mobileOverlay, { [r.open]: m }),
+          onClick: b
         }
       ),
-      /* @__PURE__ */ o(
+      /* @__PURE__ */ s(
         "nav",
         {
-          className: g(r.mobile, {
+          className: p(r.mobile, {
             [r.open]: m
           }),
           children: [
-            /* @__PURE__ */ o("div", { className: r.container, children: [
+            /* @__PURE__ */ s("div", { className: r.container, children: [
               /* @__PURE__ */ e(
-                c,
+                i,
                 {
                   className: r.logo,
-                  href: l("https://www.highcharts.com/", i),
-                  children: /* @__PURE__ */ e(q, { showText: !w })
+                  href: l("https://www.highcharts.com/", a),
+                  children: /* @__PURE__ */ e(N, { showText: !g })
                 }
               ),
-              /* @__PURE__ */ o("div", { className: r.buttons, children: [
-                /* @__PURE__ */ o(
+              /* @__PURE__ */ s("div", { className: r.buttons, children: [
+                /* @__PURE__ */ s(
                   h,
                   {
                     variant: "transparent",
-                    as: c,
+                    as: i,
                     href: l(
                       "https://www.highcharts.com/chat/gpt/",
-                      i
+                      a
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
@@ -437,19 +436,19 @@ function q1({
                   }
                 ),
                 /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(S, {}) }),
-                /* @__PURE__ */ e(N, {})
+                /* @__PURE__ */ e(z, {})
               ] })
             ] }),
-            /* @__PURE__ */ o("div", { className: r.buttons, children: [
-              /* @__PURE__ */ o(
+            /* @__PURE__ */ s("div", { className: r.buttons, children: [
+              /* @__PURE__ */ s(
                 h,
                 {
                   variant: "brand",
                   fullWidth: !0,
-                  as: c,
+                  as: i,
                   href: l(
                     "https://shop.highcharts.com/account",
-                    i
+                    a
                   ),
                   children: [
                     /* @__PURE__ */ e(B, {}),
@@ -457,15 +456,15 @@ function q1({
                   ]
                 }
               ),
-              /* @__PURE__ */ o(
+              /* @__PURE__ */ s(
                 h,
                 {
                   variant: "success",
                   fullWidth: !0,
-                  as: c,
+                  as: i,
                   href: l(
                     "https://www.highcharts.com/download/",
-                    i
+                    a
                   ),
                   children: [
                     /* @__PURE__ */ e(T, {}),
@@ -474,20 +473,20 @@ function q1({
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: a, url: u, icon: s }, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: c, url: u, icon: o }, k) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
               h,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
-                as: c,
-                href: l(u, i),
+                as: i,
+                href: l(u, a),
                 children: [
-                  s,
-                  a
+                  o,
+                  c
                 ]
               }
-            ) }, C)) })
+            ) }, k)) })
           ]
         }
       )
@@ -495,6 +494,6 @@ function q1({
   ] }) });
 }
 export {
-  q1 as Header,
+  N1 as Header,
   m1 as SubHeader
 };

package/dist/components/Notification/index.js

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