highsoft-ui 1.0.63 → 1.0.65

package/dist/components/Header/index.js

@@ -1,16 +1,16 @@
-import { jsx as e, jsxs as r, Fragment as q } from "react/jsx-runtime";
-import { useState as M, useEffect as z } from "react";
-import { a as N, J as A } from "../../utils-C7rfowvr.js";
-import { A as E } from "../../Announcement03-obPaH4LK.js";
-import { _ as u } from "../../extends-hS2Bh-Yp.js";
-import { N as J, X as G } from "../../index-DvBbx2s8.js";
+import { jsx as e, jsxs as r, Fragment as V } from "react/jsx-runtime";
+import { useState as S, useEffect as U } from "react";
+import { a as q, J as z } from "../../utils-C7rfowvr.js";
+import { A } from "../../Announcement03-obPaH4LK.js";
+import { _ as m } from "../../extends-hS2Bh-Yp.js";
+import { N as E, X as J } from "../../index-pnL-sAld.js";
 import { c as g } from "../../clsx-OuTLNxxd.js";
 import { Button as h } from "../Button/index.js";
-import { Container as O } from "../Container/index.js";
-import { ThemedLogo as L } from "../Logo/index.js";
-import { PrefPanel as T } from "../PrefPanel/index.js";
-var F = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+import { Container as W } from "../Container/index.js";
+import { ThemedLogo as Q } from "../Logo/index.js";
+import { PrefPanel as M } from "../PrefPanel/index.js";
+var G = function(n) {
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -25,8 +25,8 @@ var F = function(n) {
       d: "M6 11v4m12-6v4m-1-9c2.4487 0 3.7731.3748 4.4321.6654.0878.0388.1317.0581.2583.179.0759.0724.2145.285.2501.3837.0595.1646.0595.2546.0595.4346v10.7484c0 .9088 0 1.3632-.1363 1.5968-.1386.2375-.2723.348-.5318.4393-.255.0897-.7699-.0092-1.7997-.2071A13.45 13.45 0 0 0 17 18c-3 0-6 2-10 2-2.4487 0-3.7731-.3748-4.4321-.6654-.0878-.0388-.1317-.0581-.2583-.179-.076-.0724-.2145-.285-.2501-.3837C2 18.6073 2 18.5173 2 18.3373V7.5889c0-.9088 0-1.3632.1363-1.5968.1386-.2375.2723-.348.5318-.4393.255-.0898.77.0092 1.7997.207A13.44 13.44 0 0 0 7 6c3 0 6-2 10-2m-2.5 8c0 1.3807-1.1193 2.5-2.5 2.5S9.5 13.3807 9.5 12s1.1193-2.5 2.5-2.5 2.5 1.1193 2.5 2.5"
     })
   }));
-}, Q = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, F = function(n) {
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -42,7 +42,7 @@ var F = function(n) {
     })
   }));
 }, D = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -58,7 +58,7 @@ var F = function(n) {
     })
   }));
 }, K = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -74,7 +74,7 @@ var F = function(n) {
     })
   }));
 }, R = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -90,7 +90,7 @@ var F = function(n) {
     })
   }));
 }, X = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -105,8 +105,8 @@ var F = function(n) {
       d: "M12 16v5m6 0-3.9514-3.2928c-.7288-.6074-1.0932-.911-1.4999-1.0271a2 2 0 0 0-1.0974 0c-.4067.1161-.7711.4197-1.4999 1.0271L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.6802 0 2.5202-.327 3.162a3 3 0 0 1-1.311 1.311C18.7202 16 17.8802 16 16.2 16H7.8c-1.6802 0-2.5202 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.7202 3 12.8802 3 11.2z"
     })
   }));
-}, B = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, L = function(n) {
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -121,8 +121,8 @@ var F = function(n) {
       d: "m21 21-4.35-4.35M19 11c0 4.4183-3.5817 8-8 8s-8-3.5817-8-8 3.5817-8 8-8 8 3.5817 8 8"
     })
   }));
