highsoft-ui 1.0.28 → 1.0.29

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

@@ -7,10 +7,11 @@ export interface SubHeaderItem {
     tag?: ReactNode;
     tagVariant?: 'success' | 'brand';
 }
-export declare function SubHeader({ items, link: Link, host }: {
+export declare function SubHeader({ items, link: Link, host, pathname }: {
     items: Array<SubHeaderItem>;
     link?: ElementType;
     host?: string;
+    pathname?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export interface Notification {
     id?: string;
@@ -20,10 +21,11 @@ export interface Notification {
     closable?: boolean;
 }
 export declare function Header({ subItems, children, notifications: initialNotifications, // TODO: Fetch these from the internets
-link: Link, host }: {
+link: Link, host, pathname }: {
     subItems?: Array<SubHeaderItem>;
     children?: ReactNode;
     notifications?: Array<Notification>;
     link?: ElementType;
     host?: string;
+    pathname?: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Header/index.js

@@ -1,14 +1,14 @@
-import { jsx as e, jsxs as s, Fragment as U } from "react/jsx-runtime";
-import { useState as N, useEffect as V } from "react";
-import { J as q } from "../../index-CMegByeX.js";
+import { jsx as e, jsxs as o, Fragment as V } from "react/jsx-runtime";
+import { useState as z, useEffect as q } from "react";
+import { J } from "../../index-CMegByeX.js";
 import { _ as d } from "../../extends-hS2Bh-Yp.js";
-import { N as J, X as A } from "../../index-ChurKizy.js";
-import { c as _ } from "../../clsx-OuTLNxxd.js";
+import { N as A, X as G } from "../../index-ChurKizy.js";
+import { c as v } from "../../clsx-OuTLNxxd.js";
 import { Button as h } from "../Button/index.js";
-import { Container as j } from "../Container/index.js";
-import { ThemedLogo as z } from "../Logo/index.js";
-import { PrefPanel as S } from "../PrefPanel/index.js";
-import { useMediaQuery as M, usePathname as G } from "../../utils.js";
+import { Container as y } from "../Container/index.js";
+import { ThemedLogo as S } from "../Logo/index.js";
+import { PrefPanel as L } from "../PrefPanel/index.js";
+import { useMediaQuery as M } from "../../utils.js";
 var F = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
@@ -121,7 +121,7 @@ var F = function(t) {
       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"
     })
   }));
-}, L = function(t) {
+}, T = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -137,7 +137,7 @@ var F = function(t) {
       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"
     })
   }));
-}, T = function(t) {
+}, B = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -153,7 +153,7 @@ var F = function(t) {
       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"
     })
   }));
-}, B = function(t) {
+}, W = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -169,7 +169,7 @@ var F = function(t) {
       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"
     })
   }));
-}, W = function(t) {
+}, H = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -186,17 +186,17 @@ var F = function(t) {
     })
   }));
 };
