@anoki/fse-ui 1.0.556 → 1.0.558

package/dist/index.es.js

@@ -22,8 +22,8 @@ import { Dropdown as V } from "./index.es22.js";
 import { FilterDropDown as U } from "./index.es23.js";
 import { Header as Y, LOGOS as _ } from "./index.es24.js";
 import { Button as z } from "./index.es25.js";
-import { CardCategory as J } from "./index.es26.js";
-import { CardMap as Q } from "./index.es27.js";
+import { CardCategory as j } from "./index.es26.js";
+import { CardMap as K } from "./index.es27.js";
 import { CardMapDoctor as Z } from "./index.es28.js";
 import { CardService as oo } from "./index.es29.js";
 import { CardDocument as eo } from "./index.es30.js";
@@ -48,8 +48,8 @@ import { Checkbox as Vo } from "./index.es48.js";
 import { BottomNavigation as Uo } from "./index.es49.js";
 import { CategoryContent as Yo } from "./index.es50.js";
 import { CategoryHeader as qo } from "./index.es51.js";
-import { HeaderNavigation as jo } from "./index.es52.js";
-import { FiltersChips as Ko } from "./index.es53.js";
+import { HeaderNavigation as Qo } from "./index.es52.js";
+import { FiltersChips as Jo } from "./index.es53.js";
 import { CardReminder as Xo } from "./index.es54.js";
 import { CardDoctor as $o } from "./index.es55.js";
 import { Avatar as rr } from "./index.es56.js";
@@ -72,8 +72,8 @@ import { DoctorSkeleton as Vr } from "./index.es72.js";
 import { InfoCardSkeleton as Ur } from "./index.es73.js";
 import { TableSkeleton as Yr } from "./index.es74.js";
 import { DocumentsListSkeleton as qr } from "./index.es75.js";
-import { ServicesListSkeleton as jr } from "./index.es76.js";
-import { NotificationsListSkeleton as Kr } from "./index.es77.js";
+import { ServicesListSkeleton as Qr } from "./index.es76.js";
+import { NotificationsListSkeleton as Jr } from "./index.es77.js";
 import { DocumentDetailSkeleton as Xr } from "./index.es78.js";
 import { HealthProfileSkeleton as $r } from "./index.es79.js";
 import { AccessLogSkeleton as re } from "./index.es80.js";
@@ -97,8 +97,8 @@ import { TagsGroup as Oe } from "./index.es97.js";
 import { DelegateCard as We } from "./index.es98.js";
 import { ChangeRelatedCard as _e } from "./index.es99.js";
 import { TableOfContents as ze } from "./index.es100.js";
-import { DelegateFilterDropDown as Je } from "./index.es101.js";
-import { GroupCodeExemptionFilterDropDown as Qe } from "./index.es102.js";
+import { DelegateFilterDropDown as je } from "./index.es101.js";
+import { GroupCodeExemptionFilterDropDown as Ke } from "./index.es102.js";
 import { EditorialWidget as Ze, EditorialWidgetVariantEnum as $e } from "./index.es103.js";
 import { AvatarSkeleton as rt } from "./index.es104.js";
 import { NotificationsListModalSkeleton as tt } from "./index.es105.js";
@@ -122,8 +122,8 @@ import { Ellipse2 as Vt } from "./index.es122.js";
 import { Ellipse3 as Ut } from "./index.es123.js";
 import { FseDGT as Yt } from "./index.es124.js";
 import { FseMEF as qt } from "./index.es125.js";
-import { Fse as jt } from "./index.es126.js";
-import { FseMS as Kt } from "./index.es127.js";
+import { Fse as Qt } from "./index.es126.js";
+import { FseMS as Jt } from "./index.es127.js";
 import { FseUE as Xt } from "./index.es128.js";
 import { Lazio as $t } from "./index.es129.js";
 import { Marche as rp } from "./index.es130.js";
@@ -149,8 +149,8 @@ import { MedicHistory as Vp } from "./index.es149.js";
 import { Shape as Up } from "./index.es150.js";
 import { Confirm as Yp } from "./index.es151.js";
 import { NotChecked as qp } from "./index.es152.js";