-}, y = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, T = function(n) {
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -137,8 +137,8 @@ var F = function(n) {
       d: "M4.5 22v-5m0-10V2M2 4.5h5m-5 15h5M13 3l-1.7342 4.5089c-.282.7332-.423 1.0998-.6423 1.4082a3 3 0 0 1-.7064.7064c-.3084.2193-.675.3603-1.4082.6423L4 12l4.5089 1.7342c.7332.282 1.0998.423 1.4082.6423.2733.1943.5121.4331.7064.7064.2193.3084.3603.675.6423 1.4082L13 21l1.7342-4.5089c.282-.7332.423-1.0998.6423-1.4082a3 3 0 0 1 .7064-.7064c.3084-.2193.675-.3603 1.4082-.6423L22 12l-4.5089-1.7342c-.7332-.282-1.0998-.423-1.4082-.6423a3 3 0 0 1-.7064-.7064c-.2193-.3084-.3603-.675-.6423-1.4082z"
     })
   }));
-}, H = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, y = function(n) {
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -153,8 +153,8 @@ var F = function(n) {
       d: "m7 15 3-3-3-3m6 6h4m-9.2 6h8.4c1.6802 0 2.5202 0 3.162-.327a3 3 0 0 0 1.311-1.311C21 18.7202 21 17.8802 21 16.2V7.8c0-1.6802 0-2.5202-.327-3.162a3 3 0 0 0-1.311-1.311C18.7202 3 17.8802 3 16.2 3H7.8c-1.6802 0-2.5202 0-3.162.327a3 3 0 0 0-1.311 1.311C3 5.2798 3 6.1198 3 7.8v8.4c0 1.6802 0 2.5202.327 3.162a3 3 0 0 0 1.311 1.311C5.2798 21 6.1198 21 7.8 21"
     })
   }));
-}, I = function(n) {
-  return /* @__PURE__ */ e("svg", u({
+}, H = function(n) {
+  return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -170,37 +170,37 @@ var F = function(n) {
     })
   }));
 };
-const $ = "_header_jco8t_300", Y = "_outer_jco8t_311", Z = "_main_jco8t_320", ee = "_container_jco8t_324", te = "_skip_jco8t_330", ne = "_links_jco8t_345", oe = "_buttons_jco8t_346", re = "_menu_jco8t_354", se = "_logo_jco8t_359", ce = "_subContainer_jco8t_371", ie = "_selected_jco8t_399", ae = "_icons_jco8t_402", le = "_subTag_jco8t_422", he = "_selectedIcon_jco8t_435", de = "_selectableIcon_jco8t_439", ue = "_icon_jco8t_402", me = "_mobileOverlay_jco8t_453", pe = "_show_jco8t_1", we = "_open_jco8t_465", ge = "_mobile_jco8t_453", ve = "_slideUp_jco8t_1", fe = "_sub_jco8t_371", _e = "_gpt_jco8t_529", t = {
-  header: $,
-  outer: Y,
-  main: Z,
-  container: ee,
-  skip: te,
-  links: ne,
-  buttons: oe,
-  menu: re,
-  logo: se,
-  subContainer: ce,
-  selected: ie,
-  icons: ae,
-  subTag: le,
-  "subTag-success": "_subTag-success_jco8t_427",
-  "subTag-brand": "_subTag-brand_jco8t_431",
-  selectedIcon: he,
+const $ = "m_QBtq_buttons", Y = "m_QBtq_container", Z = "m_QBtq_gpt", ee = "m_QBtq_header", te = "m_QBtq_icon", ne = "m_QBtq_icons", oe = "m_QBtq_links", re = "m_QBtq_logo", se = "m_QBtq_main", ie = "m_QBtq_menu", ae = "m_QBtq_mobile", ce = "m_QBtq_mobileOverlay", le = "m_QBtq_open", he = "m_QBtq_outer", de = "m_QBtq_selectableIcon", me = "m_QBtq_selected", ue = "m_QBtq_selectedIcon", pe = "m_QBtq_show", we = "m_QBtq_skip", ge = "m_QBtq_slideUp", ve = "m_QBtq_sub", fe = "m_QBtq_subContainer", ke = "m_QBtq_subTag", t = {
+  buttons: $,
+  container: Y,
+  gpt: Z,
+  header: ee,
+  icon: te,
+  icons: ne,
+  links: oe,
+  logo: re,
+  main: se,
+  menu: ie,
+  mobile: ae,
+  mobileOverlay: ce,
+  open: le,
+  outer: he,
   selectableIcon: de,
-  icon: ue,
-  mobileOverlay: me,
+  selected: me,
+  selectedIcon: ue,
   show: pe,
-  open: we,
-  mobile: ge,
-  slideUp: ve,
-  sub: fe,
-  gpt: _e
-}, W = [
+  skip: we,
+  slideUp: ge,
+  sub: ve,
+  subContainer: fe,
+  subTag: ke,
+  "subTag-brand": "m_QBtq_subTag-brand",
+  "subTag-success": "m_QBtq_subTag-success"
+}, I = [
   {
     title: "Products",
     url: "https://www.highcharts.com/products/",
-    icon: /* @__PURE__ */ e(Q, {})
+    icon: /* @__PURE__ */ e(F, {})
   },
   {
     title: "Demos",
@@ -220,38 +220,38 @@ const $ = "_header_jco8t_300", Y = "_outer_jco8t_311", Z = "_main_jco8t_320", ee
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ e(F, {})
+    icon: /* @__PURE__ */ e(G, {})
   },
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/",
-    icon: /* @__PURE__ */ e(E, {})
+    icon: /* @__PURE__ */ e(A, {})
   }
 ];
 function d(s, n) {
   return n ? s.replace(n, "") : s;
 }