-const I = "_header_1vxsz_270", K = "_outer_1vxsz_281", Y = "_main_1vxsz_290", Z = "_container_1vxsz_294", e1 = "_links_1vxsz_300", t1 = "_buttons_1vxsz_301", r1 = "_menu_1vxsz_309", n1 = "_logo_1vxsz_314", s1 = "_subContainer_1vxsz_326", o1 = "_selected_1vxsz_354", i1 = "_subTag_1vxsz_366", a1 = "_mobileOverlay_1vxsz_384", c1 = "_show_1vxsz_1", h1 = "_open_1vxsz_396", l1 = "_mobile_1vxsz_384", d1 = "_slideUp_1vxsz_1", u1 = "_sub_1vxsz_326", m1 = "_gpt_1vxsz_462", r = {
+const I = "_header_1vxsz_270", K = "_outer_1vxsz_281", Y = "_main_1vxsz_290", Z = "_container_1vxsz_294", e1 = "_links_1vxsz_300", t1 = "_buttons_1vxsz_301", n1 = "_menu_1vxsz_309", r1 = "_logo_1vxsz_314", o1 = "_subContainer_1vxsz_326", s1 = "_selected_1vxsz_354", i1 = "_subTag_1vxsz_366", a1 = "_mobileOverlay_1vxsz_384", c1 = "_show_1vxsz_1", h1 = "_open_1vxsz_396", l1 = "_mobile_1vxsz_384", d1 = "_slideUp_1vxsz_1", u1 = "_sub_1vxsz_326", m1 = "_gpt_1vxsz_462", n = {
   header: I,
   outer: K,
   main: Y,
   container: Z,
   links: e1,
   buttons: t1,
-  menu: r1,
-  logo: n1,
-  subContainer: s1,
-  selected: o1,
+  menu: n1,
+  logo: r1,
+  subContainer: o1,
+  selected: s1,
   subTag: i1,
   "subTag-success": "_subTag-success_1vxsz_371",
   "subTag-brand": "_subTag-brand_1vxsz_375",
@@ -207,7 +207,7 @@ const I = "_header_1vxsz_270", K = "_outer_1vxsz_281", Y = "_main_1vxsz_290", Z
   slideUp: d1,
   sub: u1,
   gpt: m1
-}, H = [
+}, j = [
   {
     title: "Products",
     url: "https://highcharts.com/products/",
@@ -239,38 +239,38 @@ const I = "_header_1vxsz_270", K = "_outer_1vxsz_281", Y = "_main_1vxsz_290", Z
     icon: /* @__PURE__ */ e(F, {})
   }
 ];
-function l(n, t) {
-  return t ? n.replace(t, "") : n;
+function l(r, t) {
+  return t ? r.replace(t, "") : r;
 }
 function w1({
-  items: n,
+  items: r,
   link: t = "a",
-  host: g = "https://www.highcharts.com"
+  host: p = "https://www.highcharts.com",
+  pathname: i = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const o = G();
-  return console.log("header", o), /* @__PURE__ */ e("div", { className: _(r.sub, r.outer), children: /* @__PURE__ */ e(j, { className: r.subContainer, as: "ul", children: n.map(({ title: a, url: v, icon: k, tag: x, tagVariant: m = "success" }, C) => {
-    let w = !1;
+  return /* @__PURE__ */ e("div", { className: v(n.sub, n.outer), children: /* @__PURE__ */ e(y, { className: n.subContainer, as: "ul", children: r.map(({ title: a, url: f, icon: _, tag: x, tagVariant: C = "success" }, m) => {
+    let k = !1;
     if (typeof window < "u") {
-      const p = window.location.origin, f = new URL(v, p);
-      console.log(f, o, p), w = (v.startsWith("/") || f.origin === p) && f.pathname === o;
+      const w = window.location.origin, g = new URL(f, w);
+      k = (f.startsWith("/") || g.origin === w) && g.pathname === i;
     }
-    return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+    return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
       t,
       {
-        href: l(v, g),
-        className: _({
-          [r.selected]: w
+        href: l(f, p),
+        className: v({
+          [n.selected]: k
         }),
         children: [
-          k,
-          /* @__PURE__ */ s("span", { children: [
+          _,
+          /* @__PURE__ */ o("span", { children: [
             a,
             x && /* @__PURE__ */ e(
               "span",
               {
-                className: _(
-                  r.subTag,
-                  r[`subTag-${m}`]
+                className: v(
+                  n.subTag,
+                  n[`subTag-${C}`]
                 ),
                 children: x
               }
@@ -278,40 +278,41 @@ function w1({
           ] })
         ]
       }
-    ) }, C);
+    ) }, m);
   }) }) });
 }
 function z1({
-  subItems: n,
+  subItems: r,
   children: t,
-  notifications: g = [],
+  notifications: p = [],
   // TODO: Fetch these from the internets
-  link: o = "a",
-  host: a = "https://www.highcharts.com"
+  link: i = "a",
+  host: a = "https://www.highcharts.com",
+  pathname: f = typeof window < "u" ? window.location.pathname : ""
 }) {
-  const v = M("(max-width: 374px)"), k = M("(max-width: 849px)"), x = M("(min-width: 850px) and (max-width: 999px)"), [m, C] = N(!1), [w, p] = N([]);
-  V(() => {
-    if (g.length) {
+  const _ = M("(max-width: 374px)"), x = M("(max-width: 849px)"), C = M("(min-width: 850px) and (max-width: 999px)"), [m, k] = z(!1), [w, g] = z([]);
+  q(() => {
+    if (p.length) {
       const c = localStorage.getItem("notifications");
       if (c) {
         const u = JSON.parse(c);
-        p(
-          g.filter(
-            (i) => !i.id || !u.closed.includes(i.id)
+        g(
+          p.filter(
+            (s) => !s.id || !u.closed.includes(s.id)
           )
         );
       } else
-        p(g);
+        g(p);
     }
-  }, [g]);
-  const f = () => {
-    C(!m);
-  }, y = (c) => {
-    p(w.filter((i) => !i.id || i.id !== c));
+  }, [p]);
+  const N = () => {
+    k(!m);
+  }, O = (c) => {
+    g(w.filter((s) => !s.id || s.id !== c));
     const u = localStorage.getItem("notifications");
     if (u) {
-      const i = JSON.parse(u);
-      i.closed.includes(c) || (i.closed.push(c), localStorage.setItem("notifications", JSON.stringify(i)));
+      const s = JSON.parse(u);
+      s.closed.includes(c) || (s.closed.push(c), localStorage.setItem("notifications", JSON.stringify(s)));
     } else
       localStorage.setItem(
         "notifications",
@@ -320,186 +321,194 @@ function z1({
         })
       );
   };
-  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ s("header", { className: r.header, children: [
+  return /* @__PURE__ */ e(J, { children: /* @__PURE__ */ o("header", { className: n.header, children: [
     w == null ? void 0 : w.map(
-      ({ id: c, title: u, description: i, variant: b, closable: O }, P) => /* @__PURE__ */ e(
-        J,
+      ({ id: c, title: u, description: s, variant: b, closable: P }, U) => /* @__PURE__ */ e(
+        A,
         {
-          description: i,
+          description: s,
           variant: b,
-          closable: O,
-          onClose: () => y(c),
+          closable: P,
+          onClose: () => O(c),
           children: u
         },
-        P
+        U
       )
     ),
-    /* @__PURE__ */ e("div", { className: _(r.main, r.outer), children: /* @__PURE__ */ s(j, { as: "nav", className: r.container, children: [
+    /* @__PURE__ */ e("div", { className: v(n.main, n.outer), children: /* @__PURE__ */ o(y, { as: "nav", className: n.container, children: [
       /* @__PURE__ */ e(
-        o,
+        i,
         {
-          className: r.logo,
+          className: n.logo,
           href: l("https://www.highcharts.com/", a),
-          children: /* @__PURE__ */ e(z, { showText: !x && !v })
+          children: /* @__PURE__ */ e(S, { showText: !C && !_ })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: c, url: u }, i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: n.links, children: j.map(({ title: c, url: u }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
           size: 300,
-          as: o,
+          as: i,
           href: l(u, a),
           children: c
         }
-      ) }, i)) }),
-      /* @__PURE__ */ s("div", { className: r.buttons, children: [
-        /* @__PURE__ */ s(
+      ) }, s)) }),
+      /* @__PURE__ */ o("div", { className: n.buttons, children: [
+        /* @__PURE__ */ o(
           h,
           {
             variant: "transparent",
-            as: o,
+            as: i,
             href: l(
               "https://www.highcharts.com/chat/gpt/",
               a
             ),
             children: [
-              /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(T, {})
+              /* @__PURE__ */ e("span", { className: n.gpt, children: "Highcharts GPT" }),
+              /* @__PURE__ */ e(B, {})
             ]
           }
         ),
-        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
-        /* @__PURE__ */ e(S, {}),
+        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(T, {}) }),
+        /* @__PURE__ */ e(L, {}),
         /* @__PURE__ */ e(
           h,
           {
             variant: "brand",
-            as: o,
+            as: i,
             href: l("https://shop.highcharts.com/account", a),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(W, {})
+            children: /* @__PURE__ */ e(H, {})
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           h,
           {
             variant: "success",
-            as: o,
+            as: i,
             href: l(
               "https://www.highcharts.com/download/",
               a
             ),
             children: [
-              /* @__PURE__ */ e(B, {}),
+              /* @__PURE__ */ e(W, {}),
               "Get started"
             ]
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ o(
           h,
           {
             variant: m ? "white" : "transparent",
-            className: r.menu,
-            onClick: f,
+            className: n.menu,
+            onClick: N,
             children: [
               m ? "Close" : "Menu",
-              m ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e($, {})
+              m ? /* @__PURE__ */ e(G, {}) : /* @__PURE__ */ e($, {})
             ]
           }
         )
       ] })
     ] }) }),
-    !!(n != null && n.length) && /* @__PURE__ */ e(w1, { items: n, link: o, host: a }),
+    !!(r != null && r.length) && /* @__PURE__ */ e(
+      w1,
+      {
+        items: r,
+        link: i,
+        host: a,
+        pathname: f
+      }
+    ),
     t,
-    k && /* @__PURE__ */ s(U, { children: [
+    x && /* @__PURE__ */ o(V, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: _(r.mobileOverlay, { [r.open]: m }),
-          onClick: f
+          className: v(n.mobileOverlay, { [n.open]: m }),
+          onClick: N
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         "nav",
         {
-          className: _(r.mobile, {
-            [r.open]: m
+          className: v(n.mobile, {
+            [n.open]: m
           }),
           children: [
-            /* @__PURE__ */ s("div", { className: r.container, children: [
+            /* @__PURE__ */ o("div", { className: n.container, children: [
               /* @__PURE__ */ e(
-                o,
+                i,
                 {
-                  className: r.logo,
+                  className: n.logo,
                   href: l("https://www.highcharts.com/", a),
-                  children: /* @__PURE__ */ e(z, { showText: !v })
+                  children: /* @__PURE__ */ e(S, { showText: !_ })
                 }
               ),
-              /* @__PURE__ */ s("div", { className: r.buttons, children: [
-                /* @__PURE__ */ s(
+              /* @__PURE__ */ o("div", { className: n.buttons, children: [
+                /* @__PURE__ */ o(
                   h,
                   {
                     variant: "transparent",
-                    as: o,
+                    as: i,
                     href: l(
                       "https://www.highcharts.com/chat/gpt/",
                       a
                     ),
                     children: [
-                      /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(T, {})
+                      /* @__PURE__ */ e("span", { className: n.gpt, children: "Highcharts GPT" }),
+                      /* @__PURE__ */ e(B, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(L, {}) }),
-                /* @__PURE__ */ e(S, {})
+                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(T, {}) }),
+                /* @__PURE__ */ e(L, {})
               ] })
             ] }),
-            /* @__PURE__ */ s("div", { className: r.buttons, children: [
-              /* @__PURE__ */ s(
+            /* @__PURE__ */ o("div", { className: n.buttons, children: [
+              /* @__PURE__ */ o(
                 h,
                 {
                   variant: "brand",
                   fullWidth: !0,
-                  as: o,
+                  as: i,
                   href: l(
                     "https://shop.highcharts.com/account",
                     a
                   ),
                   children: [
-                    /* @__PURE__ */ e(W, {}),
+                    /* @__PURE__ */ e(H, {}),
                     "Login"
                   ]
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ o(
                 h,
                 {
                   variant: "success",
                   fullWidth: !0,
-                  as: o,
+                  as: i,
                   href: l(
                     "https://www.highcharts.com/download/",
                     a
                   ),
                   children: [
-                    /* @__PURE__ */ e(B, {}),
+                    /* @__PURE__ */ e(W, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: c, url: u, icon: i }, b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+            /* @__PURE__ */ e("ul", { className: n.links, children: j.map(({ title: c, url: u, icon: s }, b) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(
               h,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
-                as: o,
+                as: i,
                 href: l(u, a),
                 children: [
-                  i,
+                  s,
                   c
                 ]
               }

package/dist/utils.d.ts

@@ -1,3 +1,2 @@
 export declare function useMediaQuery(query: string): boolean;
 export declare function useMounted(): boolean;
-export declare function usePathname(): string;

package/dist/utils.js

@@ -1,230 +1,22 @@
-import { _ as $ } from "./extends-hS2Bh-Yp.js";
-import { useState as E, useEffect as k } from "react";
-var p;
-(function(e) {
-  e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
-})(p || (p = {}));
-var A = process.env.NODE_ENV !== "production" ? function(e) {
-  return Object.freeze(e);
-} : function(e) {
-  return e;
-};
-function U(e, o) {
-  {
-    typeof console < "u" && console.warn(o);
-    try {
-      throw new Error(o);
-    } catch {
-    }
-  }
-}
-var H = "beforeunload", j = "popstate";
-function z(e) {
-  e === void 0 && (e = {});
-  var o = e, a = o.window, t = a === void 0 ? document.defaultView : a, i = t.history;
-  function f() {
-    var n = t.location, r = n.pathname, c = n.search, l = n.hash, u = i.state || {};
-    return [u.idx, A({
-      pathname: r,
-      search: c,
-      hash: l,
-      state: u.usr || null,
-      key: u.key || "default"
-    })];
-  }
-  var s = null;
-  function D() {
-    if (s)
-      d.call(s), s = null;
-    else {
-      var n = p.Pop, r = f(), c = r[0], l = r[1];
-      if (d.length)
-        if (c != null) {
-          var u = h - c;
-          u && (s = {
-            action: n,
-            location: l,
-            retry: function() {
-              y(u * -1);
-            }
-          }, y(u));
-        } else
-          process.env.NODE_ENV !== "production" && U(
-            !1,
-            // TODO: Write up a doc that explains our blocking strategy in
-            // detail and link to it here so people can understand better what
-            // is going on and how to avoid it.
-            "You are trying to block a POP navigation to a location that was not created by the history library. The block will fail silently in production, but in general you should do all navigation with the history library (instead of using window.history.pushState directly) to avoid this situation."
-          );
-      else
-        b(n);
-    }
-  }
-  t.addEventListener(j, D);
-  var w = p.Pop, x = f(), h = x[0], m = x[1], L = B(), d = B();
-  h == null && (h = 0, i.replaceState($({}, i.state, {
-    idx: h
-  }), ""));
-  function O(n) {
-    return typeof n == "string" ? n : K(n);
-  }
-  function S(n, r) {
-    return r === void 0 && (r = null), A($({
-      pathname: m.pathname,
-      hash: "",
-      search: ""
-    }, typeof n == "string" ? Q(n) : n, {
-      state: r,
-      key: C()
-    }));
-  }
-  function _(n, r) {
-    return [{
-      usr: n.state,
-      key: n.key,
-      idx: r
-    }, O(n)];
-  }
-  function M(n, r, c) {
-    return !d.length || (d.call({
-      action: n,
-      location: r,
-      retry: c
-    }), !1);
-  }
-  function b(n) {
-    w = n;
-    var r = f();
-    h = r[0], m = r[1], L.call({
-      action: w,
-      location: m
-    });
-  }
-  function T(n, r) {
-    var c = p.Push, l = S(n, r);
-    function u() {
-      T(n, r);
-    }
-    if (M(c, l, u)) {
-      var v = _(l, h + 1), P = v[0], g = v[1];
-      try {
-        i.pushState(P, "", g);
-      } catch {
-        t.location.assign(g);
-      }
-      b(c);
-    }
-  }
-  function N(n, r) {
-    var c = p.Replace, l = S(n, r);
-    function u() {
-      N(n, r);
-    }
-    if (M(c, l, u)) {
-      var v = _(l, h), P = v[0], g = v[1];
-      i.replaceState(P, "", g), b(c);
-    }
-  }
-  function y(n) {
-    i.go(n);
-  }
-  var R = {
-    get action() {
-      return w;
-    },
-    get location() {
-      return m;
-    },
-    createHref: O,
-    push: T,
-    replace: N,
-    go: y,
-    back: function() {
-      y(-1);
-    },
-    forward: function() {
-      y(1);
-    },
-    listen: function(r) {
-      return L.push(r);
-    },
-    block: function(r) {
-      var c = d.push(r);
-      return d.length === 1 && t.addEventListener(H, V), function() {
-        c(), d.length || t.removeEventListener(H, V);
-      };
-    }
-  };
-  return R;
-}
-function V(e) {
-  e.preventDefault(), e.returnValue = "";
-}
-function B() {
-  var e = [];
-  return {
-    get length() {
-      return e.length;
-    },
-    push: function(a) {
-      return e.push(a), function() {
-        e = e.filter(function(t) {
-          return t !== a;
-        });
-      };
-    },
-    call: function(a) {
-      e.forEach(function(t) {
-        return t && t(a);
-      });
-    }
-  };
-}
-function C() {
-  return Math.random().toString(36).substr(2, 8);
-}
-function K(e) {
-  var o = e.pathname, a = o === void 0 ? "/" : o, t = e.search, i = t === void 0 ? "" : t, f = e.hash, s = f === void 0 ? "" : f;
-  return i && i !== "?" && (a += i.charAt(0) === "?" ? i : "?" + i), s && s !== "#" && (a += s.charAt(0) === "#" ? s : "#" + s), a;
-}
-function Q(e) {
-  var o = {};
-  if (e) {
-    var a = e.indexOf("#");
-    a >= 0 && (o.hash = e.substr(a), e = e.substr(0, a));
-    var t = e.indexOf("?");
-    t >= 0 && (o.search = e.substr(t), e = e.substr(0, t)), e && (o.pathname = e);
-  }
-  return o;
-}
-function J(e) {
-  const [o, a] = E(!1);
-  return k(() => {
-    const t = window.matchMedia(e);
-    a(t.matches);
-    const i = (f) => {
-      a(f.matches);
+import { useState as c, useEffect as o } from "react";
+function d(e) {
+  const [t, s] = c(!1);
+  return o(() => {
+    const n = window.matchMedia(e);
+    s(n.matches);
+    const a = (r) => {
+      s(r.matches);
     };
-    return t.addEventListener("change", i), () => t.removeEventListener("change", i);
-  }, [e]), o;
-}
-function W() {
-  const [e, o] = E(!1);
-  return k(() => {
-    o(!0);
-  }, []), e;
+    return n.addEventListener("change", a), () => n.removeEventListener("change", a);
+  }, [e]), t;
 }
-function X() {
-  const [e, o] = E("");
-  return k(() => {
-    const a = z();
-    return o(a.location.pathname), a.listen(({ location: t }) => {
-      console.log("listener", t.pathname), o(t.pathname);
-    });
+function i() {
+  const [e, t] = c(!1);
+  return o(() => {
+    t(!0);
   }, []), e;
 }
 export {
-  J as useMediaQuery,
-  W as useMounted,
-  X as usePathname
+  d as useMediaQuery,
+  i as useMounted
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.28",
+  "version": "1.0.29",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",
@@ -50,7 +50,6 @@
     "@untitled-ui/icons-react": "^0.1.4",
     "clsx": "^2.1.0",
     "highsoft-design-tokens": "^2.2.1",
-    "history": "^5.3.0",
     "modern-normalize": "^3.0.1",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.1"