@anoki/fse-ui 1.0.556 → 1.0.557

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, 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: \"-17rem\",\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":";;;;AAaO,MAAMA,IAAe,CAAC;AAAA,EAC3B,QAAAC,IAAS;AAAA,EACT,iBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU,CAAC;AAAA,EACX,UAAAC;AAAA,EACA,WAAAC;AACF,MAAyB;AACjB,QAAAC,IAAYC,EAAuB,IAAI,GACvCC,IAAwBD,EAA2B,IAAI,GACvD,CAACE,GAAUC,CAAW,IAAIC,EAAS;AAAA,IACvC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,CACR,GAGKC,IAAiB,MAAM;AACvB,QAAA,CAACN,EAAU,QAAS;AAElB,UAAAO,IAAaP,EAAU,QAAQ,sBAAsB,GACrDQ,IAAgB,OAAO,YACvBC,IAAiB,OAAO;AAE1B,QAAAC,IAAc,EAAE,GAAGP,EAAS;AAGhC,QAAIJ,KAAA,QAAAA,EAAW,SAAS;AAChB,YAAAY,IAAaZ,EAAU,QAAQ,sBAAsB;AAG7C,MAAAW,IAAA;AAAA,QACZ,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT,GAGIC,EAAW,QAAQJ,EAAW,QAAQ,KAAKC,MAE/BE,IAAA;AAAA,QACZ,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT,IAIEC,EAAW,SAASJ,EAAW,SAASE,MAE9BC,EAAA,MAAM,IAAIH,EAAW,MAAM;AAAA,IACzC;AAGI,MAAAA,EAAW,QAAQC,MACrBE,EAAY,OAAO,QACnBA,EAAY,QAAQ,MAGlBH,EAAW,SAASE,MACVC,EAAA,MAAM,IAAIH,EAAW,MAAM;AAI3C,IAAAH,EAAYM,CAAW;AAAA,EACzB;AAyCI,SAvCJE,EAAU,MAAM;;AACR,UAAAC,IAAe,CAACC,MAAyB;AACzC,MAAAA,EAAM,QAAQ,YAAYpB,MACVC,KAAA,QAAAA;AAAA,IAEtB,GAEMoB,IAAqB,CAACD,MAAsB;AAE9C,MAAAd,EAAU,WACV,CAACA,EAAU,QAAQ,SAASc,EAAM,MAAc,KAChDpB,MAEkBC,KAAA,QAAAA;AAAA,IAEtB;AAEA,WAAID,KACFQ,EAAsB,UAAU,SAAS,gBACzCc,IAAAhB,EAAU,YAAV,QAAAgB,EAAmB,SACV,SAAA,iBAAiB,WAAWH,CAAY,GACxC,SAAA,iBAAiB,aAAaE,CAAkB,GAG1CT,EAAA,GAGR,OAAA,iBAAiB,UAAUA,CAAc,KACvCJ,EAAsB,WAC/BA,EAAsB,QAAQ,MAAM,GAG/B,MAAM;AACF,eAAA,oBAAoB,WAAWW,CAAY,GAC3C,SAAA,oBAAoB,aAAaE,CAAkB,GACrD,OAAA,oBAAoB,UAAUT,CAAc;AAAA,IACrD;AAAA,EAAA,GACC,CAACZ,GAAQC,CAAe,CAAC,GAEvBD,IAGHuB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAxB,IAAS,SAAS;AAAA,QAClBE;AAAA,MACF;AAAA,MACA,SAAS,CAACuB,MAAM;AACd,QAAAA,EAAE,gBAAgB;AAAA,MACpB;AAAA,MACA,OAAO,EAAE,UAAU,YAAY,OAAO,EAAE;AAAA,MAExC,UAAAF,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKjB;AAAA,UACL,MAAK;AAAA,UACL,cAAW;AAAA,UACX,WAAWkB,EAAK,eAAe;AAAA,UAC/B,UAAU;AAAA,UACV,OAAO;AAAA,YACL,KAAKf,EAAS;AAAA,YACd,MAAMA,EAAS;AAAA,YACf,OAAOA,EAAS;AAAA,UAClB;AAAA,UAEA,UAAAiB,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,kBAYb,UAAA;AAAA,YAAAH,gBAAAA,MAAC,MAAG,EAAA,WAAU,eACX,UAAApB,EAAQ,IAAI,CAACwB,GAAQC,MACpBL,gBAAAA,EAAAA,IAAC,QAAe,WAAU,mBACvB,UADMI,EAAA,GAAAC,CAET,CACD,GACH;AAAA,YAECxB;AAAA,UAAA,EACH,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF,IAjDkB;AAmDtB;"}
+{"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: \"0.4rem\",\n    left: \"-17rem\",\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.es188.js";
+import { clsx as f } from "./index.es187.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as t } from "./index.es190.js";
+import { l as t } from "./index.es318.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.es188.js";
+import { clsx as e } from "./index.es187.js";
 import { useState as m } from "react";
-import { useAlertDialog as p } from "./index.es202.js";
+import { useAlertDialog as p } from "./index.es193.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.es188.js";
+import { clsx as f } from "./index.es187.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as a } from "./index.es190.js";
+import { l as a } from "./index.es318.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.es188.js";
+import { clsx as u } from "./index.es187.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.es188.js";
-import { createColorClasses as e } from "./index.es197.js";
+import { clsx as t } from "./index.es187.js";
+import { createColorClasses as e } from "./index.es190.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.es188.js";
-import { createColorClasses as i } from "./index.es197.js";
+import { clsx as a } from "./index.es187.js";
+import { createColorClasses as i } from "./index.es190.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.es188.js";
-import { createColorClasses as a } from "./index.es197.js";
+import { clsx as l } from "./index.es187.js";
+import { createColorClasses as a } from "./index.es190.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.es188.js";
-import { createColorClasses as l } from "./index.es197.js";
+import { clsx as a } from "./index.es187.js";
+import { createColorClasses as l } from "./index.es190.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.es188.js";
+import { clsx as l } from "./index.es187.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es204.js";
+import { useMediaQuery as N } from "./index.es195.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.es188.js";
-import { createColorClasses as i } from "./index.es197.js";
+import { clsx as a } from "./index.es187.js";
+import { createColorClasses as i } from "./index.es190.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.es188.js";
-import { createColorClasses as a } from "./index.es197.js";
+import { clsx as l } from "./index.es187.js";
+import { createColorClasses as a } from "./index.es190.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.es188.js";
-import { createColorClasses as c } from "./index.es197.js";
+import { clsx as l } from "./index.es187.js";
+import { createColorClasses as c } from "./index.es190.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.es188.js";
-import { createColorClasses as e } from "./index.es197.js";
+import { clsx as t } from "./index.es187.js";
+import { createColorClasses as e } from "./index.es190.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.es188.js";
-import { createColorClasses as q } from "./index.es197.js";
+import { clsx as s } from "./index.es187.js";
+import { createColorClasses as q } from "./index.es190.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.es188.js";
-import { createColorClasses as r } from "./index.es197.js";
+import { clsx as s } from "./index.es187.js";
+import { createColorClasses as r } from "./index.es190.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.es188.js";
-import { createColorClasses as r } from "./index.es197.js";
+import { clsx as c } from "./index.es187.js";
+import { createColorClasses as r } from "./index.es190.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.es188.js";
-import { createColorClasses as q } from "./index.es197.js";
+import { clsx as s } from "./index.es187.js";
+import { createColorClasses as q } from "./index.es190.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.es188.js";
-import { createColorClasses as M } from "./index.es197.js";
+import { clsx as c } from "./index.es187.js";
+import { createColorClasses as M } from "./index.es190.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.es188.js";
-import { createColorClasses as f } from "./index.es197.js";
+import { clsx as s } from "./index.es187.js";
+import { createColorClasses as f } from "./index.es190.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.es188.js";
+import { clsx as n } from "./index.es187.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.es188.js";
-import { createColorClasses as t } from "./index.es197.js";
+import { clsx as o } from "./index.es187.js";
+import { createColorClasses as t } from "./index.es190.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.es188.js";
-import { createColorClasses as a } from "./index.es197.js";
+import { clsx as i } from "./index.es187.js";
+import { createColorClasses as a } from "./index.es190.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.es188.js";
-import { createColorClasses as a } from "./index.es197.js";
+import { clsx as i } from "./index.es187.js";
+import { createColorClasses as a } from "./index.es190.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.es188.js";
-import { createColorClasses as h } from "./index.es197.js";
+import { clsx as c } from "./index.es187.js";
+import { createColorClasses as h } from "./index.es190.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.es188.js";
-import { createColorClasses as r } from "./index.es197.js";
+import { clsx as l } from "./index.es187.js";
+import { createColorClasses as r } from "./index.es190.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.es188.js";
-import { createColorClasses as t } from "./index.es197.js";
+import { clsx as r } from "./index.es187.js";
+import { createColorClasses as t } from "./index.es190.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.es188.js";
-import { createColorClasses as d } from "./index.es197.js";
+import { clsx as m } from "./index.es187.js";
+import { createColorClasses as d } from "./index.es190.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.es188.js";
-import { createColorClasses as v } from "./index.es197.js";
+import { clsx as t } from "./index.es187.js";
+import { createColorClasses as v } from "./index.es190.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.es188.js";
+import { clsx as s } from "./index.es187.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.es188.js";
+import { clsx as s } from "./index.es187.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.es188.js";
+import { clsx as n } from "./index.es187.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.es188.js";
-import { createColorClasses as i } from "./index.es197.js";
+import { clsx as t } from "./index.es187.js";
+import { createColorClasses as i } from "./index.es190.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.es188.js";
-import { createColorClasses as c } from "./index.es197.js";
+import { clsx as t } from "./index.es187.js";
+import { createColorClasses as c } from "./index.es190.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.es188.js";
-import { createColorClasses as m } from "./index.es197.js";
+import { clsx as a } from "./index.es187.js";
+import { createColorClasses as m } from "./index.es190.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.es188.js";
-import { createColorClasses as c } from "./index.es197.js";
+import { clsx as t } from "./index.es187.js";
+import { createColorClasses as c } from "./index.es190.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.es188.js";
-import { createColorClasses as i } from "./index.es197.js";
+import { clsx as a } from "./index.es187.js";
+import { createColorClasses as i } from "./index.es190.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.es188.js";
-import { createColorClasses as m } from "./index.es197.js";
+import { clsx as a } from "./index.es187.js";
+import { createColorClasses as m } from "./index.es190.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.es188.js";
-import { createColorClasses as a } from "./index.es197.js";
+import { clsx as i } from "./index.es187.js";
+import { createColorClasses as a } from "./index.es190.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.es188.js";
-import { createColorClasses as i } from "./index.es197.js";
+import { clsx as r } from "./index.es187.js";
+import { createColorClasses as i } from "./index.es190.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.es188.js";
-import { createColorClasses as i } from "./index.es197.js";
+import { clsx as l } from "./index.es187.js";
+import { createColorClasses as i } from "./index.es190.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.es188.js";
+import { clsx as n } from "./index.es187.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as B } from "./index.es204.js";
+import { useMediaQuery as B } from "./index.es195.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.es188.js";
-import { createColorClasses as m } from "./index.es197.js";
+import { clsx as i } from "./index.es187.js";
+import { createColorClasses as m } from "./index.es190.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.es188.js";
-import { createColorClasses as i } from "./index.es197.js";
+import { clsx as c } from "./index.es187.js";
+import { createColorClasses as i } from "./index.es190.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.es188.js";
-import { createColorClasses as x } from "./index.es197.js";
+import { clsx as l } from "./index.es187.js";
+import { createColorClasses as x } from "./index.es190.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.es188.js";
-import { createColorClasses as i } from "./index.es197.js";
+import { clsx as l } from "./index.es187.js";
+import { createColorClasses as i } from "./index.es190.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as i } from "./index.es188.js";
-import { createColorClasses as c } from "./index.es197.js";
+import { clsx as i } from "./index.es187.js";
+import { createColorClasses as c } from "./index.es190.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es186.js";
-import { clsx as i } from "./index.es188.js";
-import { createColorClasses as c } from "./index.es197.js";
+import { clsx as i } from "./index.es187.js";
+import { createColorClasses as c } from "./index.es190.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es159.js

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

package/dist/index.es16.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es186.js";
 import { Container as p } from "./index.es6.js";
-import { Divider as u } from "./index.es208.js";
+import { Divider as u } from "./index.es199.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as j } from "./index.es188.js";
+import { clsx as j } from "./index.es187.js";
 import { FseMS as N } from "./index.es127.js";
 import { FseMEF as E } from "./index.es125.js";
 import { FseDGT as U } from "./index.es124.js";

package/dist/index.es160.js

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

package/dist/index.es162.js

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

package/dist/index.es163.js

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

package/dist/index.es164.js

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