highsoft-ui 1.0.19 → 1.0.20

package/dist/components/Header/index.js

@@ -1,15 +1,15 @@
-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 { 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 { _ as d } from "../../extends-hS2Bh-Yp.js";
 import { N as J, X as A } from "../../index-ChurKizy.js";
-import { c as p } from "../../clsx-OuTLNxxd.js";
+import { c as f } from "../../clsx-OuTLNxxd.js";
 import { Button as h } from "../Button/index.js";
-import { Container as W } from "../Container/index.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) {
+import { Container as j } from "../Container/index.js";
+import { ThemedLogo as z } from "../Logo/index.js";
+import { PrefPanel as L } from "../PrefPanel/index.js";
+import { useMediaQuery as b, useLocation as G } from "../../utils.js";
+var F = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -25,7 +25,7 @@ var G = function(t) {
       d: "M18.5 16c1.933 0 3.5-2.9101 3.5-6.5C22 5.9102 20.433 3 18.5 3m0 13c-1.933 0-3.5-2.9101-3.5-6.5C15 5.9102 16.567 3 18.5 3m0 13L5.4435 13.6261c-.9275-.1686-1.3912-.253-1.7662-.4371a3 3 0 0 1-1.5632-1.8731C2 10.914 2 10.4427 2 9.5s0-1.414.1141-1.816a3 3 0 0 1 1.5632-1.873c.375-.1841.8388-.2685 1.7662-.4371L18.5 3M5 14l.3939 5.514c.0374.5236.056.7855.17.9839a1 1 0 0 0 .4324.4026c.206.0995.4685.0995.9935.0995h1.7824c.6001 0 .9002 0 1.1223-.1197a1 1 0 0 0 .4397-.4748c.1023-.2306.0793-.5298.0333-1.1282L10 14.5"
     })
   }));
-}, F = function(t) {
+}, Q = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -41,7 +41,7 @@ var G = function(t) {
       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(t) {
+}, R = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -137,7 +137,7 @@ var G = 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"
     })
   }));
-}, L = function(t) {
+}, T = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -153,7 +153,7 @@ var G = 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"
     })
   }));
-}, T = function(t) {
+}, B = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -169,7 +169,7 @@ var G = 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"
     })
   }));
-}, B = function(t) {
+}, H = function(t) {
   return /* @__PURE__ */ e("svg", d({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -186,32 +186,32 @@ var G = function(t) {
     })
   }));
 };
-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,
-  container: Y,
-  links: Z,
-  buttons: e1,
-  menu: t1,
-  logo: r1,
-  subContainer: n1,
-  selected: s1,
-  subTag: o1,
+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 = {
+  header: I,
+  outer: K,
+  main: Y,
+  container: Z,
+  links: e1,
+  buttons: t1,
+  menu: r1,
+  logo: n1,
+  subContainer: s1,
+  selected: o1,
+  subTag: i1,
   "subTag-success": "_subTag-success_1vxsz_371",
   "subTag-brand": "_subTag-brand_1vxsz_375",
-  mobileOverlay: i1,
-  show: a1,
-  open: c1,
-  mobile: h1,
-  slideUp: l1,
-  sub: d1,
-  gpt: u1
-}, H = [
+  mobileOverlay: a1,
+  show: c1,
+  open: h1,
+  mobile: l1,
+  slideUp: d1,
+  sub: u1,
+  gpt: m1
+}, W = [
   {
     title: "Products",
     url: "https://highcharts.com/products/",
-    icon: /* @__PURE__ */ e(Q, {})
+    icon: /* @__PURE__ */ e(R, {})
   },
   {
     title: "Demos",
@@ -231,66 +231,80 @@ const R = "_header_1vxsz_270", I = "_outer_1vxsz_281", K = "_main_1vxsz_290", Y
   {
     title: "Pricing",
     url: "https://shop.highcharts.com/",
-    icon: /* @__PURE__ */ e(F, {})
+    icon: /* @__PURE__ */ e(Q, {})
   },
   {
     title: "Blog",
     url: "https://www.highcharts.com/blog/",
-    icon: /* @__PURE__ */ e(G, {})
+    icon: /* @__PURE__ */ e(F, {})
   }
 ];
 function l(n, t) {
   return t ? n.replace(t, "") : n;
 }
-function m1({
+function w1({
   items: n,
   link: t = "a",
-  host: w = "https://www.highcharts.com"
+  host: g = "https://www.highcharts.com"
 }) {
-  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,
-      v && /* @__PURE__ */ e(
-        "span",
-        {
-          className: p(
-            r.subTag,
-            r[`subTag-${_}`]
-          ),
-          children: v
-        }
-      )
-    ] })
-  ] }) }, m)) }) });
+  const i = G();
+  return /* @__PURE__ */ e("div", { className: f(r.sub, r.outer), children: /* @__PURE__ */ e(j, { className: r.subContainer, as: "ul", children: n.map(({ title: a, url: w, icon: x, tag: _, tagVariant: m = "success" }, k) => {
+    w = l(w, g);
+    const p = window.location.origin, v = new URL(w, p);
+    return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+      t,
+      {
+        href: w,
+        className: f({
+          [r.selected]: v.origin === p && v.pathname === i.pathname
+        }),
+        children: [
+          x,
+          /* @__PURE__ */ s("span", { children: [
+            a,
+            _ && /* @__PURE__ */ e(
+              "span",
+              {
+                className: f(
+                  r.subTag,
+                  r[`subTag-${m}`]
+                ),
+                children: _
+              }
+            )
+          ] })
+        ]
+      }
+    ) }, k);
+  }) }) });
 }