-function ke({
+function _e({
   items: s,
   link: n = "a",
   host: p = "https://www.highcharts.com",
-  pathname: a = typeof window < "u" ? window.location.pathname : ""
+  pathname: c = typeof window < "u" ? window.location.pathname : ""
 }) {
-  return /* @__PURE__ */ e("div", { className: g(t.sub, t.outer), children: /* @__PURE__ */ e(O, { className: t.subContainer, as: "ul", children: s.map(
-    ({ title: l, url: f, icon: _, selectedIcon: k, tag: b, tagVariant: m = "success" }, x) => {
-      const v = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, v), C = w.origin === v && w.pathname === a;
+  return /* @__PURE__ */ e("div", { className: g(t.sub, t.outer), children: /* @__PURE__ */ e(W, { className: t.subContainer, as: "ul", children: s.map(
+    ({ title: l, url: f, icon: k, selectedIcon: _, tag: b, tagVariant: u = "success" }, B) => {
+      const v = typeof window < "u" && window.location.origin || "http://example.com", w = new URL(f, v), C = w.origin === v && w.pathname === c;
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
         n,
         {
           href: d(f, p),
           className: g({
-            [t.selectableIcon]: k,
+            [t.selectableIcon]: _,
             [t.selected]: C
           }),
           children: [
             /* @__PURE__ */ r("span", { className: t.icons, children: [
-              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: k }),
-              /* @__PURE__ */ e("span", { className: t.icon, children: _ })
+              /* @__PURE__ */ e("span", { className: t.selectedIcon, children: _ }),
+              /* @__PURE__ */ e("span", { className: t.icon, children: k })
             ] }),
             /* @__PURE__ */ r("span", { children: [
               l,
@@ -260,7 +260,7 @@ function ke({
                 {
                   className: g(
                     t.subTag,
-                    t[`subTag-${m}`]
+                    t[`subTag-${u}`]
                   ),
                   children: b
                 }
@@ -268,28 +268,28 @@ function ke({
             ] })
           ]
         }
-      ) }, x);
+      ) }, B);
     }
   ) }) });
 }
-function He({
+function ye({
   subItems: s,
   children: n,
   notifications: p = [],
   // TODO: Fetch these from the internets
-  link: a = "a",
+  link: c = "a",
   host: l = "https://www.highcharts.com",
   pathname: f = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const _ = N("(max-width: 374px)"), k = N("(max-width: 849px)"), b = N("(min-width: 850px) and (max-width: 999px)"), [m, x] = M(!1), [v, w] = M([]);
-  z(() => {
+  const k = q("(max-width: 374px)"), _ = q("(max-width: 849px)"), b = q("(min-width: 850px) and (max-width: 999px)"), [u, B] = S(!1), [v, w] = S([]);
+  U(() => {
     if (p.length) {
       const o = localStorage.getItem("notifications");
       if (o) {
-        const c = JSON.parse(o);
+        const i = JSON.parse(o);
         w(
           p.filter(
-            (i) => !i.id || !c.closed.includes(i.id)
+            (a) => !a.id || !i.closed.includes(a.id)
           )
         );
       } else
@@ -298,17 +298,17 @@ function He({
   }, [p]);
   const C = (o) => {
     if (o.preventDefault(), !(o.nativeEvent instanceof KeyboardEvent) || o.nativeEvent.code === "Enter" || o.nativeEvent.code === "Space") {
-      const c = document.querySelector("main");
-      c && (c.scrollIntoView(), c.getAttribute("tabindex") !== "-1" && c.setAttribute("tabindex", "-1"), c.focus());
+      const i = document.querySelector("main");
+      i && (i.scrollIntoView(), i.getAttribute("tabindex") !== "-1" && i.setAttribute("tabindex", "-1"), i.focus());
     }
-  }, S = () => {
-    x(!m);
-  }, P = (o) => {
-    w(v.filter((i) => !i.id || i.id !== o));
-    const c = localStorage.getItem("notifications");
-    if (c) {
-      const i = JSON.parse(c);
-      i.closed.includes(o) || (i.closed.push(o), localStorage.setItem("notifications", JSON.stringify(i)));
+  }, N = () => {
+    B(!u);
+  }, j = (o) => {
+    w(v.filter((a) => !a.id || a.id !== o));
+    const i = localStorage.getItem("notifications");
+    if (i) {
+      const a = JSON.parse(i);
+      a.closed.includes(o) || (a.closed.push(o), localStorage.setItem("notifications", JSON.stringify(a)));
     } else
       localStorage.setItem(
         "notifications",
@@ -317,21 +317,21 @@ function He({
         })
       );
   };
-  return /* @__PURE__ */ e(A, { children: /* @__PURE__ */ r("header", { className: t.header, children: [
+  return /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r("header", { className: t.header, children: [
     v?.map(
-      ({ id: o, title: c, description: i, variant: j, closable: V }, U) => /* @__PURE__ */ e(
-        J,
+      ({ id: o, title: i, description: a, variant: x, closable: O }, P) => /* @__PURE__ */ e(
+        E,
         {
-          description: i,
-          variant: j,
-          closable: V,
-          onClose: () => P(o),
-          children: c
+          description: a,
+          variant: x,
+          closable: O,
+          onClose: () => j(o),
+          children: i
         },
-        U
+        P
       )
     ),
-    /* @__PURE__ */ e("div", { className: g(t.main, t.outer), children: /* @__PURE__ */ r(O, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: g(t.main, t.outer), children: /* @__PURE__ */ r(W, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
         h,
         {
@@ -345,62 +345,62 @@ function He({
         }
       ),
       /* @__PURE__ */ e(
-        a,
+        c,
         {
           className: t.logo,
           href: d("https://www.highcharts.com/", l),
-          children: /* @__PURE__ */ e(L, { showText: !b && !_ })
+          children: /* @__PURE__ */ e(Q, { showText: !b && !k })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: t.links, children: W.map(({ title: o, url: c }, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: t.links, children: I.map(({ title: o, url: i }, a) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
           size: 300,
-          as: a,
-          href: d(c, l),
+          as: c,
+          href: d(i, l),
           children: o
         }
-      ) }, i)) }),
+      ) }, a)) }),
       /* @__PURE__ */ r("div", { className: t.buttons, children: [
         /* @__PURE__ */ r(
           h,
           {
             variant: "transparent",
-            as: a,
+            as: c,
             href: d(
               "https://www.highcharts.com/chat/gpt/",
               l
             ),
             children: [
               /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(y, {})
+              /* @__PURE__ */ e(T, {})
             ]
           }
         ),
-        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(B, {}) }),
-        /* @__PURE__ */ e(T, {}),
+        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
+        /* @__PURE__ */ e(M, {}),
         /* @__PURE__ */ e(
           h,
           {
             variant: "brand",
-            as: a,
+            as: c,
             href: d("https://shop.highcharts.com/account", l),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(I, {})
+            children: /* @__PURE__ */ e(H, {})
           }
         ),
         /* @__PURE__ */ r(
           h,
           {
             variant: "success",
-            as: a,
+            as: c,
             href: d(
               "https://www.highcharts.com/download/",
               l
             ),
             children: [
-              /* @__PURE__ */ e(H, {}),
+              /* @__PURE__ */ e(y, {}),
               "Get started"
             ]
           }
@@ -408,49 +408,49 @@ function He({
         /* @__PURE__ */ r(
           h,
           {
-            variant: m ? "white" : "transparent",
+            variant: u ? "white" : "transparent",
             className: t.menu,
-            onClick: S,
+            onClick: N,
             children: [
-              m ? "Close" : "Menu",
-              m ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e(K, {})
+              u ? "Close" : "Menu",
+              u ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ e(K, {})
             ]
           }
         )
       ] })
     ] }) }),
     !!s?.length && /* @__PURE__ */ e(
-      ke,
+      _e,
       {
         items: s,
-        link: a,
+        link: c,
         host: l,
         pathname: f
       }
     ),
     n,
-    k && /* @__PURE__ */ r(q, { children: [
+    _ && /* @__PURE__ */ r(V, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: g(t.mobileOverlay, { [t.open]: m }),
-          onClick: S
+          className: g(t.mobileOverlay, { [t.open]: u }),
+          onClick: N
         }
       ),
       /* @__PURE__ */ r(
         "nav",
         {
           className: g(t.mobile, {
-            [t.open]: m
+            [t.open]: u
           }),
           children: [
             /* @__PURE__ */ r("div", { className: t.container, children: [
               /* @__PURE__ */ e(
-                a,
+                c,
                 {
                   className: t.logo,
                   href: d("https://www.highcharts.com/", l),
-                  children: /* @__PURE__ */ e(L, { showText: !_ })
+                  children: /* @__PURE__ */ e(Q, { showText: !k })
                 }
               ),
               /* @__PURE__ */ r("div", { className: t.buttons, children: [
@@ -458,19 +458,19 @@ function He({
                   h,
                   {
                     variant: "transparent",
-                    as: a,
+                    as: c,
                     href: d(
                       "https://www.highcharts.com/chat/gpt/",
                       l
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(y, {})
+                      /* @__PURE__ */ e(T, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(B, {}) }),
-                /* @__PURE__ */ e(T, {})
+                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
+                /* @__PURE__ */ e(M, {})
               ] })
             ] }),
             /* @__PURE__ */ r("div", { className: t.buttons, children: [
@@ -479,13 +479,13 @@ function He({
                 {
                   variant: "brand",
                   fullWidth: !0,
-                  as: a,
+                  as: c,
                   href: d(
                     "https://shop.highcharts.com/account",
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(I, {}),
+                    /* @__PURE__ */ e(H, {}),
                     "Login"
                   ]
                 }
@@ -495,32 +495,32 @@ function He({
                 {
                   variant: "success",
                   fullWidth: !0,
-                  as: a,
+                  as: c,
                   href: d(
                     "https://www.highcharts.com/download/",
                     l
                   ),
                   children: [
-                    /* @__PURE__ */ e(H, {}),
+                    /* @__PURE__ */ e(y, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: t.links, children: W.map(({ title: o, url: c, icon: i }, j) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
+            /* @__PURE__ */ e("ul", { className: t.links, children: I.map(({ title: o, url: i, icon: a }, x) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
               h,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
-                as: a,
-                href: d(c, l),
+                as: c,
+                href: d(i, l),
                 children: [
-                  i,
+                  a,
                   o
                 ]
               }
-            ) }, j)) })
+            ) }, x)) })
           ]
         }
       )
@@ -528,6 +528,6 @@ function He({
   ] }) });
 }
 export {
-  He as Header,
-  ke as SubHeader
+  ye as Header,
+  _e as SubHeader
 };

package/dist/components/NewTag/index.js

@@ -1,8 +1,8 @@
 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(t) {
+import { c as i } from "../../clsx-OuTLNxxd.js";
+var m = function(t) {
   return /* @__PURE__ */ r("svg", a({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -19,17 +19,17 @@ var i = function(t) {
     })
   }));
 };
-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
+const d = "zmzqxW_attention", z = "zmzqxW_border", l = "zmzqxW_brand", u = "zmzqxW_danger", x = "zmzqxW_icon", g = "zmzqxW_neutral", h = "zmzqxW_success", _ = "zmzqxW_tag", n = {
+  attention: d,
+  border: z,
+  brand: l,
+  danger: u,
+  icon: x,
+  neutral: g,
+  success: h,
+  tag: _
 };
-function L({
+function b({
   variant: s = "success",
   icon: t = !0,
   border: o,
@@ -38,17 +38,17 @@ function L({
   return /* @__PURE__ */ c(
     "span",
     {
-      className: _(e, n.tag, n[s], {
+      className: i(e, n.tag, n[s], {
         [n.icon]: t,
         [n.border]: o
       }),
       children: [
-        t && /* @__PURE__ */ r(i, {}),
+        t && /* @__PURE__ */ r(m, {}),
         "New"
       ]
     }
   );
 }
 export {
-  L as NewTag
+  b as NewTag
 };

package/dist/components/Notification/index.js

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