-import { Spinner as jp } from "./index.es153.js";
-import { Attachment as Kp } from "./index.es154.js";
+import { Spinner as Qp } from "./index.es153.js";
+import { Attachment as Jp } from "./index.es154.js";
 import { TriangleUp as Xp } from "./index.es155.js";
 import { TriangleDown as $p } from "./index.es156.js";
 import { Info as rm } from "./index.es157.js";
@@ -163,6 +163,8 @@ import { ShareLink as dm } from "./index.es163.js";
 import { CenterMap as Sm } from "./index.es164.js";
 import { DocumentPdf as um } from "./index.es165.js";
 import { DocumentCsv as gm } from "./index.es166.js";
+import { QuestionCircle as Am } from "./index.es167.js";
+import { CheckCircle as Tm } from "./index.es168.js";
 o.defaultLocale = "it";
 export {
   re as AccessLogSkeleton,
@@ -182,7 +184,7 @@ export {
   co as ArrowLink,
   mp as ArrowRight,
   xm as ArrowTop,
-  Kp as Attachment,
+  Jp as Attachment,
   ve as AuthorBlock,
   rr as Avatar,
   rt as AvatarSkeleton,
@@ -195,14 +197,14 @@ export {
   np as Calendar,
   se as Callout,
   Se as CalloutVariantEnum,
-  J as CardCategory,
+  j as CardCategory,
   $o as CardDoctor,
   Ho as CardDoctorInfo,
   eo as CardDocument,
   Sr as CardExemption,
   Fe as CardFile,
   we as CardFileActionTypeEnum,
-  Q as CardMap,
+  K as CardMap,
   Z as CardMapDoctor,
   Fr as CardNotification,
   po as CardOpeningHours,
@@ -215,6 +217,7 @@ export {
   Sm as CenterMap,
   ye as ChangeProfileModal,
   _e as ChangeRelatedCard,
+  Tm as CheckCircle,
   Vo as Checkbox,
   lr as CheckboxFilter,
   Nt as Close,
@@ -227,7 +230,7 @@ export {
   Br as DatePicker,
   Pr as DatePickerRange,
   We as DelegateCard,
-  Je as DelegateFilterDropDown,
+  je as DelegateFilterDropDown,
   lp as Doctor,
   Fo as DoctorConfirmModal,
   Ao as DoctorModal,
@@ -254,21 +257,21 @@ export {
   Lp as Favourite,
   Hp as File,
   U as FilterDropDown,
-  Ko as FiltersChips,
+  Jo as FiltersChips,
   H as Footer,
-  jt as Fse,
+  Qt as Fse,
   Yt as FseDGT,
   qt as FseMEF,
-  Kt as FseMS,
+  Jt as FseMS,
   Xt as FseUE,
   He as GenericSkeleton,
   n as GridContainer,
   l as GridItem,
-  Qe as GroupCodeExemptionFilterDropDown,
+  Ke as GroupCodeExemptionFilterDropDown,
   lt as HOME_SERVICES_LAYOUTS,
   Pt as Hamburguer,
   Y as Header,
-  jo as HeaderNavigation,
+  Qo as HeaderNavigation,
   B as HeaderPostLogin,
   F as HeaderSlim,
   R as HeaderTopBanner,
@@ -295,11 +298,12 @@ export {
   tm as Notification,
   me as NotificationSettingsSkeleton,
   tt as NotificationsListModalSkeleton,
-  Kr as NotificationsListSkeleton,
+  Jr as NotificationsListSkeleton,
   Nr as NotificationsSettingsHeader,
   Fp as Obscured,
   gr as Pagination,
   To as ProgressBar,
+  Am as QuestionCircle,
   mr as RadioCard,
   Ct as RichText,
   d as Row,
@@ -312,10 +316,10 @@ export {
   xe as SearchStructureSkeleton,
   No as Section,
   gt as Services,
-  jr as ServicesListSkeleton,
+  Qr as ServicesListSkeleton,
   Up as Shape,
   dm as ShareLink,
-  jp as Spinner,
+  Qp as Spinner,
   At as SuggestedServices,
   up as Support,
   fo as SupportBanner,

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}

package/dist/index.es10.js

@@ -1,9 +1,9 @@
-import { j as f } from "./index.es186.js";
+import { j as f } from "./index.es188.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es188.js";
-import { createSpacingClasses as g } from "./index.es198.js";
-import { createColorClasses as j } from "./index.es197.js";
-import { createTypographyClasses as u } from "./index.es200.js";
+import { clsx as y } from "./index.es189.js";
+import { createSpacingClasses as g } from "./index.es191.js";
+import { createColorClasses as j } from "./index.es190.js";
+import { createTypographyClasses as u } from "./index.es193.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -1,11 +1,11 @@
-import { j as s } from "./index.es186.js";
+import { j as s } from "./index.es188.js";
 import f, { useState as w, useEffect as i } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQuery as v } from "./index.es204.js";
-import { clsx as b } from "./index.es188.js";
+import { useMediaQuery as v } from "./index.es197.js";
+import { clsx as b } from "./index.es189.js";
 import { Row as j } from "./index.es9.js";
 import { ArrowDown as N } from "./index.es117.js";
-import { ScrollArea as g } from "./index.es315.js";
+import { ScrollArea as g } from "./index.es308.js";
 const H = ({
   title: n = "Indice",
   headings: r,

package/dist/index.es101.js

@@ -1,5 +1,5 @@
-import { j as t } from "./index.es186.js";
-import { clsx as m } from "./index.es188.js";
+import { j as t } from "./index.es188.js";
+import { clsx as m } from "./index.es189.js";
 import { useState as p, useRef as x, useEffect as w } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
 import { Close as S } from "./index.es120.js";

package/dist/index.es102.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es186.js";
-import { clsx as u } from "./index.es188.js";
+import { j as s } from "./index.es188.js";
+import { clsx as u } from "./index.es189.js";
 import { useState as h, useRef as x, useEffect as g } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
 import { Close as z } from "./index.es120.js";

package/dist/index.es103.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es186.js";
+import { j as s } from "./index.es188.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es188.js";
+import { clsx as l } from "./index.es189.js";
 import { Section as r } from "./index.es46.js";
 import { Col as c } from "./index.es10.js";
 var m = /* @__PURE__ */ ((e) => (e.LIGHT = "light", e.EVIDENCE = "evidence", e.DEFAULT = "default", e))(m || {});

package/dist/index.es104.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es186.js";
+import { j as e } from "./index.es188.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es188.js";
+import { clsx as a } from "./index.es189.js";
 import { Col as r } from "./index.es10.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es105.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es186.js";
+import { j as s } from "./index.es188.js";
 import './components/ui/NotificationsListModalSkeleton/NotificationsListModalSkeleton.css';/* empty css            */
 const d = () => /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-container", children: [...Array(3)].map((o, e) => /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [

package/dist/index.es106.js

@@ -1,8 +1,8 @@
-import { j as o } from "./index.es186.js";
+import { j as o } from "./index.es188.js";
 import { useState as c } from "react";
-import { StepItem as f } from "./index.es321.js";
+import { StepItem as f } from "./index.es314.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es323.js";
+import S from "./index.es316.js";
 const h = ({
   steps: s,
   mainTitle: l,

package/dist/index.es107.js

@@ -1,6 +1,6 @@
-import { j as c } from "./index.es186.js";
+import { j as c } from "./index.es188.js";
 import { useRef as l, useState as x, useEffect as E } from "react";
-import { clsx as g } from "./index.es188.js";
+import { clsx as g } from "./index.es189.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
   isOpen: o = !1,
@@ -11,7 +11,7 @@ const N = ({
   parentRef: u
 }) => {
   const n = l(null), a = l(null), [d, w] = x({
-    top: "1rem",
+    top: "0.4rem",
     left: "-17rem",
     right: "auto"
   }), m = () => {

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":";;;;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;"}

package/dist/index.es108.js

@@ -1,4 +1,4 @@
-import { j as i } from "./index.es186.js";
+import { j as i } from "./index.es188.js";
 import { Section as s } from "./index.es46.js";
 import './sections/Login/Login.css';/* empty css            */
 import { EntryButton as g } from "./index.es36.js";

package/dist/index.es109.js

@@ -1,9 +1,9 @@
-import { j as r } from "./index.es186.js";
+import { j as r } from "./index.es188.js";
 import { Section as u } from "./index.es46.js";
-import { clsx as f } from "./index.es188.js";
+import { clsx as f } from "./index.es189.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.es320.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 { j as r } from "./index.es188.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as e } from "./index.es188.js";
+import { clsx as e } from "./index.es189.js";
 import { useState as m } from "react";
-import { useAlertDialog as p } from "./index.es202.js";
+import { useAlertDialog as p } from "./index.es195.js";
 import { Button as x } from "./index.es25.js";
 const v = ({
   btnText: i,

package/dist/index.es110.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es186.js";
+import { j as e } from "./index.es188.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
 import { Section as r } from "./index.es46.js";
 import { Col as c } from "./index.es10.js";

package/dist/index.es111.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es186.js";
+import { j as s } from "./index.es188.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { Section as t } from "./index.es46.js";
 import { Col as n } from "./index.es10.js";

package/dist/index.es112.js

@@ -1,9 +1,9 @@
-import { j as o } from "./index.es186.js";
+import { j as o } from "./index.es188.js";
 import { Section as l } from "./index.es46.js";
-import { clsx as f } from "./index.es188.js";
+import { clsx as f } from "./index.es189.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.es320.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 { j as r } from "./index.es188.js";
 import { Section as c } from "./index.es46.js";
-import { clsx as u } from "./index.es188.js";
+import { clsx as u } from "./index.es189.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.es114.js

@@ -1,4 +1,4 @@
-import { j as l } from "./index.es186.js";
+import { j as l } from "./index.es188.js";
 import './sections/Documents/Documents.css';/* empty css            */
 import { CardFile as n } from "./index.es92.js";
 import { Section as e } from "./index.es46.js";

package/dist/index.es115.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es186.js";
+import { j as s } from "./index.es188.js";
 import './sections/Tags/Tags.css';/* empty css            */
 import { TagsGroup as r } from "./index.es97.js";
 import { Section as t } from "./index.es46.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 { j as c } from "./index.es188.js";
+import { clsx as t } from "./index.es189.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 { j as r } from "./index.es188.js";
+import { clsx as a } from "./index.es189.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 { j as r } from "./index.es188.js";
+import { clsx as l } from "./index.es189.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 { j as r } from "./index.es188.js";
+import { clsx as a } from "./index.es189.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 { j as e } from "./index.es188.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es188.js";
+import { clsx as l } from "./index.es189.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es204.js";
+import { useMediaQuery as N } from "./index.es197.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 { j as s } from "./index.es188.js";
+import { clsx as a } from "./index.es189.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 { j as s } from "./index.es188.js";
+import { clsx as l } from "./index.es189.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 { j as r } from "./index.es188.js";
+import { clsx as l } from "./index.es189.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 { j as s } from "./index.es188.js";
+import { clsx as t } from "./index.es189.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 { j as c } from "./index.es188.js";
+import { clsx as s } from "./index.es189.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 { j as c } from "./index.es188.js";
+import { clsx as s } from "./index.es189.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 { j as h } from "./index.es188.js";
+import { clsx as c } from "./index.es189.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 { j as c } from "./index.es188.js";
+import { clsx as s } from "./index.es189.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 { j as q } from "./index.es188.js";
+import { clsx as c } from "./index.es189.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 { j as l } from "./index.es188.js";
+import { clsx as s } from "./index.es189.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 { j as s } from "./index.es188.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es188.js";
+import { clsx as n } from "./index.es189.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 { j as l } from "./index.es188.js";
+import { clsx as o } from "./index.es189.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 { j as r } from "./index.es188.js";
+import { clsx as i } from "./index.es189.js";
+import { createColorClasses as a } from "./index.es190.js";
 const x = ({
   width: s = 24,
   height: o = 24,