@anoki/fse-ui 1.0.0-beta1.37.20 → 1.0.0-beta1.37.22

package/dist/index.es110.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es235.js";
-import { clsx as m } from "./index.es236.js";
+import { clsx as m } from "./index.es237.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.es156.js";

package/dist/index.es111.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es235.js";
-import { clsx as p } from "./index.es236.js";
+import { clsx as p } from "./index.es237.js";
 import { useState as f, useRef as w, useEffect as h } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
 import { Close as D } from "./index.es156.js";

package/dist/index.es112.js

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

package/dist/index.es113.js

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

package/dist/index.es115.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es235.js";
 import { useState as c } from "react";
-import { StepItem as f } from "./index.es382.js";
+import { StepItem as f } from "./index.es407.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es384.js";
+import S from "./index.es409.js";
 const h = ({
   steps: s,
   mainTitle: l,

package/dist/index.es116.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es235.js";
 import { useState as i } from "react";
-import { StepItemGenericAccordion as m } from "./index.es385.js";
+import { StepItemGenericAccordion as m } from "./index.es410.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 const x = ({
   mainTitle: c,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
 import { useRef as l, useState as x, useEffect as E } from "react";
-import { clsx as g } from "./index.es236.js";
+import { clsx as g } from "./index.es237.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
   isOpen: o = !1,

package/dist/index.es119.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es235.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es41.js";
-import { Image as _ } from "./index.es390.js";
+import { Image as _ } from "./index.es415.js";
 var m = /* @__PURE__ */ ((e) => (e.WITH_TOPIC_DATE = "withTopicDate", e.NO_TOPIC_DATE = "noTopicDate", e))(m || {});
 const p = ({
   variant: e = "withTopicDate",

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es235.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es236.js";
+import { clsx as l } from "./index.es237.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es243.js";
+import { useMediaQuery as N } from "./index.es269.js";
 import { Close as I } from "./index.es156.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es28.js";

package/dist/index.es121.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es235.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es392.js";
-import c from "./index.es393.js";
-import n from "./index.es394.js";
+import { Swiper as t, SwiperSlide as o } from "./index.es252.js";
+import c from "./index.es253.js";
+import n from "./index.es254.js";
 import './components/ui/Carousel/Carousel.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */

package/dist/index.es122.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es235.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es236.js";
+import { clsx as l } from "./index.es237.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
 import { ShareLink as f } from "./index.es202.js";
 import { Meta as h } from "./index.es212.js";

package/dist/index.es124.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es235.js";
-import { clsx as a } from "./index.es236.js";
+import { clsx as a } from "./index.es237.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as i } from "./index.es296.js";
-import { DoctorModalFooter as n } from "./index.es297.js";
+import { DoctorModalContent as i } from "./index.es322.js";
+import { DoctorModalFooter as n } from "./index.es323.js";
 import { BaseModal as l } from "./index.es43.js";
 const o = ({
   open: r,

package/dist/index.es125.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es235.js";
-import { clsx as x } from "./index.es236.js";
+import { clsx as x } from "./index.es237.js";
 import { useState as w, useRef as g, useEffect as j, useMemo as R } from "react";
 import './components/ui/DeclarantsSelect/DeclarantsSelect.css';/* empty css            */
 import { Close as z } from "./index.es156.js";

package/dist/index.es126.js

@@ -1,8 +1,8 @@
 import { j as m } from "./index.es235.js";
-import { clsx as s } from "./index.es236.js";
+import { clsx as s } from "./index.es237.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { CreateReservationModalFooter as i } from "./index.es404.js";
-import { CreateReservationModalContent as n } from "./index.es405.js";
+import { CreateReservationModalFooter as i } from "./index.es423.js";
+import { CreateReservationModalContent as n } from "./index.es424.js";
 import { BaseModal as p } from "./index.es43.js";
 const o = ({
   open: r,

package/dist/index.es127.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es235.js";
-import { clsx as e } from "./index.es236.js";
+import { clsx as e } from "./index.es237.js";
 import './components/ui/InfoSectionCard/InfoSectionCard.css';/* empty css            */
 import { Col as s } from "./index.es10.js";
 const d = ({ title: o, children: t }) => /* @__PURE__ */ r.jsx("label", { className: e("shadow  br-x4 ui-radio-card-container"), children: /* @__PURE__ */ r.jsxs(s, { style: { width: "100%" }, children: [

package/dist/index.es128.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es235.js";
-import { clsx as h } from "./index.es236.js";
+import { clsx as h } from "./index.es237.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
-import { CreditCard as f } from "./index.es408.js";
+import { CreditCard as f } from "./index.es427.js";
 import { EditPencil as b } from "./index.es197.js";
 import { Col as s } from "./index.es10.js";
 import { Row as a } from "./index.es9.js";

package/dist/index.es129.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es235.js";
-import { clsx as c } from "./index.es236.js";
+import { clsx as c } from "./index.es237.js";
 import { ArrowLink as f } from "./index.es41.js";
 import './components/ui/FeaturedCard/FeaturedCard.css';/* empty css            */
 var x = /* @__PURE__ */ ((e) => (e.LANDSCAPE = "landscape", e.SQUARE = "square", e))(x || {});

package/dist/index.es13.js

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

package/dist/index.es130.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es235.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as M } from "./index.es411.js";
-import { Questions as y } from "./index.es412.js";
+import { Rating as M } from "./index.es430.js";
+import { Questions as y } from "./index.es431.js";
 import { useState as o, useEffect as z } from "react";
-import { CardComponent as B } from "./index.es413.js";
+import { CardComponent as B } from "./index.es432.js";
 /* empty css            */
 function U({
   question: f,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
-import { CtaCardIcon as d } from "./index.es415.js";
+import { CtaCardIcon as d } from "./index.es434.js";
 var C = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(C || {});
 const h = ({
   type: r = "Evento",

package/dist/index.es133.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es235.js";
-import { clsx as o } from "./index.es236.js";
+import { clsx as o } from "./index.es237.js";
 import { Col as c } from "./index.es10.js";
 import { Row as e } from "./index.es9.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es134.js

@@ -1,21 +1,22 @@
 import { j as e } from "./index.es235.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as o } from "./index.es236.js";
-import { useState as u } from "react";
+import { clsx as o } from "./index.es237.js";
+import { useState as h } from "react";
 import { Close as v } from "./index.es156.js";
-import { Col as C } from "./index.es10.js";
-import { Button as N } from "./index.es28.js";
-const F = ({
-  btnText: p,
-  helperText: x = "Cosa vuoi approfondire?",
-  value: f,
-  items: g,
-  setValue: b
+import { Col as N } from "./index.es10.js";
+import { Button as y } from "./index.es28.js";
+const V = ({
+  btnText: u,
+  helperText: p = "Cosa vuoi approfondire?",
+  value: x,
+  items: f,
+  setValue: g,
+  setSelectedElement: b
 }) => {
-  const [r, c] = u(f), [d, l] = u([]), h = (s) => {
+  const [r, c] = h(x), [d, l] = h([]), j = (s) => {
     const a = s.target.value;
     if (c(a), a.length >= 3) {
-      const t = g.map((i) => ({
+      const t = f.map((i) => ({
         category: i.category,
         items: i.items.filter(
           (m) => {
@@ -27,9 +28,9 @@ const F = ({
       l(t);
     } else
       l([]);
-  }, j = (s) => {
+  }, w = (s) => {
     c(s.name), l([]), b(s);
-  }, w = (s, a) => {
+  }, C = (s, a) => {
     if (!a) return s;
     const t = s.toLowerCase().indexOf(a.toLowerCase());
     if (t === -1) return s;
@@ -58,10 +59,10 @@ const F = ({
                 "ui-communication-search-input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"
               ),
-              placeholder: x,
+              placeholder: p,
               "aria-label": "Barra di ricerca",
               value: r,
-              onChange: h
+              onChange: j
             }
           ),
           r && r.length >= 3 && /* @__PURE__ */ e.jsx(
@@ -75,7 +76,7 @@ const F = ({
           )
         ] }),
         d.length > 0 && /* @__PURE__ */ e.jsx("div", { className: "ui-wrap-list-item-search shadow position-absolute py-x24", children: /* @__PURE__ */ e.jsx(
-          C,
+          N,
           {
             gap: "x24",
             fw: "regular",
@@ -87,9 +88,9 @@ const F = ({
               /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((t) => /* @__PURE__ */ e.jsx(
                 "li",
                 {
-                  onClick: () => j(t),
+                  onClick: () => w(t),
                   className: "cursor-pointer py-x8 px-x24",
-                  children: w(t.name, r || "")
+                  children: C(t.name, r || "")
                 },
                 t.id
               )) })
@@ -97,16 +98,16 @@ const F = ({
           }
         ) }),
         /* @__PURE__ */ e.jsx("div", { className: o("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
-          N,
+          y,
           {
             className: o(
               "ui-btn-search",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              l([]), h({ target: { value: r ?? "" } });
+              l([]), g(r ?? "");
             },
-            children: p
+            children: u
           }
         ) })
       ]
@@ -114,6 +115,6 @@ const F = ({
   );
 };
 export {
-  F as CommunicationSearch
+  V as CommunicationSearch
 };
 //# sourceMappingURL=index.es134.js.map

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  setValue: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  items,\n  setValue,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items\n        .map((group) => ({\n          category: group.category,\n          items: group.items.filter((item) =>\n            item.name?.toLowerCase().includes(inputValue.toLowerCase()),\n          ),\n        }))\n        .filter((group) => group.items.length > 0);\n\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n    setValue(item);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute py-x24\">\n          <Col\n            gap=\"x24\"\n            fw=\"regular\"\n            text=\"secondary\"\n            fs=\"6\"\n            className=\"ui-list-item-search overflow-y-auto\"\n          >\n            {filteredItems.map((group, index) => (\n              <div key={index}>\n                <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                  {group.category}\n                </h4>\n                <ul className=\"list-unstyled\">\n                  {group.items.map((item) => (\n                    <li\n                      key={item.id}\n                      onClick={() => handleSelectItem(item)}\n                      className=\"cursor-pointer py-x8 px-x24\"\n                    >\n                      {highlightMatch(item.name, valueInput || \"\")}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            handleInputChange({ target: { value: valueInput ?? \"\" } } as any);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"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"}
+{"version":3,"file":"index.es134.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  items,\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items\n        .map((group) => ({\n          category: group.category,\n          items: group.items.filter((item) =>\n            item.name?.toLowerCase().includes(inputValue.toLowerCase()),\n          ),\n        }))\n        .filter((group) => group.items.length > 0);\n\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n    setSelectedElement(item);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute py-x24\">\n          <Col\n            gap=\"x24\"\n            fw=\"regular\"\n            text=\"secondary\"\n            fs=\"6\"\n            className=\"ui-list-item-search overflow-y-auto\"\n          >\n            {filteredItems.map((group, index) => (\n              <div key={index}>\n                <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                  {group.category}\n                </h4>\n                <ul className=\"list-unstyled\">\n                  {group.items.map((item) => (\n                    <li\n                      key={item.id}\n                      onClick={() => handleSelectItem(item)}\n                      className=\"cursor-pointer py-x8 px-x24\"\n                    >\n                      {highlightMatch(item.name, valueInput || \"\")}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","items","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","Button"],"mappings":"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"}

package/dist/index.es136.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es235.js";
 import { Section as l } from "./index.es53.js";
-import { clsx as v } from "./index.es236.js";
+import { clsx as v } from "./index.es237.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as c } from "./index.es421.js";
+import { l as c } from "./index.es239.js";
 import { CardCategory as m } from "./index.es30.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es41.js";

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { clsx as m } from "./index.es236.js";
+import { clsx as m } from "./index.es237.js";
 import { Section as o } from "./index.es53.js";
 import { Col as h } from "./index.es10.js";
 import { Button as u } from "./index.es28.js";

package/dist/index.es138.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es235.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTML as a } from "./index.es143.js";
 import n from "react";
-import { clsx as x } from "./index.es236.js";
+import { clsx as x } from "./index.es237.js";
 import { Section as o } from "./index.es53.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es139.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es235.js";
 import { Section as i } from "./index.es53.js";
-import { clsx as v } from "./index.es236.js";
+import { clsx as v } from "./index.es237.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as s } from "./index.es421.js";
+import { l as s } from "./index.es239.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as g } from "./index.es41.js";
 import { CardCategory as j } from "./index.es30.js";

package/dist/index.es14.js

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

package/dist/index.es140.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { Section as c } from "./index.es53.js";
-import { clsx as u } from "./index.es236.js";
+import { clsx as u } from "./index.es237.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es34.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es235.js";
-import i from "./index.es428.js";
-import a from "./index.es318.js";
+import i from "./index.es246.js";
+import a from "./index.es247.js";
 const z = (n, t = void 0) => {
   const e = i.sanitize(n).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es145.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es235.js";
-import { clsx as c } from "./index.es236.js";
+import { clsx as c } from "./index.es237.js";
 import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
 import { Section as l } from "./index.es53.js";
 const _ = {

package/dist/index.es147.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es235.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es432.js";
+import { useDebouncedValue as d } from "./index.es251.js";
 import { Search as u } from "./index.es11.js";
 import { GridContainer as h } from "./index.es7.js";
 import { GridItem as f } from "./index.es8.js";

package/dist/index.es148.js

@@ -1,15 +1,15 @@
 import { j as r } from "./index.es235.js";
 import { useRef as E, useState as g, useCallback as u, useEffect as L } from "react";
-import { Swiper as T, SwiperSlide as _ } from "./index.es392.js";
-import $ from "./index.es393.js";
-import V from "./index.es394.js";
-import B from "./index.es433.js";
+import { Swiper as T, SwiperSlide as _ } from "./index.es252.js";
+import $ from "./index.es253.js";
+import V from "./index.es254.js";
+import B from "./index.es255.js";
 import './sections/Slider/Slider.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */
 /* empty css            */
-import { clsx as F } from "./index.es236.js";
-import { Pause as q } from "./index.es435.js";
+import { clsx as F } from "./index.es237.js";
+import { Pause as q } from "./index.es260.js";
 import { File as z } from "./index.es181.js";
 import { ArrowLeft as f } from "./index.es168.js";
 import { PlayVideo as D } from "./index.es214.js";

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es235.js";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import l from "./index.es437.js";
+import l from "./index.es262.js";
 import { AggregationItemCard as m } from "./index.es133.js";
 import { Row as t } from "./index.es9.js";
 import { Spinner as p } from "./index.es191.js";

package/dist/index.es15.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es235.js";
 import { useState as w } from "react";
-import { clsx as n } from "./index.es236.js";
+import { clsx as n } from "./index.es237.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as E } from "./index.es243.js";
+import { useMediaQuery as E } from "./index.es269.js";
 import { Close as M } from "./index.es156.js";
 import { Col as R } from "./index.es10.js";
 import { Button as G } from "./index.es28.js";

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
-import { clsx as t } from "./index.es236.js";
-import { createColorClasses as e } from "./index.es239.js";
+import { clsx as t } from "./index.es237.js";
+import { createColorClasses as e } from "./index.es263.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es153.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
-import { clsx as a } from "./index.es236.js";
-import { createColorClasses as i } from "./index.es239.js";
+import { clsx as a } from "./index.es237.js";
+import { createColorClasses as i } from "./index.es263.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
-import { clsx as l } from "./index.es236.js";
-import { createColorClasses as a } from "./index.es239.js";
+import { clsx as l } from "./index.es237.js";
+import { createColorClasses as a } from "./index.es263.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
-import { clsx as a } from "./index.es236.js";
-import { createColorClasses as l } from "./index.es239.js";
+import { clsx as a } from "./index.es237.js";
+import { createColorClasses as l } from "./index.es263.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
-import { clsx as a } from "./index.es236.js";
-import { createColorClasses as i } from "./index.es239.js";
+import { clsx as a } from "./index.es237.js";
+import { createColorClasses as i } from "./index.es263.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
-import { clsx as l } from "./index.es236.js";
-import { createColorClasses as a } from "./index.es239.js";
+import { clsx as l } from "./index.es237.js";
+import { createColorClasses as a } from "./index.es263.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
-import { clsx as l } from "./index.es236.js";
-import { createColorClasses as c } from "./index.es239.js";
+import { clsx as l } from "./index.es237.js";
+import { createColorClasses as c } from "./index.es263.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
-import { clsx as t } from "./index.es236.js";
-import { createColorClasses as e } from "./index.es239.js";
+import { clsx as t } from "./index.es237.js";
+import { createColorClasses as e } from "./index.es263.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es16.js

@@ -1,8 +1,8 @@
 import { j as r } from "./index.es235.js";
 import { Container as p } from "./index.es6.js";
-import { Divider as j } from "./index.es247.js";
+import { Divider as j } from "./index.es273.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as N } from "./index.es236.js";
+import { clsx as N } from "./index.es237.js";
 import { FseDGT as b } from "./index.es160.js";
 import { FseMEF as w } from "./index.es162.js";
 import { FseMS as v } from "./index.es164.js";

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
-import { clsx as s } from "./index.es236.js";
-import { createColorClasses as a } from "./index.es239.js";
+import { clsx as s } from "./index.es237.js";
+import { createColorClasses as a } from "./index.es263.js";
 const V = ({
   width: l = 263,
   height: h = 40,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es235.js";
-import { clsx as M } from "./index.es236.js";
-import { createColorClasses as t } from "./index.es239.js";
+import { clsx as M } from "./index.es237.js";
+import { createColorClasses as t } from "./index.es263.js";
 const i = ({
   width: v = 137,
   height: h = 40,