@anoki/fse-ui 2.1.0-SNAPSHOT3 → 2.1.0-SNAPSHOT5

package/dist/index.es150.js

@@ -1,17 +1,28 @@
-import { j as r } from "./index.es249.js";
-import { VerticalCardStepper as c } from "./index.es125.js";
-import { Section as e } from "./index.es55.js";
-const p = ({
-  title: s,
-  description: t,
+import { j as t } from "./index.es249.js";
+import { VerticalCardStepper as i } from "./index.es125.js";
+import { Section as m, SectionHeading as a } from "./index.es55.js";
+const x = ({
+  title: e,
+  description: r,
   steps: o,
-  type: i
-}) => /* @__PURE__ */ r.jsxs(e, { children: [
-  /* @__PURE__ */ r.jsx(e.Title, { color: "blue-48", fs: "2", mdFs: "1", className: "mb-x16", children: s }),
-  /* @__PURE__ */ r.jsx(e.Description, { color: "slate-14", fs: "6", className: "mb-x36", children: t }),
-  /* @__PURE__ */ r.jsx(c, { steps: o, type: i })
+  type: s
+}) => /* @__PURE__ */ t.jsxs(m, { children: [
+  /* @__PURE__ */ t.jsx(
+    a,
+    {
+      title: e,
+      description: r,
+      color: "blue-48",
+      fs: "2",
+      mdFs: "1",
+      className: "mb-x16",
+      descriptionClassName: "text-slate-14 fs-6",
+      descriptionMarginBottom: "mb-x36"
+    }
+  ),
+  /* @__PURE__ */ t.jsx(i, { steps: o, type: s })
 ] });
 export {
-  p as VerticalCardStepperSection
+  x as VerticalCardStepperSection
 };
 //# sourceMappingURL=index.es150.js.map

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\n        {title}\n      </Section.Title>\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\n        {description}\n      </Section.Description>\n\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":";;;AASO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAACC,gBAAAA,EAAAA,IAAAD,EAAQ,OAAR,EAAc,OAAM,WAAU,IAAG,KAAI,MAAK,KAAI,WAAU,UACtD,UACHJ,EAAA,CAAA;AAAA,EACAK,gBAAAA,EAAAA,IAACD,EAAQ,aAAR,EAAoB,OAAM,YAAW,IAAG,KAAI,WAAU,UACpD,UACHH,EAAA,CAAA;AAAA,EAEAI,gBAAAA,EAAAA,IAACC,GAAoB,EAAA,OAAAJ,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}
+{"version":3,"file":"index.es150.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import {\n  Section,\n  SectionHeading,\n  Step,\n  StepVariantEnum,\n  VerticalCardStepper,\n} from \"@/components\";\n\ntype Props = {\n  title: string;\n  description: string;\n  steps: Step[];\n  type: StepVariantEnum;\n};\n\nexport const VerticalCardStepperSection = ({\n  title,\n  description,\n  steps,\n  type,\n}: Props) => {\n  return (\n    <Section>\n      <SectionHeading\n        title={title}\n        description={description}\n        color=\"blue-48\"\n        fs=\"2\"\n        mdFs=\"1\"\n        className=\"mb-x16\"\n        descriptionClassName=\"text-slate-14 fs-6\"\n        descriptionMarginBottom=\"mb-x36\"\n      />\n      <VerticalCardStepper steps={steps} type={type} />\n    </Section>\n  );\n};\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","SectionHeading","VerticalCardStepper"],"mappings":";;;AAeO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AACF,6BAEKC,GACC,EAAA,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAN;AAAA,MACA,aAAAC;AAAA,MACA,OAAM;AAAA,MACN,IAAG;AAAA,MACH,MAAK;AAAA,MACL,WAAU;AAAA,MACV,sBAAqB;AAAA,MACrB,yBAAwB;AAAA,IAAA;AAAA,EAC1B;AAAA,EACAI,gBAAAA,EAAAA,IAACE,GAAoB,EAAA,OAAAL,GAAc,MAAAC,EAAY,CAAA;AAAA,GACjD;"}

package/dist/index.es151.js

@@ -1,28 +1,34 @@
 import { j as e } from "./index.es249.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
-import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es449.js";
-import { Search as u } from "./index.es11.js";
-import { GridContainer as h } from "./index.es7.js";
+import { useState as c, useMemo as p } from "react";
+import { useDebouncedValue as x } from "./index.es265.js";
+import { Search as d } from "./index.es11.js";
+import { GridContainer as u } from "./index.es7.js";
 import { GridItem as f } from "./index.es8.js";
-import { Section as m } from "./index.es55.js";
-import { Col as j } from "./index.es10.js";
-import { Row as b } from "./index.es9.js";
-import { CardFile as C } from "./index.es102.js";
-const Q = ({ title: n, headerTitle: l, data: s = [] }) => {
-  const [i, c] = p(""), o = d(i.trim().toLowerCase(), 300), a = x(() => o ? s.filter(
-    (t) => [
-      t.title,
-      t.description
-    ].some(
-      (r) => r == null ? void 0 : r.toLowerCase().includes(o)
+import { Section as h, SectionHeading as j } from "./index.es55.js";
+import { Col as b } from "./index.es10.js";
+import { Row as C } from "./index.es9.js";
+import { CardFile as w } from "./index.es102.js";
+const R = ({ title: m, headerTitle: n, data: o = [] }) => {
+  const [i, l] = c(""), s = x(i.trim().toLowerCase(), 300), a = p(() => s ? o.filter(
+    (t) => [t.title, t.description].some(
+      (r) => r == null ? void 0 : r.toLowerCase().includes(s)
     )
-  ) : s, [o, s]);
-  return /* @__PURE__ */ e.jsxs(m, { className: "table-card", children: [
-    /* @__PURE__ */ e.jsx(m.Title, { mdFs: "2", fs: "3", color: "blue-48", as: "h1", className: "table-card-section-title", children: n }),
-    /* @__PURE__ */ e.jsxs(j, { children: [
+  ) : o, [s, o]);
+  return /* @__PURE__ */ e.jsxs(h, { className: "table-card", children: [
+    /* @__PURE__ */ e.jsx(
+      j,
+      {
+        title: m,
+        mdFs: "2",
+        fs: "3",
+        color: "blue-48",
+        className: "table-card-section-title"
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(b, { children: [
       /* @__PURE__ */ e.jsxs(
-        b,
+        C,
         {
           alignItems: "flex-start",
           className: "header-row",
@@ -30,7 +36,7 @@ const Q = ({ title: n, headerTitle: l, data: s = [] }) => {
           flexWrap: "wrap",
           children: [
             /* @__PURE__ */ e.jsxs("h1", { className: "update-title", children: [
-              l,
+              n,
               " ",
               /* @__PURE__ */ e.jsxs("span", { children: [
                 "(",
@@ -39,23 +45,23 @@ const Q = ({ title: n, headerTitle: l, data: s = [] }) => {
               ] })
             ] }),
             /* @__PURE__ */ e.jsx(
-              u,
+              d,
               {
                 variant: "outlined",
                 btnText: "",
                 helperText: "",
                 value: i,
-                onChangeValue: c
+                onChangeValue: l
               }
             )
           ]
         }
       ),
-      /* @__PURE__ */ e.jsx(h, { gap: "x24", mt: "x32", px: "x12", children: a.map((t, r) => /* @__PURE__ */ e.jsx(f, { sm: 6, md: 4, children: /* @__PURE__ */ e.jsx(C, { ...t }) }, `table-card-${r}`)) })
+      /* @__PURE__ */ e.jsx(u, { gap: "x24", mt: "x32", px: "x12", children: a.map((t, r) => /* @__PURE__ */ e.jsx(f, { sm: 6, md: 4, children: /* @__PURE__ */ e.jsx(w, { ...t }) }, `table-card-${r}`)) })
     ] })
   ] });
 };
 export {
-  Q as TableCard
+  R as TableCard
 };
 //# sourceMappingURL=index.es151.js.map

package/dist/index.es151.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es151.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\n} from \"@/components\";\nimport \"./TableCard.scss\";\nimport { useMemo, useState } from \"react\";\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\nimport { CardFileProps } from \"@/components/ui/CardFile\";\n\ntype Props = {\n  title: string;\n  headerTitle: string;\n  data?: CardFileProps[];\n};\n\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\n  const [query, setQuery] = useState(\"\");\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\n\n  const filtered = useMemo(() => {\n    if (!debouncedQuery) return data;\n    return data.filter((u) =>\n      [\n        u.title,\n        u.description,\n      ].some((field) => \n        field?.toLowerCase().includes(debouncedQuery)\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h1\" className=\"table-card-section-title\">\n        {title}\n      </Section.Title>\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <h1 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h1>\n          <Search\n            variant=\"outlined\"\n            btnText=\"\"\n            helperText=\"\"\n            value={query}\n            onChangeValue={setQuery}\n          />\n        </Row>\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\n          {filtered.map((el, index) => (\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\n              <CardFile {...el} />\n            </GridItem>\n          ))}\n        </GridContainer>\n      </Col>\n    </Section>\n  );\n};\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":";;;;;;;;;;;AAoBa,MAAAA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,SAAgB;AACrE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAiBC,EAAkBJ,EAAM,OAAO,eAAe,GAAG,GAElEK,IAAWC,EAAQ,MAClBH,IACEJ,EAAK;AAAA,IAAO,CAACQ,MAClB;AAAA,MACEA,EAAE;AAAA,MACFA,EAAE;AAAA,IAAA,EACF;AAAA,MAAK,CAACC,MACNA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAEhD,IAR4BJ,GAS3B,CAACI,GAAgBJ,CAAI,CAAC;AAGvB,SAAAU,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA,IAACD,EAAQ,OAAR,EAAc,MAAK,KAAI,IAAG,KAAI,OAAM,WAAU,IAAG,MAAK,WAAU,4BAC9D,UACHb,GAAA;AAAA,2BACCe,GACC,EAAA,UAAA;AAAA,MAAAH,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAACJ,gBAAAA,EAAAA,KAAA,MAAA,EAAG,WAAU,gBACX,UAAA;AAAA,cAAAX;AAAA,cAAY;AAAA,qCAAE,QAAK,EAAA,UAAA;AAAA,gBAAA;AAAA,gBAAEO,EAAS;AAAA,gBAAO;AAAA,cAAA,EAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACAM,gBAAAA,EAAA;AAAA,cAACG;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOd;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MACCU,gBAAAA,EAAA,IAAAI,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAASV,EAAA,IAAI,CAACW,GAAIC,MACjBN,gBAAAA,MAACO,GAAqC,EAAA,IAAI,GAAG,IAAI,GAC/C,UAAAP,gBAAAA,EAAA,IAACQ,GAAU,EAAA,GAAGH,EAAI,CAAA,EAAA,GADL,cAAcC,CAAK,EAElC,CACD,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es151.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\n  CardFile,\n  Col,\n  GridContainer,\n  GridItem,\n  Row,\n  Search,\n  Section,\n  SectionHeading,\n} from \"@/components\";\nimport \"./TableCard.scss\";\nimport { useMemo, useState } from \"react\";\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\nimport { CardFileProps } from \"@/components/ui/CardFile\";\n\ntype Props = {\n  title: string;\n  headerTitle: string;\n  data?: CardFileProps[];\n};\n\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\n  const [query, setQuery] = useState(\"\");\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\n\n  const filtered = useMemo(() => {\n    if (!debouncedQuery) return data;\n    return data.filter((u) =>\n      [u.title, u.description].some((field) =>\n        field?.toLowerCase().includes(debouncedQuery),\n      ),\n    );\n  }, [debouncedQuery, data]);\n\n  return (\n    <Section className=\"table-card\">\n      <SectionHeading\n        title={title}\n        mdFs=\"2\"\n        fs=\"3\"\n        color=\"blue-48\"\n        className=\"table-card-section-title\"\n      />\n      <Col>\n        <Row\n          alignItems=\"flex-start\"\n          className=\"header-row\"\n          justifyContent=\"space-between\"\n          flexWrap=\"wrap\"\n        >\n          <h1 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h1>\n          <Search\n            variant=\"outlined\"\n            btnText=\"\"\n            helperText=\"\"\n            value={query}\n            onChangeValue={setQuery}\n          />\n        </Row>\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\n          {filtered.map((el, index) => (\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\n              <CardFile {...el} />\n            </GridItem>\n          ))}\n        </GridContainer>\n      </Col>\n    </Section>\n  );\n};\n"],"names":["TableCard","title","headerTitle","data","query","setQuery","useState","debouncedQuery","useDebouncedValue","filtered","useMemo","u","field","jsxs","Section","jsx","SectionHeading","Col","Row","Search","GridContainer","el","index","GridItem","CardFile"],"mappings":";;;;;;;;;;;AAqBa,MAAAA,IAAY,CAAC,EAAE,OAAAC,GAAO,aAAAC,GAAa,MAAAC,IAAO,SAAgB;AACrE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAE,GAC/BC,IAAiBC,EAAkBJ,EAAM,OAAO,eAAe,GAAG,GAElEK,IAAWC,EAAQ,MAClBH,IACEJ,EAAK;AAAA,IAAO,CAACQ,MAClB,CAACA,EAAE,OAAOA,EAAE,WAAW,EAAE;AAAA,MAAK,CAACC,MAC7BA,KAAA,gBAAAA,EAAO,cAAc,SAASL;AAAA,IAAc;AAAA,EAEhD,IAL4BJ,GAM3B,CAACI,GAAgBJ,CAAI,CAAC;AAGvB,SAAAU,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,cACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,MAAK;AAAA,QACL,IAAG;AAAA,QACH,OAAM;AAAA,QACN,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,2BACCgB,GACC,EAAA,UAAA;AAAA,MAAAJ,gBAAAA,EAAA;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,gBAAe;AAAA,UACf,UAAS;AAAA,UAET,UAAA;AAAA,YAACL,gBAAAA,EAAAA,KAAA,MAAA,EAAG,WAAU,gBACX,UAAA;AAAA,cAAAX;AAAA,cAAY;AAAA,qCAAE,QAAK,EAAA,UAAA;AAAA,gBAAA;AAAA,gBAAEO,EAAS;AAAA,gBAAO;AAAA,cAAA,EAAC,CAAA;AAAA,YAAA,GACzC;AAAA,YACAM,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,SAAQ;AAAA,gBACR,YAAW;AAAA,gBACX,OAAOf;AAAA,gBACP,eAAeC;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MACF;AAAA,MACCU,gBAAAA,EAAA,IAAAK,GAAA,EAAc,KAAI,OAAM,IAAG,OAAM,IAAG,OAClC,UAASX,EAAA,IAAI,CAACY,GAAIC,MACjBP,gBAAAA,MAACQ,GAAqC,EAAA,IAAI,GAAG,IAAI,GAC/C,UAAAR,gBAAAA,EAAA,IAACS,GAAU,EAAA,GAAGH,EAAI,CAAA,EAAA,GADL,cAAcC,CAAK,EAElC,CACD,EACH,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es152.js

@@ -1,15 +1,15 @@
 import { j as r } from "./index.es249.js";
 import { useRef as M, useState as f, useCallback as x, useEffect as T } from "react";
-import { Swiper as $, SwiperSlide as E } from "./index.es407.js";
-import G from "./index.es408.js";
-import U from "./index.es409.js";
-import B from "./index.es450.js";
+import { Swiper as $, SwiperSlide as E } from "./index.es266.js";
+import G from "./index.es267.js";
+import U from "./index.es268.js";
+import B from "./index.es269.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.es250.js";
-import { Pause as V } from "./index.es452.js";
+import { clsx as F } from "./index.es251.js";
+import { Pause as V } from "./index.es274.js";
 import { File as q } from "./index.es188.js";
 import { ArrowLeft as j } from "./index.es175.js";
 import { PlayVideo as z } from "./index.es223.js";

package/dist/index.es153.js

@@ -1,47 +1,48 @@
 import { j as i } from "./index.es249.js";
 import { createElement as j } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import f from "./index.es454.js";
-import { AggregationItemCard as u } from "./index.es135.js";
-import { Row as o } from "./index.es9.js";
+import f from "./index.es276.js";
+import { AggregationItemCard as m } from "./index.es135.js";
+import { SectionHeading as u } from "./index.es55.js";
+import { Row as n } from "./index.es9.js";
 import { Spinner as l } from "./index.es198.js";
-import { Button as m } from "./index.es28.js";
-function B({
+import { Button as g } from "./index.es28.js";
+function E({
   title: s,
   elements: r = [],
-  total: c,
-  totalLabels: n = { first: "Stai visualizzando", middle: "di", end: "elementi" },
+  total: t,
+  totalLabels: o = { first: "Stai visualizzando", middle: "di", end: "elementi" },
   handleLoadMore: d,
-  loading: t = !1,
-  showMoreTitle: h = "Visualizza altro ",
+  loading: c = !1,
+  showMoreTitle: p = "Visualizza altro ",
   noResultsLabel: x = "Nessun risultato trovato"
 }) {
-  const p = c > (r == null ? void 0 : r.length);
+  const h = t > (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(u, { className: "title", title: 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 }))
+        children: r == null ? void 0 : r.map((a) => /* @__PURE__ */ j(m, { ...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(n, { className: "w-full-adpt", justifyContent: "center", m: "x12", children: c && /* @__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("span", { children: o.first }),
+      /* @__PURE__ */ i.jsxs(n, { 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 })
+        /* @__PURE__ */ i.jsx("span", { children: o.middle }),
+        /* @__PURE__ */ i.jsx("span", { children: t }),
+        /* @__PURE__ */ i.jsx("span", { children: o.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 }) })
+    h && !c && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ i.jsx(n, { justifyContent: "center", alignItems: "center", mt: "x16", children: /* @__PURE__ */ i.jsx(g, { onClick: d, children: p }) })
   ] });
 }
 export {
-  B as CommunicationContents
+  E as CommunicationContents
 };
 //# sourceMappingURL=index.es153.js.map

package/dist/index.es153.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es153.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.es153.js","sources":["../src/sections/CommunicationContents/index.tsx"],"sourcesContent":["import { Spinner } from \"@/icons\";\nimport {\n  AggregationItemCard,\n  Button,\n  Row,\n  SectionHeading,\n} 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      <SectionHeading className=\"title\" title={title} />\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","SectionHeading","Masonry","element","createElement","AggregationItemCard","Row","Spinner","Fragment","Button"],"mappings":";;;;;;;;;AA0BO,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,EAAAA,IAAAC,GAAA,EAAe,WAAU,SAAQ,OAAAX,EAAc,CAAA;AAAA,IAChDU,gBAAAA,EAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,SAAS,EAAE,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE;AAAA,QAChC,KAAK;AAAA,QACL,WAAU;AAAA,QAET,UAAAX,KAAA,gBAAAA,EAAU,IAAI,CAACY,MACd,gBAAAC,EAACC,GAAqB,EAAA,GAAGF,GAAS,KAAKA,EAAQ,IAAA,CAAK;AAAA,MACrD;AAAA,IACH;AAAA,IACCH,gBAAAA,MAAAM,GAAA,EAAI,WAAU,eAAc,gBAAe,UAAS,GAAE,OACpD,UAAAX,2BAAYY,GAAQ,EAAA,QAAQ,IAAI,OAAO,GAAI,CAAA,GAC9C;AAAA,IACAP,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,wBACb,WAAAT,KAAA,gBAAAA,EAAU,YAAW,IACnBS,gBAAAA,EAAA,IAAA,QAAA,EAAM,UAAeH,EAAA,CAAA,IAGpBE,gBAAAA,OAAAS,EAAAA,UAAA,EAAA,UAAA;AAAA,MAACR,gBAAAA,EAAAA,IAAA,QAAA,EAAM,YAAY,MAAM,CAAA;AAAA,MACxBD,gBAAAA,EAAA,KAAAO,GAAA,EAAI,gBAAe,UAAS,KAAI,MAC/B,UAAA;AAAA,QAACN,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,2BACtDe,GAAI,EAAA,gBAAe,UAAS,YAAW,UAAS,IAAG,OAClD,UAAAN,gBAAAA,EAAAA,IAACS,KAAO,SAASf,GAAiB,aAAc,EAClD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es155.js

@@ -1,14 +1,22 @@
-import { j as e } from "./index.es249.js";
-import { CommunicationSearch as s } from "./index.es136.js";
-const m = ({
+import { j as o } from "./index.es249.js";
+import { CommunicationSearch as i } from "./index.es136.js";
+import { SectionHeading as m } from "./index.es55.js";
+const a = ({
   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 })
+  searchProps: e
+}) => /* @__PURE__ */ o.jsxs("section", { className: "d-flex flex-column gap-x28", children: [
+  /* @__PURE__ */ o.jsx(
+    m,
+    {
+      className: "title",
+      title: t,
+      titleMarginBottom: "mb-x0"
+    }
+  ),
+  /* @__PURE__ */ o.jsx(i, { ...e })
 ] });
 export {
-  m as CommunicationSearchSection
+  a as CommunicationSearchSection
 };
 //# sourceMappingURL=index.es155.js.map

package/dist/index.es155.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es155.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.es155.js","sources":["../src/sections/CommunicationSearchSection/index.tsx"],"sourcesContent":["import {\n  CommunicationSearch,\n  CommunicationSearchProps,\n  SectionHeading,\n} 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      <SectionHeading\n        className=\"title\"\n        title={title}\n        titleMarginBottom=\"mb-x0\"\n      />\n      <CommunicationSearch {...searchProps} />\n      {/* tags && <TagsSection /> */}\n    </section>\n  );\n};\n"],"names":["CommunicationSearchSection","title","searchProps","jsxs","jsx","SectionHeading","CommunicationSearch"],"mappings":";;;AAYO,MAAMA,IAA6B,CAAC;AAAA,EACzC,OAAAC;AAAA;AAAA,EAEA,aAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,WAAQ,EAAA,WAAU,8BACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,OAAAJ;AAAA,MACA,mBAAkB;AAAA,IAAA;AAAA,EACpB;AAAA,EACAG,gBAAAA,MAACE,GAAqB,EAAA,GAAGJ,EAAa,CAAA;AAAA,GAExC;"}

package/dist/index.es156.js

@@ -1,50 +1,48 @@
-import { j as r } from "./index.es249.js";
+import { j as o } from "./index.es249.js";
 import './sections/TableList/TableList.css';/* empty css            */
-import { HTML as f } from "./index.es147.js";
-import n from "react";
-import { clsx as o } from "./index.es250.js";
-import { Section as s } from "./index.es55.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 { HTML as x } from "./index.es147.js";
+import f from "react";
+import { clsx as r } from "./index.es251.js";
+import { Section as p, SectionHeading as d } from "./index.es55.js";
+import { Col as u } from "./index.es10.js";
+var j = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(j || {});
+const C = ({
   title: t,
   description: e,
-  fontSize: l = "2",
-  mdFontSize: m = "2",
-  classNameTitle: i,
+  fontSize: s = "2",
+  mdFontSize: i = "2",
+  classNameTitle: m,
   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,
+  variantClassTable: l = "text-left",
+  children: c
+}) => {
+  const n = e ? typeof e == "string" && f.isValidElement(e) ? e : x(e.toString(), "div") : void 0;
+  return /* @__PURE__ */ o.jsxs(
+    p,
+    {
+      className: r("base-col ui-table-list-section", a),
+      children: [
+        /* @__PURE__ */ o.jsx(u, { className: "ui-table-list-content", children: /* @__PURE__ */ o.jsx(
+          d,
           {
-            fs: l,
-            mdFs: m,
-            className: i,
+            fs: s,
+            mdFs: i,
+            className: m,
+            titleMarginBottom: "0",
+            descriptionMarginBottom: "0",
             color: "blue-48",
-            children: t
+            title: t,
+            description: n,
+            descriptionClassName: r("text-slate-28", l)
           }
-        ),
-        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
-    ]
-  }
-);
+        ) }),
+        c
+      ]
+    }
+  );
+};
 export {
-  u as TableAlignment,
-  b as TableList
+  j as TableAlignment,
+  C as TableList
 };
 //# sourceMappingURL=index.es156.js.map

package/dist/index.es156.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es156.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.es156.js","sources":["../src/sections/TableList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } 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  const desc = !!description\n    ? typeof description === \"string\" && React.isValidElement(description)\n      ? description\n      : HTML(description.toString(), \"div\")\n    : undefined;\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-list-content\">\n        <SectionHeading\n          fs={fontSize}\n          mdFs={mdFontSize}\n          className={classNameTitle}\n          titleMarginBottom=\"0\"\n          descriptionMarginBottom=\"0\"\n          color={\"blue-48\"}\n          title={title}\n          description={desc}\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\n        />\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableAlignment","TableList","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","children","desc","React","HTML","jsxs","Section","clsx","jsx","Col","SectionHeading"],"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,MAAsB;AACpB,QAAMC,IAASP,IACX,OAAOA,KAAgB,YAAYQ,EAAM,eAAeR,CAAW,IACjEA,IACAS,EAAKT,EAAY,SAAS,GAAG,KAAK,IACpC;AAEF,SAAAU,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,kCAAkCR,CAAe;AAAA,MAEjE,UAAA;AAAA,QAACS,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,WAAU,yBACb,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,IAAId;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,mBAAkB;AAAA,YAClB,yBAAwB;AAAA,YACxB,OAAO;AAAA,YACP,OAAAJ;AAAA,YACA,aAAaQ;AAAA,YACb,sBAAsBK,EAAK,iBAAiBP,CAAiB;AAAA,UAAA;AAAA,QAAA,GAEjE;AAAA,QACCC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es157.js

@@ -1,86 +1,83 @@
-import { j as l } from "./index.es249.js";
+import { j as i } from "./index.es249.js";
 import './sections/TableMobileList/TableMobileList.css';/* empty css            */
-import { HTML as F } from "./index.es147.js";
-import R from "react";
-import { clsx as t } from "./index.es250.js";
-import { TableAlignment as S } from "./index.es156.js";
-import { TableMobile as _ } from "./index.es75.js";
-import { Section as r } from "./index.es55.js";
-import { Col as v } from "./index.es10.js";
-const B = ({
-  title: s,
+import { HTML as h } from "./index.es147.js";
+import v from "react";
+import { clsx as m } from "./index.es251.js";
+import { TableAlignment as w } from "./index.es156.js";
+import { TableMobile as B } from "./index.es75.js";
+import { Section as C, SectionHeading as F } from "./index.es55.js";
+import { Col as H } from "./index.es10.js";
+const G = ({
+  title: e,
   description: o,
-  tableJson: m,
-  fontSize: e = "2",
-  mdFontSize: i = "2",
-  classNameTitle: a,
-  additionalClass: c,
-  variantClassTable: n = S.LEFT,
-  pagination: f = !0,
-  resultsPerPage: u = 5,
-  sortConfig: x,
-  onSortChange: p,
-  totalResults: b,
-  initialCurrentPage: j,
-  serverSidePagination: T,
-  totalItems: d,
-  hasNextPage: h,
-  hasPreviousPage: N,
-  onNextPage: g,
-  onPreviousPage: E,
-  onPageChange: L,
-  setCurrentPage: M,
-  children: w
-}) => /* @__PURE__ */ l.jsxs(
-  r,
+  tableJson: t,
+  fontSize: r = "2",
+  mdFontSize: s = "2",
+  classNameTitle: l,
+  additionalClass: a,
+  variantClassTable: c = w.LEFT,
+  pagination: n = !0,
+  resultsPerPage: f = 5,
+  sortConfig: p,
+  onSortChange: u,
+  totalResults: x,
+  initialCurrentPage: d,
+  serverSidePagination: b,
+  totalItems: g,
+  hasNextPage: j,
+  hasPreviousPage: M,
+  onNextPage: T,
+  onPreviousPage: N,
+  onPageChange: E,
+  setCurrentPage: L,
+  children: S
+}) => /* @__PURE__ */ i.jsxs(
+  C,
   {
-    className: t("base-col ui-table-mobile-list-section", c),
+    className: m("base-col ui-table-mobile-list-section", a),
     children: [
-      /* @__PURE__ */ l.jsxs(v, { className: "ui-table-mobile-list-content", children: [
-        s && /* @__PURE__ */ l.jsx(
-          r.Title,
+      /* @__PURE__ */ i.jsxs(H, { className: "ui-table-mobile-list-content", children: [
+        /* @__PURE__ */ i.jsx(
+          F,
           {
-            fs: e,
-            mdFs: i,
-            className: a,
+            title: e,
+            fs: r,
+            mdFs: s,
+            className: l,
+            descriptionClassName: m("text-slate-28", c),
             color: "blue-48",
-            children: s
+            description: o ? typeof o == "string" && v.isValidElement(o) ? o : h(o.toString(), "div") : void 0,
+            descriptionMarginBottom: "0",
+            titleMarginBottom: "0"
           }
         ),
-        o && /* @__PURE__ */ l.jsx(
-          r.Description,
+        t && t.columns && t.rows && /* @__PURE__ */ i.jsx(
+          B,
           {
-            className: t("text-slate-28", n),
-            children: typeof o == "string" && R.isValidElement(o) ? o : F(o.toString(), "div")
-          }
-        ),
-        m && m.columns && m.rows && /* @__PURE__ */ l.jsx(
-          _,
-          {
-            data: m.rows,
-            columns: m.columns,
-            pagination: f,
-            resultsPerPage: u,
-            sortConfig: x,
-            onSortChange: p,
-            totalResults: b,
-            initialCurrentPage: j,
-            serverSidePagination: T,
-            totalItems: d,
-            hasNextPage: h,
-            hasPreviousPage: N,
-            onNextPage: g,
-            onPreviousPage: E,
-            onPageChange: L,
-            setCurrentPage: M
+            data: t.rows,
+            columns: t.columns,
+            pagination: n,
+            resultsPerPage: f,
+            sortConfig: p,
+            onSortChange: u,
+            totalResults: x,
+            initialCurrentPage: d,
+            serverSidePagination: b,
+            totalItems: g,
+            hasNextPage: j,
+            hasPreviousPage: M,
+            onNextPage: T,
+            onPreviousPage: N,
+            onPageChange: E,
+            setCurrentPage: L
           }
         )
       ] }),
-      w
+      S
     ]
   }
 );
 export {
-  B as TableMobileList
+  G as TableMobileList
 };
 //# sourceMappingURL=index.es157.js.map