highsoft-ui 1.0.78 → 1.0.80

package/dist/components/Header/index.js

@@ -3,12 +3,14 @@ import { useRef as U, useState as T, useEffect as H } from "react";
 import { a as Q, J as F, b as G } from "../../utils-C7rfowvr.js";
 import { A as R } from "../../Announcement03-obPaH4LK.js";
 import { _ as m } from "../../extends-hS2Bh-Yp.js";
-import { N as $, X as Y } from "../../index-pnL-sAld.js";
-import { c as b } from "../../clsx-OuTLNxxd.js";
-import { Button as h } from "../Button/index.js";
+import { X as $ } from "../../XClose-CCu1vrNS.js";
+import { c as C } from "../../clsx-OuTLNxxd.js";
+import { Button as d } from "../Button/index.js";
 import { Container as z } from "../Container/index.js";
 import { ThemedLogo as I } from "../Logo/index.js";
-import { NewTag as D } from "../NewTag/index.js";
+import { NewTag as Y } from "../NewTag/index.js";
+import { Notification as D } from "../Notification/index.js";
+import { Search as P } from "../Search/index.js";
 import { PrefPanel as W } from "../PrefPanel/index.js";
 var K = function(o) {
   return /* @__PURE__ */ e("svg", m({
@@ -107,22 +109,6 @@ var K = function(o) {
     })
   }));
 }, j = function(o) {
-  return /* @__PURE__ */ e("svg", m({
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none",
-    viewBox: "0 0 24 24"
-  }, o, {
-    children: /* @__PURE__ */ e("path", {
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 2,
-      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"
-    })
-  }));
-}, P = function(o) {
   return /* @__PURE__ */ e("svg", m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
@@ -171,7 +157,7 @@ var K = function(o) {
     })
   }));
 };
