@anoki/fse-ui 1.0.553 → 1.0.554

package/dist/index.es107.js

@@ -1,47 +1,76 @@
-import { j as s } from "./index.es186.js";
-import { useRef as d, useEffect as p } from "react";
-import { clsx as i } from "./index.es187.js";
+import { j as c } from "./index.es186.js";
+import { useRef as l, useState as x, useEffect as E } from "react";
+import { clsx as g } from "./index.es188.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
-const j = ({
-  isOpen: t = !1,
-  onClickCloseBtn: e,
-  className: m = "",
-  actions: f = [],
-  children: l
+const N = ({
+  isOpen: o = !1,
+  onClickCloseBtn: i,
+  className: f = "",
+  actions: p = [],
+  children: v,
+  parentRef: u
 }) => {
-  const c = d(null), a = d(null);
-  return p(() => {
-    var u;
-    const r = (o) => {
-      o.key === "Escape" && t && (e == null || e());
-    }, n = (o) => {
-      c.current && !c.current.contains(o.target) && t && (e == null || e());
+  const n = l(null), a = l(null), [d, w] = x({
+    top: "1rem",
+    left: "-2rem",
+    right: "auto"
+  }), m = () => {
+    if (!n.current) return;
+    const t = n.current.getBoundingClientRect(), r = window.innerWidth, s = window.innerHeight;
+    let e = { ...d };
+    if (u != null && u.current) {
+      const h = u.current.getBoundingClientRect();
+      e = {
+        top: "1rem",
+        left: "-2rem",
+        right: "auto"
+      }, h.right + t.width - 30 > r && (e = {
+        top: "1rem",
+        left: "auto",
+        right: "0"
+      }), h.bottom + t.height > s && (e.top = `-${t.height}px`);
+    } else
+      t.right > r && (e.left = "auto", e.right = "0"), t.bottom > s && (e.top = `-${t.height}px`);
+    w(e);
+  };
+  return E(() => {
+    var s;
+    const t = (e) => {
+      e.key === "Escape" && o && (i == null || i());
+    }, r = (e) => {
+      n.current && !n.current.contains(e.target) && o && (i == null || i());
     };
-    return t ? (a.current = document.activeElement, (u = c.current) == null || u.focus(), document.addEventListener("keydown", r), document.addEventListener("mousedown", n)) : a.current && a.current.focus(), () => {
-      document.removeEventListener("keydown", r), document.removeEventListener("mousedown", n);
+    return o ? (a.current = document.activeElement, (s = n.current) == null || s.focus(), document.addEventListener("keydown", t), document.addEventListener("mousedown", r), m(), window.addEventListener("resize", m)) : a.current && a.current.focus(), () => {
+      document.removeEventListener("keydown", t), document.removeEventListener("mousedown", r), window.removeEventListener("resize", m);
     };
-  }, [t, e]), t ? /* @__PURE__ */ s.jsx(
+  }, [o, i]), o ? /* @__PURE__ */ c.jsx(
     "div",
     {
-      className: i(
+      className: g(
         "popupContainerActions",
-        t ? "open" : "close",
-        m
+        o ? "open" : "close",
+        f
       ),
-      onClick: (r) => {
-        r.stopPropagation();
+      onClick: (t) => {
+        t.stopPropagation();
       },
-      children: /* @__PURE__ */ s.jsx(
+      style: { position: "absolute", right: 0 },
+      children: /* @__PURE__ */ c.jsx(
         "div",
         {
-          ref: c,
+          ref: n,
           role: "dialog",
           "aria-modal": "true",
-          className: i("dialogActions"),
+          className: g("dialogActions"),
           tabIndex: -1,
-          children: /* @__PURE__ */ s.jsxs("div", { className: "contentActions", children: [
-            /* @__PURE__ */ s.jsx("ul", { className: "actionsList", children: f.map((r, n) => /* @__PURE__ */ s.jsx("li", { className: "actionsListItem", children: r }, n)) }),
-            l
+          style: {
+            top: d.top,
+            left: d.left,
+            right: d.right
+          },
+          children: /* @__PURE__ */ c.jsxs("div", { className: "contentActions", children: [
+            /* @__PURE__ */ c.jsx("ul", { className: "actionsList", children: p.map((t, r) => /* @__PURE__ */ c.jsx("li", { className: "actionsListItem", children: t }, r)) }),
+            v
           ] })
         }
       )
@@ -49,6 +78,6 @@ const j = ({
   ) : null;
 };
 export {
-  j as ActionsPopup
+  N as ActionsPopup
 };
 //# sourceMappingURL=index.es107.js.map

package/dist/index.es107.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es107.js","sources":["../src/components/ui/ActionsPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport \"./ActionsPopup.scss\";\n// import { Close } from \"@/icons\";\n\nexport type ActionsPopupProps = PropsWithChildren<{\n  isOpen: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  actions?: React.ReactNode[];\n}>;\n\nexport const ActionsPopup = ({\n  isOpen = false,\n  onClickCloseBtn,\n  className = \"\",\n  actions = [],\n  children,\n}: ActionsPopupProps) => {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const previousActiveElement = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && isOpen) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dialogRef.current &&\n        !dialogRef.current.contains(event.target as Node) &&\n        isOpen\n      ) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    if (isOpen) {\n      previousActiveElement.current = document.activeElement as HTMLElement;\n      dialogRef.current?.focus();\n      document.addEventListener(\"keydown\", handleEscape);\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else if (previousActiveElement.current) {\n      previousActiveElement.current.focus();\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isOpen, onClickCloseBtn]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className={clsx(\n        \"popupContainerActions\",\n        isOpen ? \"open\" : \"close\",\n        className,\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n    >\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        className={clsx(\"dialogActions\")}\n        tabIndex={-1}\n      >\n        <div className=\"contentActions\">\n          {/*<button*/}\n          {/*  onClick={(e) => {*/}\n          {/*    e.stopPropagation();*/}\n          {/*    onClickCloseBtn?.();*/}\n          {/*  }}*/}\n          {/*  className=\"closeButtonActions\"*/}\n          {/*  aria-label=\"Chiudi popup\"*/}\n          {/*>*/}\n          {/*  <Close className=\"closeIcon\" />*/}\n          {/*</button>*/}\n\n          <ul className=\"actionsList\">\n            {actions.map((action, index) => (\n              <li key={index} className=\"actionsListItem\">\n                {action}\n              </li>\n            ))}\n          </ul>\n\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionsPopup","isOpen","onClickCloseBtn","className","actions","children","dialogRef","useRef","previousActiveElement","useEffect","handleEscape","event","handleClickOutside","_a","jsx","clsx","e","jsxs","action","index"],"mappings":";;;;AAYO,MAAMA,IAAe,CAAC;AAAA,EAC3B,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU,CAAC;AAAA,EACX,UAAAC;AACF,MAAyB;AACjB,QAAAC,IAAYC,EAAuB,IAAI,GACvCC,IAAwBD,EAA2B,IAAI;AAkCzD,SAhCJE,EAAU,MAAM;;AACR,UAAAC,IAAe,CAACC,MAAyB;AACzC,MAAAA,EAAM,QAAQ,YAAYV,MACVC,KAAA,QAAAA;AAAA,IAEtB,GAEMU,IAAqB,CAACD,MAAsB;AAE9C,MAAAL,EAAU,WACV,CAACA,EAAU,QAAQ,SAASK,EAAM,MAAc,KAChDV,MAEkBC,KAAA,QAAAA;AAAA,IAEtB;AAEA,WAAID,KACFO,EAAsB,UAAU,SAAS,gBACzCK,IAAAP,EAAU,YAAV,QAAAO,EAAmB,SACV,SAAA,iBAAiB,WAAWH,CAAY,GACxC,SAAA,iBAAiB,aAAaE,CAAkB,KAChDJ,EAAsB,WAC/BA,EAAsB,QAAQ,MAAM,GAG/B,MAAM;AACF,eAAA,oBAAoB,WAAWE,CAAY,GAC3C,SAAA,oBAAoB,aAAaE,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACX,GAAQC,CAAe,CAAC,GAEvBD,IAGHa,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAd,IAAS,SAAS;AAAA,QAClBE;AAAA,MACF;AAAA,MACA,SAAS,CAACa,MAAM;AACd,QAAAA,EAAE,gBAAgB;AAAA,MACpB;AAAA,MAEA,UAAAF,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKR;AAAA,UACL,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAWS,EAAK,eAAe;AAAA,UAC/B,UAAU;AAAA,UAEV,UAAAE,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,kBAYb,UAAA;AAAA,YAAAH,gBAAAA,MAAC,MAAG,EAAA,WAAU,eACX,UAAAV,EAAQ,IAAI,CAACc,GAAQC,MACpBL,gBAAAA,EAAAA,IAAC,QAAe,WAAU,mBACvB,UADMI,EAAA,GAAAC,CAET,CACD,GACH;AAAA,YAECd;AAAA,UAAA,EACH,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,IA3CkB;AA6CtB;"}
+{"version":3,"file":"index.es107.js","sources":["../src/components/ui/ActionsPopup/index.tsx"],"sourcesContent":["import { PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport \"./ActionsPopup.scss\";\n// import { Close } from \"@/icons\";\n\nexport type ActionsPopupProps = PropsWithChildren<{\n  isOpen: boolean;\n  onClickCloseBtn?: () => void;\n  className?: string;\n  actions?: React.ReactNode[];\n  parentRef?: React.RefObject<HTMLElement>; // Reference to the parent element\n}>;\n\nexport const ActionsPopup = ({\n  isOpen = false,\n  onClickCloseBtn,\n  className = \"\",\n  actions = [],\n  children,\n  parentRef,\n}: ActionsPopupProps) => {\n  const dialogRef = useRef<HTMLDivElement>(null);\n  const previousActiveElement = useRef<HTMLElement | null>(null);\n  const [position, setPosition] = useState({\n    top: \"1rem\",\n    left: \"-2rem\",\n    right: \"auto\",\n  });\n\n  // Function to calculate and adjust position\n  const adjustPosition = () => {\n    if (!dialogRef.current) return;\n\n    const dialogRect = dialogRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    let newPosition = { ...position };\n\n    // Check if the parent reference is provided\n    if (parentRef?.current) {\n      const parentRect = parentRef.current.getBoundingClientRect();\n\n      // Start with default position relative to parent\n      newPosition = {\n        top: \"1rem\",\n        left: \"-2rem\",\n        right: \"auto\",\n      };\n\n      // Check if popup extends beyond right edge of viewport\n      if (parentRect.right + dialogRect.width - 30 > viewportWidth) {\n        // Adjust to open to the left instead\n        newPosition = {\n          top: \"1rem\",\n          left: \"auto\",\n          right: \"0\",\n        };\n      }\n\n      // Check if popup extends beyond bottom edge of viewport\n      if (parentRect.bottom + dialogRect.height > viewportHeight) {\n        // Adjust to open upward instead\n        newPosition.top = `-${dialogRect.height}px`;\n      }\n    } else {\n      // Fallback positioning if no parent reference\n      if (dialogRect.right > viewportWidth) {\n        newPosition.left = \"auto\";\n        newPosition.right = \"0\";\n      }\n\n      if (dialogRect.bottom > viewportHeight) {\n        newPosition.top = `-${dialogRect.height}px`;\n      }\n    }\n\n    setPosition(newPosition);\n  };\n\n  useEffect(() => {\n    const handleEscape = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && isOpen) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dialogRef.current &&\n        !dialogRef.current.contains(event.target as Node) &&\n        isOpen\n      ) {\n        onClickCloseBtn?.();\n      }\n    };\n\n    if (isOpen) {\n      previousActiveElement.current = document.activeElement as HTMLElement;\n      dialogRef.current?.focus();\n      document.addEventListener(\"keydown\", handleEscape);\n      document.addEventListener(\"mousedown\", handleClickOutside);\n\n      // Adjust position when opened\n      adjustPosition();\n\n      // Also adjust on resize\n      window.addEventListener(\"resize\", adjustPosition);\n    } else if (previousActiveElement.current) {\n      previousActiveElement.current.focus();\n    }\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleEscape);\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n      window.removeEventListener(\"resize\", adjustPosition);\n    };\n  }, [isOpen, onClickCloseBtn]);\n\n  if (!isOpen) return null;\n\n  return (\n    <div\n      className={clsx(\n        \"popupContainerActions\",\n        isOpen ? \"open\" : \"close\",\n        className,\n      )}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n      style={{ position: \"absolute\", right: 0 }}\n    >\n      <div\n        ref={dialogRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        className={clsx(\"dialogActions\")}\n        tabIndex={-1}\n        style={{\n          top: position.top,\n          left: position.left,\n          right: position.right,\n        }}\n      >\n        <div className=\"contentActions\">\n          {/*<button*/}\n          {/*  onClick={(e) => {*/}\n          {/*    e.stopPropagation();*/}\n          {/*    onClickCloseBtn?.();*/}\n          {/*  }}*/}\n          {/*  className=\"closeButtonActions\"*/}\n          {/*  aria-label=\"Chiudi popup\"*/}\n          {/*>*/}\n          {/*  <Close className=\"closeIcon\" />*/}\n          {/*</button>*/}\n\n          <ul className=\"actionsList\">\n            {actions.map((action, index) => (\n              <li key={index} className=\"actionsListItem\">\n                {action}\n              </li>\n            ))}\n          </ul>\n\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["ActionsPopup","isOpen","onClickCloseBtn","className","actions","children","parentRef","dialogRef","useRef","previousActiveElement","position","setPosition","useState","adjustPosition","dialogRect","viewportWidth","viewportHeight","newPosition","parentRect","useEffect","handleEscape","event","handleClickOutside","_a","jsx","clsx","e","jsxs","action","index"],"mappings":"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"}

package/dist/index.es109.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es186.js";
 import { Section as u } from "./index.es46.js";
-import { clsx as f } from "./index.es187.js";
+import { clsx as f } from "./index.es188.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as t } from "./index.es318.js";
+import { l as t } from "./index.es190.js";
 import { CardCategory as v } from "./index.es26.js";
 import { Col as w } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es35.js";

package/dist/index.es11.js

@@ -1,8 +1,8 @@
 import { j as r } from "./index.es186.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as e } from "./index.es187.js";
+import { clsx as e } from "./index.es188.js";
 import { useState as m } from "react";
-import { useAlertDialog as p } from "./index.es193.js";
+import { useAlertDialog as p } from "./index.es202.js";
 import { Button as x } from "./index.es25.js";
 const v = ({
   btnText: i,

package/dist/index.es112.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es186.js";
 import { Section as l } from "./index.es46.js";
-import { clsx as f } from "./index.es187.js";
+import { clsx as f } from "./index.es188.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as a } from "./index.es318.js";
+import { l as a } from "./index.es190.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as v } from "./index.es35.js";
 import { CardCategory as g } from "./index.es26.js";

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
 import { Section as c } from "./index.es46.js";
-import { clsx as u } from "./index.es187.js";
+import { clsx as u } from "./index.es188.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es29.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as e } from "./index.es190.js";
+import { clsx as t } from "./index.es188.js";
+import { createColorClasses as e } from "./index.es199.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as a } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as a } from "./index.es199.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as l } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as l } from "./index.es199.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es186.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es187.js";
+import { clsx as l } from "./index.es188.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es195.js";
+import { useMediaQuery as N } from "./index.es204.js";
 import { Close as I } from "./index.es120.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es25.js";

package/dist/index.es120.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es121.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as a } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as a } from "./index.es199.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as c } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as c } from "./index.es199.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as e } from "./index.es190.js";
+import { clsx as t } from "./index.es188.js";
+import { createColorClasses as e } from "./index.es199.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es124.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es186.js";
-import { clsx as s } from "./index.es187.js";
-import { createColorClasses as q } from "./index.es190.js";
+import { clsx as s } from "./index.es188.js";
+import { createColorClasses as q } from "./index.es199.js";
 const e = ({
   width: l = 315,
   height: h = 48,

package/dist/index.es125.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es186.js";
-import { clsx as s } from "./index.es187.js";
-import { createColorClasses as r } from "./index.es190.js";
+import { clsx as s } from "./index.es188.js";
+import { createColorClasses as r } from "./index.es199.js";
 const a = ({
   width: v = 141,
   height: h = 48,

package/dist/index.es126.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es186.js";
-import { clsx as c } from "./index.es187.js";
-import { createColorClasses as r } from "./index.es190.js";
+import { clsx as c } from "./index.es188.js";
+import { createColorClasses as r } from "./index.es199.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es127.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es186.js";
-import { clsx as s } from "./index.es187.js";
-import { createColorClasses as q } from "./index.es190.js";
+import { clsx as s } from "./index.es188.js";
+import { createColorClasses as q } from "./index.es199.js";
 const V = ({
   width: l = 292,
   height: z = 48,

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es186.js";
-import { clsx as c } from "./index.es187.js";
-import { createColorClasses as M } from "./index.es190.js";
+import { clsx as c } from "./index.es188.js";
+import { createColorClasses as M } from "./index.es199.js";
 const r = ({
   width: h = 222,
   height: v = 48,

package/dist/index.es129.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es186.js";
-import { clsx as s } from "./index.es187.js";
-import { createColorClasses as f } from "./index.es190.js";
+import { clsx as s } from "./index.es188.js";
+import { createColorClasses as f } from "./index.es199.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es186.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es187.js";
+import { clsx as n } from "./index.es188.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es120.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es186.js";
-import { clsx as o } from "./index.es187.js";
-import { createColorClasses as t } from "./index.es190.js";
+import { clsx as o } from "./index.es188.js";
+import { createColorClasses as t } from "./index.es199.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as i } from "./index.es187.js";
-import { createColorClasses as a } from "./index.es190.js";
+import { clsx as i } from "./index.es188.js";
+import { createColorClasses as a } from "./index.es199.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as i } from "./index.es187.js";
-import { createColorClasses as a } from "./index.es190.js";
+import { clsx as i } from "./index.es188.js";
+import { createColorClasses as a } from "./index.es199.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es133.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es186.js";
-import { clsx as c } from "./index.es187.js";
-import { createColorClasses as h } from "./index.es190.js";
+import { clsx as c } from "./index.es188.js";
+import { createColorClasses as h } from "./index.es199.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es134.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as r } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as r } from "./index.es199.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es186.js";
-import { clsx as r } from "./index.es187.js";
-import { createColorClasses as t } from "./index.es190.js";
+import { clsx as r } from "./index.es188.js";
+import { createColorClasses as t } from "./index.es199.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es186.js";
-import { clsx as m } from "./index.es187.js";
-import { createColorClasses as d } from "./index.es190.js";
+import { clsx as m } from "./index.es188.js";
+import { createColorClasses as d } from "./index.es199.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as v } from "./index.es190.js";
+import { clsx as t } from "./index.es188.js";
+import { createColorClasses as v } from "./index.es199.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es138.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es186.js";
-import { clsx as s } from "./index.es187.js";
+import { clsx as s } from "./index.es188.js";
 const i = ({ width: r = 40, height: e = 40, className: o }) => /* @__PURE__ */ l.jsx(
   "svg",
   {

package/dist/index.es139.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es186.js";
-import { clsx as s } from "./index.es187.js";
+import { clsx as s } from "./index.es188.js";
 const a = ({
   width: e = 24,
   height: t = 24,

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es186.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es187.js";
+import { clsx as n } from "./index.es188.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es120.js";
 import { Col as N } from "./index.es10.js";

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as t } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as c } from "./index.es190.js";
+import { clsx as t } from "./index.es188.js";
+import { createColorClasses as c } from "./index.es199.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as m } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as m } from "./index.es199.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es186.js";
-import { clsx as t } from "./index.es187.js";
-import { createColorClasses as c } from "./index.es190.js";
+import { clsx as t } from "./index.es188.js";
+import { createColorClasses as c } from "./index.es199.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es186.js";
-import { clsx as a } from "./index.es187.js";
-import { createColorClasses as m } from "./index.es190.js";
+import { clsx as a } from "./index.es188.js";
+import { createColorClasses as m } from "./index.es199.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es186.js";
-import { clsx as i } from "./index.es187.js";
-import { createColorClasses as a } from "./index.es190.js";
+import { clsx as i } from "./index.es188.js";
+import { createColorClasses as a } from "./index.es199.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es186.js";
-import { clsx as r } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as r } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es15.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es186.js";
 import { useState as g } from "react";
-import { clsx as n } from "./index.es187.js";
+import { clsx as n } from "./index.es188.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as B } from "./index.es195.js";
+import { useMediaQuery as B } from "./index.es204.js";
 import { Close as E } from "./index.es120.js";
 import { Col as M } from "./index.es10.js";
 import { Button as R } from "./index.es25.js";

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es186.js";
-import { clsx as i } from "./index.es187.js";
-import { createColorClasses as m } from "./index.es190.js";
+import { clsx as i } from "./index.es188.js";
+import { createColorClasses as m } from "./index.es199.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es186.js";
-import { clsx as c } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as c } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as x } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as x } from "./index.es199.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as l } from "./index.es187.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { clsx as l } from "./index.es188.js";
+import { createColorClasses as i } from "./index.es199.js";
 const x = ({
   width: s = 24,
   height: t = 24,