@anoki/fse-ui 1.0.0-beta1.48.30 → 1.0.0-beta1.48.31

package/dist/index.es151.js

@@ -1,47 +1,158 @@
-import { j as i } from "./index.es243.js";
-import { createElement as j } from "react";
-import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import f from "./index.es270.js";
-import { AggregationItemCard as u } from "./index.es134.js";
-import { Row as o } from "./index.es9.js";
-import { Spinner as l } from "./index.es195.js";
-import { Button as m } from "./index.es28.js";
-function B({
-  title: s,
-  elements: r = [],
-  total: c,
-  totalLabels: n = { first: "Stai visualizzando", middle: "di", end: "elementi" },
-  handleLoadMore: d,
-  loading: t = !1,
-  showMoreTitle: h = "Visualizza altro ",
-  noResultsLabel: x = "Nessun risultato trovato"
-}) {
-  const p = c > (r == null ? void 0 : r.length);
-  return /* @__PURE__ */ i.jsxs("section", { className: "communication-contents d-flex section-gap flex-column", children: [
-    /* @__PURE__ */ i.jsx("h2", { className: "title", children: s }),
-    /* @__PURE__ */ i.jsx(
-      f,
-      {
-        columns: { 0: 1, 768: 2, 992: 3 },
-        gap: 24,
-        className: "masonry-component",
-        children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ j(u, { ...a, key: a._id }))
-      }
-    ),
-    /* @__PURE__ */ i.jsx(o, { className: "w-full-adpt", justifyContent: "center", m: "x12", children: t && /* @__PURE__ */ i.jsx(l, { height: 30, width: 30 }) }),
-    /* @__PURE__ */ i.jsx("span", { className: "total-elements-label", children: (r == null ? void 0 : r.length) === 0 ? /* @__PURE__ */ i.jsx("span", { children: x }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-      /* @__PURE__ */ i.jsx("span", { children: n.first }),
-      /* @__PURE__ */ i.jsxs(o, { justifyContent: "center", gap: "x4", children: [
-        /* @__PURE__ */ i.jsx("b", { children: r == null ? void 0 : r.length }),
-        /* @__PURE__ */ i.jsx("span", { children: n.middle }),
-        /* @__PURE__ */ i.jsx("span", { children: c }),
-        /* @__PURE__ */ i.jsx("span", { children: n.end })
-      ] })
-    ] }) }),
-    p && !t && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ i.jsx(o, { justifyContent: "center", alignItems: "center", mt: "x16", children: /* @__PURE__ */ i.jsx(m, { onClick: d, children: h }) })
-  ] });
-}
+import { j as r } from "./index.es225.js";
+import { useRef as L, useState as g, useCallback as x, useEffect as T } from "react";
+import { Swiper as _, SwiperSlide as V } from "./index.es242.js";
+import B from "./index.es243.js";
+import F from "./index.es244.js";
+import q from "./index.es245.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 z } from "./index.es227.js";
+import { Pause as D } from "./index.es250.js";
+import { File as G } from "./index.es186.js";
+import { ArrowLeft as f } from "./index.es173.js";
+import { PlayVideo as H } from "./index.es221.js";
+import { Col as J } from "./index.es10.js";
+import { Row as j } from "./index.es9.js";
+const ae = ({
+  slides: s = [],
+  asLink: w = "a",
+  asImage: N = "img",
+  timeout: l = 3e3,
+  openInNewTab: y = !1,
+  paginationLabel: v = "di",
+  withShadow: C = !0,
+  gradientColor: S = "#3d6289",
+  swiperHeight: I = 574
+  /* type = "full-image" */
+}) => {
+  const P = w || "a", k = N, t = L(null), [a, b] = g(0), [i, A] = g(!0), c = () => {
+    A(!i);
+  }, n = x(() => {
+    if (!t.current) return;
+    const e = t.current;
+    e.isEnd && !e.params.loop ? e.slideTo(0) : e.slideNext();
+  }, []), R = x(() => {
+    if (!t.current) return;
+    const e = t.current;
+    e.isBeginning && !e.params.loop ? e.slideTo(e.slides.length - 1) : e.slidePrev();
+  }, []);
+  T(() => {
+    const e = i ? setInterval(() => {
+      n();
+    }, l) : null;
+    return () => {
+      e && clearInterval(e);
+    };
+  }, [i, n, l]);
+  const $ = {
+    "--gradient": S
+  }, m = {
+    "--swiper-height": `${I}px`
+  };
+  return /* @__PURE__ */ r.jsx(J, { className: "ui-slider-section-wrapper-container", style: m, children: /* @__PURE__ */ r.jsx("div", { className: "ui-slider", children: /* @__PURE__ */ r.jsxs(
+    _,
+    {
+      modules: [B, F, q],
+      slidesPerView: 1,
+      autoplay: i,
+      observer: !0,
+      observeParents: !0,
+      loop: !0,
+      onSwiper: (e) => t.current = e,
+      onSlideChange: (e) => b(e.realIndex),
+      style: m,
+      children: [
+        s.map((e, E) => {
+          var p, d, h;
+          return /* @__PURE__ */ r.jsxs(V, { children: [
+            /* @__PURE__ */ r.jsx(
+              k,
+              {
+                src: e.src,
+                alt: e.alt,
+                className: "slider-image",
+                onLoad: () => {
+                  var o, u;
+                  return (u = (o = t.current) == null ? void 0 : o.update) == null ? void 0 : u.call(o);
+                }
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              "div",
+              {
+                className: z("slider-content", {
+                  "with-shadow": C
+                }),
+                style: $,
+                children: /* @__PURE__ */ r.jsx("div", { className: "container", children: /* @__PURE__ */ r.jsxs("div", { className: "slider-content-grid", children: [
+                  /* @__PURE__ */ r.jsxs("div", { className: "category", children: [
+                    e.category && /* @__PURE__ */ r.jsx(G, { fillColor: "#fff", width: 30, height: 30 }),
+                    ((p = e.category) == null ? void 0 : p.type) ?? " ",
+                    /* @__PURE__ */ r.jsx("p", { className: "date", children: ((d = e.category) == null ? void 0 : d.published_at) ?? " " })
+                  ] }),
+                  /* @__PURE__ */ r.jsx(
+                    P,
+                    {
+                      href: ((h = s[a]) == null ? void 0 : h.href) || "",
+                      target: y ? "_blank" : "_self",
+                      children: /* @__PURE__ */ r.jsx("h4", { className: "title", children: e.title })
+                    }
+                  )
+                ] }) })
+              }
+            )
+          ] }, E);
+        }),
+        /* @__PURE__ */ r.jsxs(j, { className: "pagination", gap: "x20", children: [
+          s.length > 1 && /* @__PURE__ */ r.jsxs(j, { alignItems: "center", children: [
+            /* @__PURE__ */ r.jsx(
+              f,
+              {
+                width: 40,
+                height: 40,
+                onClick: R,
+                color: "white",
+                className: "cursor-pointer"
+              }
+            ),
+            i ? /* @__PURE__ */ r.jsx(
+              D,
+              {
+                width: 20,
+                height: 20,
+                onClick: c,
+                className: "cursor-pointer"
+              }
+            ) : /* @__PURE__ */ r.jsx(
+              H,
+              {
+                width: 20,
+                height: 20,
+                onClick: c,
+                color: "white",
+                className: "cursor-pointer"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r.jsx("span", { children: `${a + 1} ${v} ${s.length}` }),
+          s.length > 1 && /* @__PURE__ */ r.jsx(
+            f,
+            {
+              width: 40,
+              height: 40,
+              className: "next cursor-pointer",
+              onClick: n,
+              color: "white"
+            }
+          )
+        ] })
+      ]
+    }
+  ) }) });
+};
 export {
-  B as CommunicationContents
+  ae as Slider
 };
 //# sourceMappingURL=index.es151.js.map

package/dist/index.es151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es151.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport { AggregationItemCard, Button, Row } from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <h2 className=\"title\">{title}</h2>\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;AAqBO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AACvB,QAAAC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAQ,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMV,GAAA;AAAA,IAC7BU,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAV,KAAA,gBAAAA,EAAU,IAAI,CAACW,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCF,gBAAAA,MAAAK,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAV,2BAAYW,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAN,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAQ,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACP,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAM,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACL,gBAAAA,EAAAA,IAAA,KAAA,EAAG,iCAAU,OAAO,CAAA;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,OAAO,CAAA;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAMR,EAAA,CAAA;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,IAAI,CAAA;AAAA,MAAA,EACzB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDc,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAL,gBAAAA,EAAAA,IAACQ,KAAO,SAASd,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es151.js","sources":["../src/sections/Slider/index.tsx"],"sourcesContent":["import {\n  CSSProperties,\n  ElementType,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Swiper, SwiperSlide } from \"swiper/react\";\nimport { Navigation, Pagination, A11y } from \"swiper/modules\";\nimport \"swiper/css\";\nimport \"swiper/css/navigation\";\nimport \"swiper/css/pagination\";\nimport \"./Slider.scss\";\nimport { ArrowLeft, File, PlayVideo } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { Pause } from \"@/icons/Pause\";\nimport { Col, Row } from \"@/components\";\n\nexport type Slide = {\n  category?: {\n    type: string;\n    published_at: string;\n  };\n  src: string;\n  alt: string;\n  title: string;\n  href?: string;\n};\nexport type SliderType = \"full-image\";\nexport type SliderProps = {\n  slides: Slide[];\n  asImage: ElementType;\n  asLink?: ElementType;\n  timeout?: number;\n  openInNewTab?: boolean;\n  paginationLabel?: string;\n  withShadow?: boolean;\n  gradientColor?: string;\n  type?: SliderType;\n  swiperHeight?: number;\n};\n\nexport const Slider: React.FC<SliderProps> = ({\n  slides = [],\n  asLink = \"a\",\n  asImage = \"img\",\n  timeout = 3000,\n  openInNewTab = false,\n  paginationLabel = \"di\",\n  withShadow = true,\n  gradientColor = \"#3d6289\",\n  swiperHeight = 574,\n  /* type = \"full-image\" */\n}) => {\n  const LinkTag = asLink || \"a\";\n  const ImageComponent = asImage;\n  const swiperRef = useRef<any>(null);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const [autoplay, setAutoplay] = useState(true);\n  const toggleAutoPlay = () => {\n    setAutoplay(!autoplay);\n  };\n\n  const goNext = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isEnd && !swiper.params.loop) {\n      swiper.slideTo(0);\n    } else {\n      swiper.slideNext();\n    }\n  }, []);\n\n  const goPrev = useCallback(() => {\n    if (!swiperRef.current) return;\n    const swiper = swiperRef.current;\n    if (swiper.isBeginning && !swiper.params.loop) {\n      swiper.slideTo(swiper.slides.length - 1);\n    } else {\n      swiper.slidePrev();\n    }\n  }, []);\n\n  useEffect(() => {\n    const intervalId = autoplay\n      ? setInterval(() => {\n          goNext();\n        }, timeout)\n      : null;\n\n    return () => {\n      if (intervalId) clearInterval(intervalId);\n    };\n  }, [autoplay, goNext, timeout]);\n\n  const gradientColorStyle = {\n    \"--gradient\": gradientColor,\n  } as CSSProperties;\n\n  const swiperStyle = {\n    \"--swiper-height\": `${swiperHeight}px`,\n  } as CSSProperties;\n\n  return (\n    <Col className=\"ui-slider-section-wrapper-container\" style={swiperStyle}>\n      <div className=\"ui-slider\">\n        <Swiper\n          modules={[Navigation, Pagination, A11y]}\n          slidesPerView={1}\n          autoplay={autoplay}\n          observer={true}\n          observeParents={true}\n          loop={true}\n          onSwiper={(swiper) => (swiperRef.current = swiper)}\n          onSlideChange={(swiper) => setCurrentIndex(swiper.realIndex)}\n          style={swiperStyle}\n        >\n          {slides.map((slide, index) => (\n            <SwiperSlide key={index}>\n              <ImageComponent\n                src={slide.src}\n                alt={slide.alt}\n                className=\"slider-image\"\n                onLoad={() => swiperRef.current?.update?.()}\n              />\n              <div\n                className={clsx(\"slider-content\", {\n                  \"with-shadow\": withShadow,\n                })}\n                style={gradientColorStyle}\n              >\n                <div className=\"container\">\n                  <div className=\"slider-content-grid\">\n                    <div className=\"category\">\n                      {slide.category && (\n                        <File fillColor=\"#fff\" width={30} height={30} />\n                      )}\n                      {slide.category?.type ?? \" \"}\n                      <p className=\"date\">\n                        {slide.category?.published_at ?? \" \"}\n                      </p>\n                    </div>\n                    <LinkTag\n                      href={slides[currentIndex]?.href || \"\"}\n                      target={openInNewTab ? \"_blank\" : \"_self\"}\n                    >\n                      <h4 className=\"title\">{slide.title}</h4>\n                    </LinkTag>\n                  </div>\n                </div>\n              </div>\n            </SwiperSlide>\n          ))}\n          <Row className=\"pagination\" gap=\"x20\">\n            {slides.length > 1 && (\n              <Row alignItems=\"center\">\n                <ArrowLeft\n                  width={40}\n                  height={40}\n                  onClick={goPrev}\n                  color=\"white\"\n                  className=\"cursor-pointer\"\n                />\n                {autoplay ? (\n                  <Pause\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    className=\"cursor-pointer\"\n                  />\n                ) : (\n                  <PlayVideo\n                    width={20}\n                    height={20}\n                    onClick={toggleAutoPlay}\n                    color=\"white\"\n                    className=\"cursor-pointer\"\n                  />\n                )}\n              </Row>\n            )}\n\n            <span>{`${currentIndex + 1} ${paginationLabel} ${slides.length}`}</span>\n            {slides.length > 1 && (\n              <ArrowLeft\n                width={40}\n                height={40}\n                className=\"next cursor-pointer\"\n                onClick={goNext}\n                color=\"white\"\n              />\n            )}\n          </Row>\n        </Swiper>\n      </div>\n    </Col>\n  );\n};\n"],"names":["Slider","slides","asLink","asImage","timeout","openInNewTab","paginationLabel","withShadow","gradientColor","swiperHeight","LinkTag","ImageComponent","swiperRef","useRef","currentIndex","setCurrentIndex","useState","autoplay","setAutoplay","toggleAutoPlay","goNext","useCallback","swiper","goPrev","useEffect","intervalId","gradientColorStyle","swiperStyle","jsx","Col","jsxs","Swiper","Navigation","Pagination","A11y","slide","index","SwiperSlide","_b","_a","clsx","File","_c","Row","ArrowLeft","Pause","PlayVideo"],"mappings":"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"}

package/dist/index.es152.js

@@ -1,63 +1,47 @@
-import { j as e } from "./index.es243.js";
-import { ArrowRight as a } from "./index.es173.js";
-import { Tag as p } from "./index.es106.js";
-import { Col as x } from "./index.es10.js";
-import { Row as r } from "./index.es9.js";
-import { Link as f } from "./index.es99.js";
-const h = ({
+import { j as i } from "./index.es225.js";
+import { createElement as j } from "react";
+import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
+import f from "./index.es252.js";
+import { AggregationItemCard as u } from "./index.es134.js";
+import { Row as o } from "./index.es9.js";
+import { Spinner as l } from "./index.es196.js";
+import { Button as m } from "./index.es28.js";
+function B({
   title: s,
-  mainTag: o = {
-    label: "Tutto",
-    onClick: () => {
-    },
-    selected: !0
-  },
-  tags: l,
-  showAllHref: i,
-  showAllLabel: c = "Scopri tutti tags",
-  onTagClick: n
-}) => /* @__PURE__ */ e.jsxs(x, { gap: "x28", children: [
-  /* @__PURE__ */ e.jsxs(r, { alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ e.jsx("h2", { className: "title text-slate-20 fs-custom fw-bold", children: s }),
-    /* @__PURE__ */ e.jsx(
+  elements: r = [],
+  total: c,
+  totalLabels: n = { first: "Stai visualizzando", middle: "di", end: "elementi" },
+  handleLoadMore: d,
+  loading: t = !1,
+  showMoreTitle: h = "Visualizza altro ",
+  noResultsLabel: x = "Nessun risultato trovato"
+}) {
+  const p = c > (r == null ? void 0 : r.length);
+  return /* @__PURE__ */ i.jsxs("section", { className: "communication-contents d-flex section-gap flex-column", children: [
+    /* @__PURE__ */ i.jsx("h2", { className: "title", children: s }),
+    /* @__PURE__ */ i.jsx(
       f,
       {
-        transform: "uppercase",
-        decoration: "fw-semibold text-primary fs-8 mr-x8 text-decoration-none",
-        title: c,
-        src: i ?? "",
-        icon: a
+        columns: { 0: 1, 768: 2, 992: 3 },
+        gap: 24,
+        className: "masonry-component",
+        children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ j(u, { ...a, key: a._id }))
       }
-    )
-  ] }),
-  /* @__PURE__ */ e.jsx(
-    r,
-    {
-      alignItems: "center",
-      className: "overflow-auto w-auto",
-      gap: "x16",
-      flexWrap: "wrap",
-      children: [
-        {
-          name: o.label,
-          selected: o.selected,
-          onClick: o.onClick
-        },
-        ...l
-      ].map((t, m) => /* @__PURE__ */ e.jsx(
-        p,
-        {
-          mode: "filter",
-          label: t.name ?? "",
-          onClick: (t == null ? void 0 : t.onClick) ?? n,
-          selected: t.selected
-        },
-        m
-      ))
-    }
-  )
-] });
+    ),
+    /* @__PURE__ */ i.jsx(o, { className: "w-full-adpt", justifyContent: "center", m: "x12", children: t && /* @__PURE__ */ i.jsx(l, { height: 30, width: 30 }) }),
+    /* @__PURE__ */ i.jsx("span", { className: "total-elements-label", children: (r == null ? void 0 : r.length) === 0 ? /* @__PURE__ */ i.jsx("span", { children: x }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+      /* @__PURE__ */ i.jsx("span", { children: n.first }),
+      /* @__PURE__ */ i.jsxs(o, { justifyContent: "center", gap: "x4", children: [
+        /* @__PURE__ */ i.jsx("b", { children: r == null ? void 0 : r.length }),
+        /* @__PURE__ */ i.jsx("span", { children: n.middle }),
+        /* @__PURE__ */ i.jsx("span", { children: c }),
+        /* @__PURE__ */ i.jsx("span", { children: n.end })
+      ] })
+    ] }) }),
+    p && !t && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ i.jsx(o, { justifyContent: "center", alignItems: "center", mt: "x16", children: /* @__PURE__ */ i.jsx(m, { onClick: d, children: h }) })
+  ] });
+}
 export {
-  h as TagsSection
+  B as CommunicationContents
 };
 //# sourceMappingURL=index.es152.js.map

package/dist/index.es152.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es152.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\nimport { ArrowRight } from \"@/icons\";\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\n\nexport type FilterTag = {\n  selected: boolean;\n  onClick?: () => void;\n} & Partial<AggregationPage>;\n\ntype Props = {\n  title: string;\n  showAllLabel?: string;\n  showAllHref?: string;\n  mainTag: {\n    label?: string;\n    onClick?: () => void;\n    selected?: boolean;\n  };\n  tags: Array<FilterTag>;\n  onTagClick: () => void;\n};\n\nexport const TagsSection = ({\n  title,\n  mainTag = {\n    label: \"Tutto\",\n    onClick: () => {},\n    selected: true,\n  },\n  tags,\n  showAllHref,\n  showAllLabel = \"Scopri tutti tags\",\n  onTagClick,\n}: Props) => {\n  return (\n    <Col gap=\"x28\">\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        <Link\n          transform=\"uppercase\"\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\n          title={showAllLabel}\n          src={showAllHref ?? \"\"}\n          icon={ArrowRight}\n        />\n      </Row>\n\n      <Row\n        alignItems=\"center\"\n        className=\"overflow-auto w-auto\"\n        gap=\"x16\"\n        flexWrap=\"wrap\"\n      >\n        {[\n          {\n            name: mainTag.label,\n            selected: mainTag.selected,\n            onClick: mainTag.onClick,\n          },\n          ...tags,\n        ].map((tag, index) => (\n          <Tag\n            key={index}\n            mode=\"filter\"\n            label={tag.name ?? \"\"}\n            onClick={tag?.onClick ?? onTagClick}\n            selected={tag.selected}\n          />\n        ))}\n      </Row>\n    </Col>\n  );\n};\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAI,EAAA,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,YAAW,UAAS,gBAAe,iBACtC,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAC7DS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QACnB;AAAA,QACA,GAAGC;AAAA,MACH,EAAA,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAMR,CAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}
+{"version":3,"file":"index.es152.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport { AggregationItemCard, Button, Row } from \"../../components\";\nimport \"./CommunicationContents.scss\";\nimport Masonry from \"react-layout-masonry\";\n\nexport type CommunicationContentsProps = {\n  sectionId?: string;\n  title: string;\n  elements: any[];\n  total: number;\n  totalLabels?: {\n    first: string;\n    middle: string;\n    end: string;\n  };\n  loading?: boolean;\n  handleLoadMore: () => void;\n  showMoreTitle?: string;\n  noResultsLabel?: string;\n};\n\nexport function CommunicationContents({\n  title,\n  elements = [],\n  total,\n  totalLabels = { first: \"Stai visualizzando\", middle: \"di\", end: \"elementi\" },\n  handleLoadMore,\n  loading = false,\n  showMoreTitle = \"Visualizza altro \",\n  noResultsLabel = \"Nessun risultato trovato\",\n}: CommunicationContentsProps) {\n  const showMoreButtonVisible = total > elements?.length;\n\n  return (\n    <section className=\"communication-contents d-flex section-gap flex-column\">\n      <h2 className=\"title\">{title}</h2>\n      <Masonry\n        columns={{ 0: 1, 768: 2, 992: 3 }}\n        gap={24}\n        className=\"masonry-component\"\n      >\n        {elements?.map((element) => (\n          <AggregationItemCard {...element} key={element._id} />\n        ))}\n      </Masonry>\n      <Row className=\"w-full-adpt\" justifyContent=\"center\" m=\"x12\">\n        {loading && <Spinner height={30} width={30} />}\n      </Row>\n      <span className=\"total-elements-label\">\n        {elements?.length === 0 ? (\n          <span>{noResultsLabel}</span>\n        ) : (\n          <>\n            <span>{totalLabels.first}</span>\n            <Row justifyContent=\"center\" gap=\"x4\">\n              <b>{elements?.length}</b>\n              <span>{totalLabels.middle}</span>\n              <span>{total}</span>\n              <span>{totalLabels.end}</span>\n            </Row>\n          </>\n        )}\n      </span>\n      {showMoreButtonVisible && !loading && elements?.length > 0 && (\n        <Row justifyContent=\"center\" alignItems=\"center\" mt=\"x16\">\n          <Button onClick={handleLoadMore}>{showMoreTitle}</Button>\n        </Row>\n      )}\n    </section>\n  );\n}\n"],"names":["CommunicationContents","title","elements","total","totalLabels","handleLoadMore","loading","showMoreTitle","noResultsLabel","showMoreButtonVisible","jsxs","jsx","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;AAqBO,SAASA,EAAsB;AAAA,EACpC,OAAAC;AAAA,EACA,UAAAC,IAAW,CAAC;AAAA,EACZ,OAAAC;AAAA,EACA,aAAAC,IAAc,EAAE,OAAO,sBAAsB,QAAQ,MAAM,KAAK,WAAW;AAAA,EAC3E,gBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB;AACnB,GAA+B;AACvB,QAAAC,IAAwBN,KAAQD,KAAA,gBAAAA,EAAU;AAG9C,SAAAQ,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,yDACjB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMV,GAAA;AAAA,IAC7BU,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAV,KAAA,gBAAAA,EAAU,IAAI,CAACW,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCF,gBAAAA,MAAAK,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAV,2BAAYW,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAN,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAQ,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACP,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAM,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACL,gBAAAA,EAAAA,IAAA,KAAA,EAAG,iCAAU,OAAO,CAAA;AAAA,QACrBA,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,OAAO,CAAA;AAAA,QAC1BO,gBAAAA,EAAAA,IAAC,UAAM,UAAMR,EAAA,CAAA;AAAA,QACbQ,gBAAAA,EAAAA,IAAC,QAAM,EAAA,UAAAP,EAAY,IAAI,CAAA;AAAA,MAAA,EACzB,CAAA;AAAA,IAAA,EAAA,CACF,EAEJ,CAAA;AAAA,IACCK,KAAyB,CAACH,MAAWJ,KAAA,gBAAAA,EAAU,UAAS,2BACtDc,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAL,gBAAAA,EAAAA,IAACQ,KAAO,SAASd,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es153.js

@@ -1,14 +1,63 @@
-import { j as e } from "./index.es243.js";
-import { CommunicationSearch as s } from "./index.es135.js";
-const m = ({
-  title: t,
-  /* tags, */
-  searchProps: o
-}) => /* @__PURE__ */ e.jsxs("section", { className: "d-flex flex-column gap-x28", children: [
-  /* @__PURE__ */ e.jsx("h2", { className: "title text-slate-20 fw-bold fs-2", children: t }),
-  /* @__PURE__ */ e.jsx(s, { ...o })
+import { j as e } from "./index.es225.js";
+import { ArrowRight as a } from "./index.es174.js";
+import { Tag as p } from "./index.es106.js";
+import { Col as x } from "./index.es10.js";
+import { Row as r } from "./index.es9.js";
+import { Link as f } from "./index.es99.js";
+const h = ({
+  title: s,
+  mainTag: o = {
+    label: "Tutto",
+    onClick: () => {
+    },
+    selected: !0
+  },
+  tags: l,
+  showAllHref: i,
+  showAllLabel: c = "Scopri tutti tags",
+  onTagClick: n
+}) => /* @__PURE__ */ e.jsxs(x, { gap: "x28", children: [
+  /* @__PURE__ */ e.jsxs(r, { alignItems: "center", justifyContent: "space-between", children: [
+    /* @__PURE__ */ e.jsx("h2", { className: "title text-slate-20 fs-custom fw-bold", children: s }),
+    /* @__PURE__ */ e.jsx(
+      f,
+      {
+        transform: "uppercase",
+        decoration: "fw-semibold text-primary fs-8 mr-x8 text-decoration-none",
+        title: c,
+        src: i ?? "",
+        icon: a
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e.jsx(
+    r,
+    {
+      alignItems: "center",
+      className: "overflow-auto w-auto",
+      gap: "x16",
+      flexWrap: "wrap",
+      children: [
+        {
+          name: o.label,
+          selected: o.selected,
+          onClick: o.onClick
+        },
+        ...l
+      ].map((t, m) => /* @__PURE__ */ e.jsx(
+        p,
+        {
+          mode: "filter",
+          label: t.name ?? "",
+          onClick: (t == null ? void 0 : t.onClick) ?? n,
+          selected: t.selected
+        },
+        m
+      ))
+    }
+  )
 ] });
 export {
-  m as CommunicationSearchSection
+  h as TagsSection
 };
 //# sourceMappingURL=index.es153.js.map

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":";;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oCAAoC,UAAMH,GAAA;AAAA,EACxDG,gBAAAA,MAACC,GAAqB,EAAA,GAAGH,EAAa,CAAA;AAAA,GAExC;"}
+{"version":3,"file":"index.es153.js","sources":["../src/sections/TagsSection/index.tsx"],"sourcesContent":["import { Col, Link, Row, Tag } from \"@/components\";\nimport { ArrowRight } from \"@/icons\";\nimport { AggregationPage } from \"@anoki/fse-common/dist\";\n\nexport type FilterTag = {\n  selected: boolean;\n  onClick?: () => void;\n} & Partial<AggregationPage>;\n\ntype Props = {\n  title: string;\n  showAllLabel?: string;\n  showAllHref?: string;\n  mainTag: {\n    label?: string;\n    onClick?: () => void;\n    selected?: boolean;\n  };\n  tags: Array<FilterTag>;\n  onTagClick: () => void;\n};\n\nexport const TagsSection = ({\n  title,\n  mainTag = {\n    label: \"Tutto\",\n    onClick: () => {},\n    selected: true,\n  },\n  tags,\n  showAllHref,\n  showAllLabel = \"Scopri tutti tags\",\n  onTagClick,\n}: Props) => {\n  return (\n    <Col gap=\"x28\">\n      <Row alignItems=\"center\" justifyContent=\"space-between\">\n        <h2 className=\"title text-slate-20 fs-custom fw-bold\">{title}</h2>\n        <Link\n          transform=\"uppercase\"\n          decoration=\"fw-semibold text-primary fs-8 mr-x8 text-decoration-none\"\n          title={showAllLabel}\n          src={showAllHref ?? \"\"}\n          icon={ArrowRight}\n        />\n      </Row>\n\n      <Row\n        alignItems=\"center\"\n        className=\"overflow-auto w-auto\"\n        gap=\"x16\"\n        flexWrap=\"wrap\"\n      >\n        {[\n          {\n            name: mainTag.label,\n            selected: mainTag.selected,\n            onClick: mainTag.onClick,\n          },\n          ...tags,\n        ].map((tag, index) => (\n          <Tag\n            key={index}\n            mode=\"filter\"\n            label={tag.name ?? \"\"}\n            onClick={tag?.onClick ?? onTagClick}\n            selected={tag.selected}\n          />\n        ))}\n      </Row>\n    </Col>\n  );\n};\n"],"names":["TagsSection","title","mainTag","tags","showAllHref","showAllLabel","onTagClick","jsxs","Col","Row","jsx","Link","ArrowRight","tag","index","Tag"],"mappings":";;;;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,IACR,OAAO;AAAA,IACP,SAAS,MAAM;AAAA,IAAC;AAAA,IAChB,UAAU;AAAA,EACZ;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AACF,MAEIC,gBAAAA,EAAA,KAACC,GAAI,EAAA,KAAI,OACP,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,YAAW,UAAS,gBAAe,iBACtC,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,yCAAyC,UAAMT,GAAA;AAAA,IAC7DS,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,YAAW;AAAA,QACX,OAAON;AAAA,QACP,KAAKD,KAAe;AAAA,QACpB,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GACF;AAAA,EAEAF,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,YAAW;AAAA,MACX,WAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAS;AAAA,MAER,UAAA;AAAA,QACC;AAAA,UACE,MAAMP,EAAQ;AAAA,UACd,UAAUA,EAAQ;AAAA,UAClB,SAASA,EAAQ;AAAA,QACnB;AAAA,QACA,GAAGC;AAAA,MACH,EAAA,IAAI,CAACU,GAAKC,MACVJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,OAAOF,EAAI,QAAQ;AAAA,UACnB,UAASA,KAAA,gBAAAA,EAAK,YAAWP;AAAA,UACzB,UAAUO,EAAI;AAAA,QAAA;AAAA,QAJTC;AAAA,MAMR,CAAA;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es154.js

@@ -1,50 +1,14 @@
-import { j as r } from "./index.es243.js";
-import './sections/TableList/TableList.css';/* empty css            */
-import { HTML as f } from "./index.es145.js";
-import n from "react";
-import { clsx as o } from "./index.es245.js";
-import { Section as s } from "./index.es54.js";
-import { Col as p } from "./index.es10.js";
-var u = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(u || {});
-const b = ({
+import { j as e } from "./index.es225.js";
+import { CommunicationSearch as s } from "./index.es135.js";
+const m = ({
   title: t,
-  description: e,
-  fontSize: l = "2",
-  mdFontSize: m = "2",
-  classNameTitle: i,
-  additionalClass: a,
-  variantClassTable: c = "text-left",
-  children: x
-}) => /* @__PURE__ */ r.jsxs(
-  s,
-  {
-    className: o("base-col ui-table-list-section", a),
-    children: [
-      /* @__PURE__ */ r.jsxs(p, { className: "ui-table-list-content", children: [
-        t && /* @__PURE__ */ r.jsx(
-          s.Title,
-          {
-            fs: l,
-            mdFs: m,
-            className: i,
-            color: "blue-48",
-            children: t
-          }
-        ),
-        e && /* @__PURE__ */ r.jsx(
-          s.Description,
-          {
-            className: o("text-slate-28", c),
-            children: typeof e == "string" && n.isValidElement(e) ? e : f(e.toString(), "div")
-          }
-        )
-      ] }),
-      x
-    ]
-  }
-);
+  /* tags, */
+  searchProps: o
+}) => /* @__PURE__ */ e.jsxs("section", { className: "d-flex flex-column gap-x28", children: [
+  /* @__PURE__ */ e.jsx("h2", { className: "title text-slate-20 fw-bold fs-2", children: t }),
+  /* @__PURE__ */ e.jsx(s, { ...o })
+] });
 export {
-  u as TableAlignment,
-  b as TableList
+  m as CommunicationSearchSection
 };
 //# sourceMappingURL=index.es154.js.map

package/dist/index.es154.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es154.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\nexport enum TableAlignment {\n  LEFT = \"text-left\",\n  CENTER = \"text-center\",\n  RIGHT = \"text-right\",\n}\n\ntype TableListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n}>;\n\nexport const TableList = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  children,\n}: TableListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n            color={\"blue-48\"}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description\n            className={clsx(\"text-slate-28\", variantClassTable)}\n          >\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","jsxs","Section","clsx","Col","jsx","React","HTML"],"mappings":";;;;;;;AASY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,aACPA,EAAA,SAAS,eACTA,EAAA,QAAQ,cAHEA,IAAAA,KAAA,CAAA,CAAA;AAkBL,MAAMC,IAAY,CAAC;AAAA,EACxB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,kCAAkCL,CAAe;AAAA,IAEjE,UAAA;AAAA,MAACG,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,yBACZ,UAAA;AAAA,QACCX,KAAAY,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,IAAIP;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,OAAO;AAAA,YAEN,UAAAJ;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,KACCW,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,WAAWC,EAAK,iBAAiBJ,CAAiB;AAAA,YAEjD,UAAO,OAAAL,KAAgB,YACxBY,EAAM,eAAeZ,CAAW,IAC5BA,IACAa,EAAKb,EAAY,SAAS,GAAG,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACxC,GAEJ;AAAA,MACCM;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es154.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import { CommunicationSearch, CommunicationSearchProps } from \"@/components\";\n\ntype Props = {\n  title: string;\n  tags?: Array<{ title: string; href: string }>;\n  searchProps: CommunicationSearchProps;\n};\n\nexport const CommunicationSearchSection = ({\n  title,\n  /* tags, */\n  searchProps,\n}: Props) => {\n  return (\n    <section className=\"d-flex flex-column gap-x28\">\n      <h2 className=\"title text-slate-20 fw-bold fs-2\">{title}</h2>\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","CommunicationSearch"],"mappings":";;AAQO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,oCAAoC,UAAMH,GAAA;AAAA,EACxDG,gBAAAA,MAACC,GAAqB,EAAA,GAAGH,EAAa,CAAA;AAAA,GAExC;"}