-const oe = "m_QBtq_buttons", re = "m_QBtq_container", se = "m_QBtq_gpt", ie = "m_QBtq_header", ce = "m_QBtq_icon", ae = "m_QBtq_icons", le = "m_QBtq_links", he = "m_QBtq_logo", de = "m_QBtq_main", me = "m_QBtq_menu", ue = "m_QBtq_mobile", pe = "m_QBtq_mobileOverlay", we = "m_QBtq_open", ge = "m_QBtq_outer", ve = "m_QBtq_selectableIcon", fe = "m_QBtq_selected", ke = "m_QBtq_selectedIcon", _e = "m_QBtq_skip", be = "m_QBtq_sub", Ce = "m_QBtq_subContainer", xe = "m_QBtq_subTitle", t = {
+const oe = "m_QBtq_buttons", re = "m_QBtq_container", se = "m_QBtq_gpt", ie = "m_QBtq_header", ce = "m_QBtq_icon", ae = "m_QBtq_icons", le = "m_QBtq_links", he = "m_QBtq_logo", de = "m_QBtq_main", me = "m_QBtq_menu", ue = "m_QBtq_mobile", pe = "m_QBtq_mobileOverlay", we = "m_QBtq_open", ge = "m_QBtq_outer", fe = "m_QBtq_selectableIcon", ve = "m_QBtq_selected", ke = "m_QBtq_selectedIcon", _e = "m_QBtq_skip", Ce = "m_QBtq_sub", be = "m_QBtq_subContainer", xe = "m_QBtq_subTitle", t = {
   buttons: oe,
   container: re,
   gpt: se,
@@ -186,12 +172,12 @@ const oe = "m_QBtq_buttons", re = "m_QBtq_container", se = "m_QBtq_gpt", ie = "m
   mobileOverlay: pe,
   open: we,
   outer: ge,
-  selectableIcon: ve,
-  selected: fe,
+  selectableIcon: fe,
+  selected: ve,
   selectedIcon: ke,
   skip: _e,
-  sub: be,
-  subContainer: Ce,
+  sub: Ce,
+  subContainer: be,
   subTitle: xe
 }, V = [
   {
@@ -225,7 +211,7 @@ const oe = "m_QBtq_buttons", re = "m_QBtq_container", se = "m_QBtq_gpt", ie = "m
     icon: /* @__PURE__ */ e(R, {})
   }
 ];
-function d(c, o) {
+function h(c, o) {
   return o ? c.replace(o, "") : c;
 }
 function Be({
@@ -236,14 +222,14 @@ function Be({
   waitForMount: l
 }) {
   const w = G();
-  return /* @__PURE__ */ e("div", { className: b(t.sub, t.outer), children: /* @__PURE__ */ e(z, { className: t.subContainer, as: "ul", children: c.map(
-    ({ title: v, url: C, icon: x, selectedIcon: B, tag: M, tagVariant: f = "success" }, u) => {
-      const N = typeof window < "u" && window.location.origin || "http://example.com", k = new URL(C, N), _ = (!l || w) && k.origin === N && k.pathname === a;
+  return /* @__PURE__ */ e("div", { className: C(t.sub, t.outer), children: /* @__PURE__ */ e(z, { className: t.subContainer, as: "ul", children: c.map(
+    ({ title: f, url: b, icon: x, selectedIcon: B, tag: S, tagVariant: v = "success" }, u) => {
+      const N = typeof window < "u" && window.location.origin || "http://example.com", k = new URL(b, N), _ = (!l || w) && k.origin === N && k.pathname === a;
       return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
         o,
         {
-          href: d(C, p),
-          className: b({
+          href: h(b, p),
+          className: C({
             [t.selectableIcon]: B,
             [t.selected]: _
           }),
@@ -253,8 +239,8 @@ function Be({
               /* @__PURE__ */ e("span", { className: t.icon, children: x })
             ] }),
             /* @__PURE__ */ i("span", { className: t.subTitle, children: [
-              v,
-              M && /* @__PURE__ */ e(D, { variant: f, icon: !1 })
+              f,
+              S && /* @__PURE__ */ e(Y, { variant: v, icon: !1 })
             ] })
           ]
         }
@@ -262,7 +248,7 @@ function Be({
     }
   ) }) });
 }
-function Pe({
+function Oe({
   subItems: c,
   children: o,
   notifications: p = [],
@@ -270,23 +256,23 @@ function Pe({
   link: a = "a",
   host: l = "https://www.highcharts.com",
   pathname: w,
-  topCssVariable: v
+  topCssVariable: f
 }) {
-  const C = !!w;
+  const b = !!w;
   w = w || (typeof window < "u" ? window.location.pathname : "");
-  const x = Q("(max-width: 374px)"), B = Q("(max-width: 849px)"), M = Q("(min-width: 850px) and (max-width: 999px)"), f = U(null), [u, N] = T(!1), [k, _] = T([]);
+  const x = Q("(max-width: 374px)"), B = Q("(max-width: 849px)"), S = Q("(min-width: 850px) and (max-width: 999px)"), v = U(null), [u, N] = T(!1), [k, _] = T([]);
   H(() => {
     let r = window.scrollY, n = -82, s = n;
-    v && document.documentElement.style.setProperty("--header-top", `${n}px`);
+    f && document.documentElement.style.setProperty("--header-top", `${n}px`);
     const g = () => {
-      const S = window.scrollY, q = S - r;
-      n -= q, n < -82 ? n = -82 : n > 0 && (n = 0), f.current && n !== s && (f.current.style.top = `${n}px`, v && document.documentElement.style.setProperty(
+      const q = window.scrollY, M = q - r;
+      n -= M, n < -82 ? n = -82 : n > 0 && (n = 0), v.current && n !== s && (v.current.style.top = `${n}px`, f && document.documentElement.style.setProperty(
         "--header-top",
         `${n}px`
-      )), r = S, s = n;
+      )), r = q, s = n;
     };
     return window.addEventListener("scroll", g), () => window.removeEventListener("scroll", g);
-  }, [v]), H(() => {
+  }, [f]), H(() => {
     if (p.length) {
       const r = localStorage.getItem("notifications");
       if (r) {
@@ -300,12 +286,12 @@ function Pe({
         _(p);
     }
   }, [p]);
-  const L = (r) => {
+  const y = (r) => {
     if (r.preventDefault(), !(r.nativeEvent instanceof KeyboardEvent) || r.nativeEvent.code === "Enter" || r.nativeEvent.code === "Space") {
       const n = document.querySelector("main");
       n && (n.scrollIntoView(), n.getAttribute("tabindex") !== "-1" && n.setAttribute("tabindex", "-1"), n.focus());
     }
-  }, y = () => {
+  }, L = () => {
     N(!u);
   }, A = (r) => {
     _(k.filter((s) => !s.id || s.id !== r));
@@ -321,30 +307,30 @@ function Pe({
         })
       );
   };
-  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ i("header", { className: t.header, ref: f, children: [
+  return /* @__PURE__ */ e(F, { children: /* @__PURE__ */ i("header", { className: t.header, ref: v, children: [
     k?.map(
-      ({ id: r, title: n, description: s, variant: g, closable: S }, q) => /* @__PURE__ */ e(
-        $,
+      ({ id: r, title: n, description: s, variant: g, closable: q }, M) => /* @__PURE__ */ e(
+        D,
         {
           description: s,
           variant: g,
-          closable: S,
+          closable: q,
           onClose: () => A(r),
           children: n
         },
-        q
+        M
       )
     ),
-    /* @__PURE__ */ e("div", { className: b(t.main, t.outer), children: /* @__PURE__ */ i(z, { as: "nav", className: t.container, children: [
+    /* @__PURE__ */ e("div", { className: C(t.main, t.outer), children: /* @__PURE__ */ i(z, { as: "nav", className: t.container, children: [
       /* @__PURE__ */ e(
-        h,
+        d,
         {
           as: "a",
           className: t.skip,
           size: 500,
           tabIndex: "0",
-          onClick: L,
-          onKeyPress: L,
+          onClick: y,
+          onKeyPress: y,
           children: "Skip to content"
         }
       ),
@@ -352,54 +338,54 @@ function Pe({
         a,
         {
           className: t.logo,
-          href: d("https://www.highcharts.com/", l),
-          children: /* @__PURE__ */ e(I, { showText: !M && !x })
+          href: h("https://www.highcharts.com/", l),
+          children: /* @__PURE__ */ e(I, { showText: !S && !x })
         }
       ),
       /* @__PURE__ */ e("ul", { className: t.links, children: V.map(({ title: r, url: n }, s) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
-        h,
+        d,
         {
           variant: "plain",
           size: 300,
           as: a,
-          href: d(n, l),
+          href: h(n, l),
           children: r
         }
       ) }, s)) }),
       /* @__PURE__ */ i("div", { className: t.buttons, children: [
         /* @__PURE__ */ i(
-          h,
+          d,
           {
             variant: "transparent",
             as: a,
-            href: d(
+            href: h(
               "https://www.highcharts.com/chat/gpt/",
               l
             ),
             children: [
               /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-              /* @__PURE__ */ e(P, {})
+              /* @__PURE__ */ e(j, {})
             ]
           }
         ),
-        /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(j, {}) }),
+        /* @__PURE__ */ e(P, {}),
         /* @__PURE__ */ e(W, {}),
         /* @__PURE__ */ e(
-          h,
+          d,
           {
             variant: "brand",
             as: a,
-            href: d("https://shop.highcharts.com/account", l),
+            href: h("https://shop.highcharts.com/account", l),
             "aria-label": "Login",
             children: /* @__PURE__ */ e(O, {})
           }
         ),
         /* @__PURE__ */ i(
-          h,
+          d,
           {
             variant: "success",
             as: a,
-            href: d(
+            href: h(
               "https://www.highcharts.com/download/",
               l
             ),
@@ -410,14 +396,14 @@ function Pe({
           }
         ),
         /* @__PURE__ */ i(
-          h,
+          d,
           {
             variant: u ? "white" : "transparent",
             className: t.menu,
-            onClick: y,
+            onClick: L,
             children: [
               u ? "Close" : "Menu",
-              u ? /* @__PURE__ */ e(Y, {}) : /* @__PURE__ */ e(ee, {})
+              u ? /* @__PURE__ */ e($, {}) : /* @__PURE__ */ e(ee, {})
             ]
           }
         )
@@ -430,7 +416,7 @@ function Pe({
         link: a,
         host: l,
         pathname: w,
-        waitForMount: !C
+        waitForMount: !b
       }
     ),
     o,
@@ -438,14 +424,14 @@ function Pe({
       /* @__PURE__ */ e(
         "div",
         {
-          className: b(t.mobileOverlay, { [t.open]: u }),
-          onClick: y
+          className: C(t.mobileOverlay, { [t.open]: u }),
+          onClick: L
         }
       ),
       /* @__PURE__ */ i(
         "nav",
         {
-          className: b(t.mobile, {
+          className: C(t.mobile, {
             [t.open]: u
           }),
           children: [
@@ -454,38 +440,38 @@ function Pe({
                 a,
                 {
                   className: t.logo,
-                  href: d("https://www.highcharts.com/", l),
+                  href: h("https://www.highcharts.com/", l),
                   children: /* @__PURE__ */ e(I, { showText: !x })
                 }
               ),
               /* @__PURE__ */ i("div", { className: t.buttons, children: [
                 /* @__PURE__ */ i(
-                  h,
+                  d,
                   {
                     variant: "transparent",
                     as: a,
-                    href: d(
+                    href: h(
                       "https://www.highcharts.com/chat/gpt/",
                       l
                     ),
                     children: [
                       /* @__PURE__ */ e("span", { className: t.gpt, children: "Highcharts GPT" }),
-                      /* @__PURE__ */ e(P, {})
+                      /* @__PURE__ */ e(j, {})
                     ]
                   }
                 ),
-                /* @__PURE__ */ e(h, { variant: "transparent", "aria-label": "Search", children: /* @__PURE__ */ e(j, {}) }),
+                /* @__PURE__ */ e(P, {}),
                 /* @__PURE__ */ e(W, {})
               ] })
             ] }),
             /* @__PURE__ */ i("div", { className: t.buttons, children: [
               /* @__PURE__ */ i(
-                h,
+                d,
                 {
                   variant: "brand",
                   fullWidth: !0,
                   as: a,
-                  href: d(
+                  href: h(
                     "https://shop.highcharts.com/account",
                     l
                   ),
@@ -496,12 +482,12 @@ function Pe({
                 }
               ),
               /* @__PURE__ */ i(
-                h,
+                d,
                 {
                   variant: "success",
                   fullWidth: !0,
                   as: a,
-                  href: d(
+                  href: h(
                     "https://www.highcharts.com/download/",
                     l
                   ),
@@ -513,13 +499,13 @@ function Pe({
               )
             ] }),
             /* @__PURE__ */ e("ul", { className: t.links, children: V.map(({ title: r, url: n, icon: s }, g) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ i(
-              h,
+              d,
               {
                 variant: "plain",
                 size: 500,
                 fullWidth: !0,
                 as: a,
-                href: d(n, l),
+                href: h(n, l),
                 children: [
                   s,
                   r
@@ -533,6 +519,6 @@ function Pe({
   ] }) });
 }
 export {
-  Pe as Header,
+  Oe as Header,
   Be as SubHeader
 };

package/dist/components/Notification/index.js

@@ -1,9 +1,50 @@
-import "react/jsx-runtime";
+import { jsx as n, jsxs as a } from "react/jsx-runtime";
 import "react";
-import { N as f } from "../../index-pnL-sAld.js";
-import "../../clsx-OuTLNxxd.js";
-import "../Button/index.js";
-import "../Container/index.js";
+import { X as r } from "../../XClose-CCu1vrNS.js";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import { Button as R } from "../Button/index.js";
+import { Container as d } from "../Container/index.js";
+const m = "MhRkRW_attention", f = "MhRkRW_close", h = "MhRkRW_container", p = "MhRkRW_danger", u = "MhRkRW_description", k = "MhRkRW_notification", M = "MhRkRW_success", W = "MhRkRW_title", t = {
+  attention: m,
+  close: f,
+  container: h,
+  danger: p,
+  default: "MhRkRW_default",
+  description: u,
+  notification: k,
+  success: M,
+  title: W
+};
+function j({
+  children: e,
+  variant: o = "default",
+  description: i,
+  closable: s = !0,
+  onClose: c
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: l(t.notification, t[o]),
+      "data-theme": "light",
+      children: /* @__PURE__ */ a(d, { className: t.container, children: [
+        /* @__PURE__ */ n("span", { className: t.title, children: e }),
+        i && /* @__PURE__ */ n("span", { className: t.description, children: i }),
+        s && /* @__PURE__ */ n(
+          R,
+          {
+            variant: o === "default" ? "brand" : "transparent",
+            size: 100,
+            className: t.close,
+            "aria-label": "Close notification",
+            onClick: () => c?.(),
+            children: /* @__PURE__ */ n(r, {})
+          }
+        )
+      ] })
+    }
+  );
+}
 export {
-  f as Notification
+  j as Notification
 };

package/dist/components/PrefPanel/index.js

@@ -2,13 +2,14 @@ import { jsx as w, jsxs as q, Fragment as ne } from "react/jsx-runtime";
 import { z as Qe, b as qe } from "../../utils-C7rfowvr.js";
 import * as g from "react";
 import { useLayoutEffect as Ge } from "react";
-import { u as Mt, P as ft, c as oe, a as yt, b as Ue, d as Ze, e as Je, f as st, g as re, h as tn, i as en, R as nn, j as on, k as rn, F as sn, D as cn, C as an } from "../../index-CM3YgRXK.js";
-import { _ as bt } from "../../extends-hS2Bh-Yp.js";
-import { c as ln } from "../../clsx-OuTLNxxd.js";
-import { Button as fn } from "../Button/index.js";
+import { C as Ue } from "../../Check-Cm4roSEj.js";
+import { _ as yt } from "../../extends-hS2Bh-Yp.js";
+import { c as Ze } from "../../clsx-OuTLNxxd.js";
+import { Button as Je } from "../Button/index.js";
+import { h as Mt, P as ft, c as oe, u as bt, f as tn, e as en, b as nn, d as st, g as re, i as on, j as rn, R as sn, a as cn, k as an, F as ln, D as fn } from "../../index-CMU31gjG.js";
 import * as un from "react-dom";
 var dn = function(e) {
-  return /* @__PURE__ */ w("svg", bt({
+  return /* @__PURE__ */ w("svg", yt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -24,7 +25,7 @@ var dn = function(e) {
     })
   }));
 }, pn = function(e) {
-  return /* @__PURE__ */ w("svg", bt({
+  return /* @__PURE__ */ w("svg", yt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -40,7 +41,7 @@ var dn = function(e) {
     })
   }));
 }, hn = function(e) {
-  return /* @__PURE__ */ w("svg", bt({
+  return /* @__PURE__ */ w("svg", yt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -56,7 +57,7 @@ var dn = function(e) {
     })
   }));
 }, mn = function(e) {
-  return /* @__PURE__ */ w("svg", bt({
+  return /* @__PURE__ */ w("svg", yt({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -1427,7 +1428,7 @@ var ko = ge, It = "Popper", [we, ve] = oe(It), [Mo, xe] = we(It), ye = (t) => {
 ye.displayName = It;
 var be = "PopperAnchor", Ae = g.forwardRef(
   (t, e) => {
-    const { __scopePopper: n, virtualRef: o, ...r } = t, i = xe(be, n), s = g.useRef(null), c = yt(e, s), a = g.useRef(null);
+    const { __scopePopper: n, virtualRef: o, ...r } = t, i = xe(be, n), s = g.useRef(null), c = bt(e, s), a = g.useRef(null);
     return g.useEffect(() => {
       const l = a.current;
       a.current = o?.current || s.current, l !== a.current && i.onAnchorChange(a.current);
@@ -1452,7 +1453,7 @@ var Bt = "PopperContent", [Do, Lo] = we(Bt), Pe = g.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: h,
       ...m
-    } = t, x = xe(Bt, n), [v, y] = g.useState(null), P = yt(e, (it) => y(it)), [b, A] = g.useState(null), O = gn(b), R = O?.width ?? 0, L = O?.height ?? 0, F = o + (i !== "center" ? "-" + i : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, T = Array.isArray(l) ? l : [l], N = T.length > 0, E = {
+    } = t, x = xe(Bt, n), [v, y] = g.useState(null), P = bt(e, (it) => y(it)), [b, A] = g.useState(null), O = gn(b), R = O?.width ?? 0, L = O?.height ?? 0, F = o + (i !== "center" ? "-" + i : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, T = Array.isArray(l) ? l : [l], N = T.length > 0, E = {
       padding: D,
       boundary: T.filter(To),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -1487,7 +1488,7 @@ var Bt = "PopperContent", [Do, Lo] = we(Bt), Pe = g.forwardRef(
         No({ arrowWidth: R, arrowHeight: L }),
         p && Oo({ strategy: "referenceHidden", ...E })
       ]
-    }), [_, z] = Oe(k), Vt = Ue(h);
+    }), [_, z] = Oe(k), Vt = tn(h);
     Mt(() => {
       M && Vt?.();
     }, [M, Vt]);
@@ -1626,7 +1627,7 @@ var Fo = ye, Se = Ae, $o = Pe, Wo = Re, Ot = "Popover", [Ee] = oe(Ot, [
     defaultOpen: r,
     onOpenChange: i,
     modal: s = !1
-  } = t, c = dt(e), a = g.useRef(null), [l, f] = g.useState(!1), [u, p] = Ze({
+  } = t, c = dt(e), a = g.useRef(null), [l, f] = g.useState(!1), [u, p] = en({
     prop: o,
     defaultProp: r ?? !1,
     onChange: i,
@@ -1636,7 +1637,7 @@ var Fo = ye, Se = Ae, $o = Pe, Wo = Re, Ot = "Popover", [Ee] = oe(Ot, [
     Ho,
     {
       scope: e,
-      contentId: Je(),
+      contentId: nn(),
       triggerRef: a,
       open: u,
       onOpenChange: p,
@@ -1659,7 +1660,7 @@ var Me = "PopoverAnchor", De = g.forwardRef(
 De.displayName = Me;
 var Le = "PopoverTrigger", _e = g.forwardRef(
   (t, e) => {
-    const { __scopePopover: n, ...o } = t, r = Z(Le, n), i = dt(n), s = yt(e, r.triggerRef), c = /* @__PURE__ */ w(
+    const { __scopePopover: n, ...o } = t, r = Z(Le, n), i = dt(n), s = bt(e, r.triggerRef), c = /* @__PURE__ */ w(
       ft.button,
       {
         type: "button",
@@ -1680,7 +1681,7 @@ var zt = "PopoverPortal", [Io, Bo] = Ee(zt, {
   forceMount: void 0
 }), Te = (t) => {
   const { __scopePopover: e, forceMount: n, children: o, container: r } = t, i = Z(zt, e);
-  return /* @__PURE__ */ w(Io, { scope: e, forceMount: n, children: /* @__PURE__ */ w(re, { present: n || i.open, children: /* @__PURE__ */ w(tn, { asChild: !0, container: r, children: o }) }) });
+  return /* @__PURE__ */ w(Io, { scope: e, forceMount: n, children: /* @__PURE__ */ w(re, { present: n || i.open, children: /* @__PURE__ */ w(on, { asChild: !0, container: r, children: o }) }) });
 };
 Te.displayName = zt;
 var nt = "PopoverContent", Ne = g.forwardRef(
@@ -1690,13 +1691,13 @@ var nt = "PopoverContent", Ne = g.forwardRef(
   }
 );
 Ne.displayName = nt;
-var zo = on("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
+var zo = cn("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
   (t, e) => {
-    const n = Z(nt, t.__scopePopover), o = g.useRef(null), r = yt(e, o), i = g.useRef(!1);
+    const n = Z(nt, t.__scopePopover), o = g.useRef(null), r = bt(e, o), i = g.useRef(!1);
     return g.useEffect(() => {
       const s = o.current;
-      if (s) return en(s);
-    }, []), /* @__PURE__ */ w(nn, { as: zo, allowPinchZoom: !0, children: /* @__PURE__ */ w(
+      if (s) return rn(s);
+    }, []), /* @__PURE__ */ w(sn, { as: zo, allowPinchZoom: !0, children: /* @__PURE__ */ w(
       Fe,
       {
         ...t,
@@ -1757,8 +1758,8 @@ var zo = on("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
       onInteractOutside: f,
       ...u
     } = t, p = Z(nt, n), d = dt(n);
-    return rn(), /* @__PURE__ */ w(
-      sn,
+    return an(), /* @__PURE__ */ w(
+      ln,
       {
         asChild: !0,
         loop: !0,
@@ -1766,7 +1767,7 @@ var zo = on("PopoverContent.RemoveScroll"), Vo = g.forwardRef(
         onMountAutoFocus: r,
         onUnmountAutoFocus: i,
         children: /* @__PURE__ */ w(
-          cn,
+          fn,
           {
             asChild: !0,
             disableOutsidePointerEvents: s,
@@ -1839,20 +1840,20 @@ function kt({ children: t, id: e, ...n }) {
       {
         type: "radio",
         id: e,
-        className: ln(ct.radioInput, "sr-only"),
+        className: Ze(ct.radioInput, "sr-only"),
         ...n
       }
     ),
     /* @__PURE__ */ q("label", { htmlFor: e, className: ct.radio, children: [
       t,
-      /* @__PURE__ */ w(an, { className: ct.check })
+      /* @__PURE__ */ w(Ue, { className: ct.check })
     ] })
   ] });
 }
-function ur() {
+function dr() {
   const { theme: t, systemTheme: e, setTheme: n } = Qe(), o = qe();
   return /* @__PURE__ */ q(Qo, { children: [
-    /* @__PURE__ */ w(Go, { asChild: !0, children: /* @__PURE__ */ q(fn, { variant: "transparent", "aria-label": "Preferences", children: [
+    /* @__PURE__ */ w(Go, { asChild: !0, children: /* @__PURE__ */ q(Je, { variant: "transparent", "aria-label": "Preferences", children: [
       /* @__PURE__ */ w(hn, {}),
       /* @__PURE__ */ w(qo, { className: ct.anchor })
     ] }) }),
@@ -1911,6 +1912,6 @@ function ur() {
   ] });
 }
 export {
-  ur as PrefPanel,
+  dr as PrefPanel,
   kt as PrefRadio
 };

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

@@ -0,0 +1 @@
+export declare function Search(): import("react/jsx-runtime").JSX.Element;