highsoft-ui 1.0.102 → 1.0.104

package/dist/components/Notification/index.js

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as l, Fragment as w } from "react/jsx-runtime";
 import { useState as d, useEffect as C } from "react";
 import { X as F } from "../../XClose-CCu1vrNS.js";
-import { c as m } from "../../clsx-OuTLNxxd.js";
+import { c as p } from "../../clsx-OuTLNxxd.js";
 import { Button as y } from "../Button/index.js";
 import { Container as A } from "../Container/index.js";
 import { NewTag as B } from "../NewTag/index.js";
-const E = "MhRkRW_active", j = "MhRkRW_attention", H = "MhRkRW_brand", L = "MhRkRW_carousel", P = "MhRkRW_close", X = "MhRkRW_container", $ = "MhRkRW_content", z = "MhRkRW_danger", D = "MhRkRW_description", S = "MhRkRW_notification", U = "MhRkRW_slide", q = "MhRkRW_success", G = "MhRkRW_title", J = "MhRkRW_titleText", n = {
+const E = "MhRkRW_active", j = "MhRkRW_attention", H = "MhRkRW_brand", L = "MhRkRW_carousel", P = "MhRkRW_close", X = "MhRkRW_container", $ = "MhRkRW_content", z = "MhRkRW_danger", D = "MhRkRW_description", S = "MhRkRW_notification", U = "MhRkRW_slide", q = "MhRkRW_success", G = "MhRkRW_title", J = "MhRkRW_titleText", e = {
   active: E,
   attention: j,
   brand: H,
@@ -22,72 +22,71 @@ const E = "MhRkRW_active", j = "MhRkRW_attention", H = "MhRkRW_brand", L = "MhRk
   titleText: J
 };
 function nt({
-  id: g,
-  content: c,
+  id: M,
+  content: i,
   variant: r = "brand",
-  closable: v = !0,
-  onClose: M
+  closable: g = !0,
+  onClose: k
 }) {
-  const e = Array.isArray(c) ? c : [c], [h, k] = d(
-    () => e.length > 1 ? Math.floor(Math.random() * e.length) : 0
-  ), [W, u] = d(!1), [_, R] = d(!1), f = W || _, i = e[h]?.url, N = i ? "a" : "div";
+  const n = Array.isArray(i) ? i : [i], [h, v] = d(
+    () => n.length > 1 ? Math.floor(Math.random() * n.length) : 0
+  ), [W, u] = d(!1), [_, R] = d(!1), f = W || _, c = n[h]?.url, N = c ? "a" : "div";
   C(() => {
-    if (e.length <= 1 || f) return;
+    if (n.length <= 1 || f) return;
     const t = window.setInterval(() => {
-      k((o) => (o + 1) % e.length);
+      v((o) => (o + 1) % n.length);
     }, 15e3);
     return () => window.clearInterval(t);
-  }, [e.length, f]);
+  }, [n.length, f]);
   const b = () => u(!0), x = (t) => {
     t.currentTarget.contains(t.relatedTarget) || u(!1);
-  }, I = () => R(!0), T = () => R(!1), p = (t, o = !0) => {
+  }, I = () => R(!0), T = () => R(!1), m = (t, o = !0) => {
     const a = /* @__PURE__ */ l(w, { children: [
-      t.title && /* @__PURE__ */ l("span", { className: n.title, children: [
+      t.title && /* @__PURE__ */ l("span", { className: e.title, children: [
         t.tag === "new" && /* @__PURE__ */ s(B, { variant: r, icon: !1 }),
-        /* @__PURE__ */ s("span", { className: n.titleText, children: t.title })
+        /* @__PURE__ */ s("span", { className: e.titleText, children: t.title })
       ] }),
-      t.description && /* @__PURE__ */ s("span", { className: n.description, children: t.description })
+      t.description && /* @__PURE__ */ s("span", { className: e.description, children: t.description })
     ] });
-    return /* @__PURE__ */ s("div", { className: n.content, "aria-hidden": !o, children: a });
+    return /* @__PURE__ */ s("div", { className: e.content, "aria-hidden": !o, children: a });
   };
-  return e.length ? /* @__PURE__ */ s(
+  return n.length ? /* @__PURE__ */ s(
     N,
     {
-      className: m(n.notification, n[r]),
+      className: p(e.notification, e[r]),
       "data-theme": "light",
-      ...i ? {
-        href: i,
+      ...c ? {
+        href: c,
         "data-track": "header-banner",
         "data-track-action": "click",
-        "data-track-label": g || i
+        "data-track-label": M || c
       } : {},
-      ...e.length > 1 ? { "aria-live": "polite" } : {},
       onFocus: b,
       onBlur: x,
       onMouseEnter: I,
       onMouseLeave: T,
-      children: /* @__PURE__ */ l(A, { className: n.container, children: [
-        e.length > 1 ? /* @__PURE__ */ s("div", { className: n.carousel, children: e.map((t, o) => {
+      children: /* @__PURE__ */ l(A, { className: e.container, children: [
+        n.length > 1 ? /* @__PURE__ */ s("div", { className: e.carousel, children: n.map((t, o) => {
           const a = o === h;
           return /* @__PURE__ */ s(
             "div",
             {
-              className: m(n.slide, { [n.active]: a }),
+              className: p(e.slide, { [e.active]: a }),
               "aria-hidden": !a,
-              children: p(t, a)
+              children: m(t, a)
             },
             `${t.title ?? t.description ?? "item"}-${o}`
           );
-        }) }) : p(e[0]),
-        v && /* @__PURE__ */ s(
+        }) }) : m(n[0]),
+        g && /* @__PURE__ */ s(
           y,
           {
             variant: r === "brand" ? "brand" : "transparent",
             size: 100,
-            className: n.close,
+            className: e.close,
             "aria-label": "Close notification",
             onClick: (t) => {
-              t.preventDefault(), t.stopPropagation(), M?.();
+              t.preventDefault(), t.stopPropagation(), k?.();
             },
             children: /* @__PURE__ */ s(F, {})
           }

package/dist/components/PrefPanel/index.js

@@ -6,7 +6,7 @@ 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-CYz8LhDn.js";
+import { h as Mt, P as ft, u as bt, c as oe, 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-CYz8LhDn.js";
 import * as un from "react-dom";
 var dn = function(e) {
   return /* @__PURE__ */ w("svg", yt({

package/dist/components/Search/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { S as e } from "../../index-9MgBElwS.js";
+import { S as e } from "../../index-Bxju7wvI.js";
 import "../Button/index.js";
-import "../../index-F_QKz-YL.js";
+import "../../index-DThcOQDt.js";
 import "../../index-hYJmp-0x.js";
 export {
   e as Search