-function N1({
+function z1({
   subItems: n,
   children: t,
-  notifications: w = [],
+  notifications: g = [],
   // TODO: Fetch these from the internets
   link: i = "a",
   host: a = "https://www.highcharts.com"
 }) {
-  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 w = b("(max-width: 374px)"), x = b("(max-width: 849px)"), _ = b("(min-width: 850px) and (max-width: 999px)"), [m, k] = N(!1), [p, v] = N([]);
+  V(() => {
+    if (g.length) {
       const c = localStorage.getItem("notifications");
       if (c) {
         const u = JSON.parse(c);
-        x(
-          w.filter(
+        v(
+          g.filter(
             (o) => !o.id || !u.closed.includes(o.id)
           )
         );
       } else
-        x(w);
+        v(g);
     }
-  }, [w]);
-  const b = () => {
-    j(!m);
+  }, [g]);
+  const M = () => {
+    k(!m);
   }, O = (c) => {
-    x(f.filter((o) => !o.id || o.id !== c));
+    v(p.filter((o) => !o.id || o.id !== c));
     const u = localStorage.getItem("notifications");
     if (u) {
       const o = JSON.parse(u);
@@ -303,13 +317,13 @@ function N1({
         })
       );
   };
-  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(
+  return /* @__PURE__ */ e(q, { children: /* @__PURE__ */ s("header", { className: r.header, children: [
+    p == null ? void 0 : p.map(
+      ({ id: c, title: u, description: o, variant: C, closable: y }, P) => /* @__PURE__ */ e(
         J,
         {
           description: o,
-          variant: k,
+          variant: C,
           closable: y,
           onClose: () => O(c),
           children: u
@@ -317,16 +331,16 @@ function N1({
         P
       )
     ),
-    /* @__PURE__ */ e("div", { className: p(r.main, r.outer), children: /* @__PURE__ */ s(W, { as: "nav", className: r.container, children: [
+    /* @__PURE__ */ e("div", { className: f(r.main, r.outer), children: /* @__PURE__ */ s(j, { as: "nav", className: r.container, children: [
       /* @__PURE__ */ e(
         i,
         {
           className: r.logo,
           href: l("https://www.highcharts.com/", a),
-          children: /* @__PURE__ */ e(N, { showText: !_ && !g })
+          children: /* @__PURE__ */ e(z, { showText: !_ && !w })
         }
       ),
-      /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: c, url: u }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: c, url: u }, o) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
         h,
         {
           variant: "plain",
@@ -348,12 +362,12 @@ function N1({
             ),
             children: [
               /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(L, {})
+              /* @__PURE__ */ e(T, {})
             ]
           }
         ),
         /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(S, {}) }),
-        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(L, {}),
         /* @__PURE__ */ e(
           h,
           {
@@ -361,7 +375,7 @@ function N1({
             as: i,
             href: l("https://shop.highcharts.com/account", a),
             "aria-label": "Login",
-            children: /* @__PURE__ */ e(B, {})
+            children: /* @__PURE__ */ e(H, {})
           }
         ),
         /* @__PURE__ */ s(
@@ -374,7 +388,7 @@ function N1({
               a
             ),
             children: [
-              /* @__PURE__ */ e(T, {}),
+              /* @__PURE__ */ e(B, {}),
               "Get started"
             ]
           }
@@ -384,7 +398,7 @@ function N1({
           {
             variant: m ? "white" : "transparent",
             className: r.menu,
-            onClick: b,
+            onClick: M,
             children: [
               m ? "Close" : "Menu",
               m ? /* @__PURE__ */ e(A, {}) : /* @__PURE__ */ e($, {})
@@ -393,20 +407,20 @@ function N1({
         )
       ] })
     ] }) }),
-    !!(n != null && n.length) && /* @__PURE__ */ e(m1, { items: n, link: i, host: a }),
+    !!(n != null && n.length) && /* @__PURE__ */ e(w1, { items: n, link: i, host: a }),
     t,
-    v && /* @__PURE__ */ s(V, { children: [
+    x && /* @__PURE__ */ s(U, { children: [
       /* @__PURE__ */ e(
         "div",
         {
-          className: p(r.mobileOverlay, { [r.open]: m }),
-          onClick: b
+          className: f(r.mobileOverlay, { [r.open]: m }),
+          onClick: M
         }
       ),
       /* @__PURE__ */ s(
         "nav",
         {
-          className: p(r.mobile, {
+          className: f(r.mobile, {
             [r.open]: m
           }),
           children: [
@@ -416,7 +430,7 @@ function N1({
                 {
                   className: r.logo,
                   href: l("https://www.highcharts.com/", a),
-                  children: /* @__PURE__ */ e(N, { showText: !g })
+                  children: /* @__PURE__ */ e(z, { showText: !w })
                 }
               ),
               /* @__PURE__ */ s("div", { className: r.buttons, children: [
@@ -431,12 +445,12 @@ function N1({
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: r.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(L, {})
+                      /* @__PURE__ */ e(T, {})
                     ]
                   }
                 ),
                 /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(S, {}) }),
-                /* @__PURE__ */ e(z, {})
+                /* @__PURE__ */ e(L, {})
               ] })
             ] }),
             /* @__PURE__ */ s("div", { className: r.buttons, children: [
@@ -451,7 +465,7 @@ function N1({
                     a
                   ),
                   children: [
-                    /* @__PURE__ */ e(B, {}),
+                    /* @__PURE__ */ e(H, {}),
                     "Login"
                   ]
                 }
@@ -467,13 +481,13 @@ function N1({
                     a
                   ),
                   children: [
-                    /* @__PURE__ */ e(T, {}),
+                    /* @__PURE__ */ e(B, {}),
                     "Get started"
                   ]
                 }
               )
             ] }),
-            /* @__PURE__ */ e("ul", { className: r.links, children: H.map(({ title: c, url: u, icon: o }, k) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
+            /* @__PURE__ */ e("ul", { className: r.links, children: W.map(({ title: c, url: u, icon: o }, C) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ s(
               h,
               {
                 variant: "plain",
@@ -486,7 +500,7 @@ function N1({
                   c
                 ]
               }
-            ) }, k)) })
+            ) }, C)) })
           ]
         }
       )
@@ -494,6 +508,6 @@ function N1({
   ] }) });
 }
 export {
-  N1 as Header,
-  m1 as SubHeader
+  z1 as Header,
+  w1 as SubHeader
 };

package/dist/utils.d.ts

@@ -1,2 +1,3 @@
 export declare function useMediaQuery(query: string): boolean;
 export declare function useMounted(): boolean;
+export declare function useLocation(): import('history').Location;

package/dist/utils.js

@@ -1,22 +1,227 @@
-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);
+import { _ as $ } from "./extends-hS2Bh-Yp.js";
+import { useState as P, useEffect as k } from "react";
+var p;
+(function(n) {
+  n.Pop = "POP", n.Push = "PUSH", n.Replace = "REPLACE";
+})(p || (p = {}));
+var A = process.env.NODE_ENV !== "production" ? function(n) {
+  return Object.freeze(n);
+} : function(n) {
+  return n;
+};
+function U(n, a) {
+  {
+    typeof console < "u" && console.warn(a);
+    try {
+      throw new Error(a);
+    } catch {
+    }
+  }
+}
+var H = "beforeunload", j = "popstate";
+function z(n) {
+  n === void 0 && (n = {});
+  var a = n, o = a.window, r = o === void 0 ? document.defaultView : o, i = r.history;
+  function f() {
+    var t = r.location, e = t.pathname, c = t.search, l = t.hash, u = i.state || {};
+    return [u.idx, A({
+      pathname: e,
+      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 t = p.Pop, e = f(), c = e[0], l = e[1];
+      if (d.length)
+        if (c != null) {
+          var u = h - c;
+          u && (s = {
+            action: t,
+            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(t);
+    }
+  }
+  r.addEventListener(j, D);
+  var m = p.Pop, L = f(), h = L[0], g = L[1], x = B(), d = B();
+  h == null && (h = 0, i.replaceState($({}, i.state, {
+    idx: h
+  }), ""));
+  function O(t) {
+    return typeof t == "string" ? t : K(t);
+  }
+  function S(t, e) {
+    return e === void 0 && (e = null), A($({
+      pathname: g.pathname,
+      hash: "",
+      search: ""
+    }, typeof t == "string" ? Q(t) : t, {
+      state: e,
+      key: C()
+    }));
+  }
+  function _(t, e) {
+    return [{
+      usr: t.state,
+      key: t.key,
+      idx: e
+    }, O(t)];
+  }
+  function M(t, e, c) {
+    return !d.length || (d.call({
+      action: t,
+      location: e,
+      retry: c
+    }), !1);
+  }
+  function b(t) {
+    m = t;
+    var e = f();
+    h = e[0], g = e[1], x.call({
+      action: m,
+      location: g
+    });
+  }
+  function T(t, e) {
+    var c = p.Push, l = S(t, e);
+    function u() {
+      T(t, e);
+    }
+    if (M(c, l, u)) {
+      var v = _(l, h + 1), E = v[0], w = v[1];
+      try {
+        i.pushState(E, "", w);
+      } catch {
+        r.location.assign(w);
+      }
+      b(c);
+    }
+  }
+  function N(t, e) {
+    var c = p.Replace, l = S(t, e);
+    function u() {
+      N(t, e);
+    }
+    if (M(c, l, u)) {
+      var v = _(l, h), E = v[0], w = v[1];
+      i.replaceState(E, "", w), b(c);
+    }
+  }
+  function y(t) {
+    i.go(t);
+  }
+  var R = {
+    get action() {
+      return m;
+    },
+    get location() {
+      return g;
+    },
+    createHref: O,
+    push: T,
+    replace: N,
+    go: y,
+    back: function() {
+      y(-1);
+    },
+    forward: function() {
+      y(1);
+    },
+    listen: function(e) {
+      return x.push(e);
+    },
+    block: function(e) {
+      var c = d.push(e);
+      return d.length === 1 && r.addEventListener(H, V), function() {
+        c(), d.length || r.removeEventListener(H, V);
+      };
+    }
+  };
+  return R;
+}
+function V(n) {
+  n.preventDefault(), n.returnValue = "";
+}
+function B() {
+  var n = [];
+  return {
+    get length() {
+      return n.length;
+    },
+    push: function(o) {
+      return n.push(o), function() {
+        n = n.filter(function(r) {
+          return r !== o;
+        });
+      };
+    },
+    call: function(o) {
+      n.forEach(function(r) {
+        return r && r(o);
+      });
+    }
+  };
+}
+function C() {
+  return Math.random().toString(36).substr(2, 8);
+}
+function K(n) {
+  var a = n.pathname, o = a === void 0 ? "/" : a, r = n.search, i = r === void 0 ? "" : r, f = n.hash, s = f === void 0 ? "" : f;
+  return i && i !== "?" && (o += i.charAt(0) === "?" ? i : "?" + i), s && s !== "#" && (o += s.charAt(0) === "#" ? s : "#" + s), o;
+}
+function Q(n) {
+  var a = {};
+  if (n) {
+    var o = n.indexOf("#");
+    o >= 0 && (a.hash = n.substr(o), n = n.substr(0, o));
+    var r = n.indexOf("?");
+    r >= 0 && (a.search = n.substr(r), n = n.substr(0, r)), n && (a.pathname = n);
+  }
+  return a;
+}
+function J(n) {
+  const [a, o] = P(!1);
+  return k(() => {
+    const r = window.matchMedia(n);
+    o(r.matches);
+    const i = (f) => {
+      o(f.matches);
     };
-    return n.addEventListener("change", a), () => n.removeEventListener("change", a);
-  }, [e]), t;
+    return r.addEventListener("change", i), () => r.removeEventListener("change", i);
+  }, [n]), a;
+}
+function W() {
+  const [n, a] = P(!1);
+  return k(() => {
+    a(!0);
+  }, []), n;
 }
-function i() {
-  const [e, t] = c(!1);
-  return o(() => {
-    t(!0);
-  }, []), e;
+function X() {
+  const n = z(), [a, o] = P(n.location);
+  return k(() => n.listen(({ location: r }) => {
+    o(r);
+  }), []), a;
 }
 export {
-  d as useMediaQuery,
-  i as useMounted
+  X as useLocation,
+  J as useMediaQuery,
+  W as useMounted
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",
@@ -50,6 +50,7 @@
     "@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"