@anoki/fse-ui 1.0.0-beta1.44.4 → 1.0.0-beta1.44.6

package/dist/index.es146.js

@@ -1,94 +1,34 @@
-import { j as s } from "./index.es237.js";
-import { clsx as c } from "./index.es238.js";
-import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
-import { Section as l } from "./index.es54.js";
-const _ = {
-  // Layout FULL (1 colonna)
-  FULL_1_1: "FULL_1_1",
-  FULL_4_3: "FULL_4_3",
-  FULL_16_9: "FULL_16_9",
-  FULL_21_9: "FULL_21_9",
-  FULL_32_9: "FULL_32_9",
-  // Layout TWO_COL (2 colonne)
-  TWO_COL_1_1: "TWO_COL_1_1",
-  TWO_COL_4_3: "TWO_COL_4_3",
-  TWO_COL_16_9: "TWO_COL_16_9",
-  TWO_COL_21_9: "TWO_COL_21_9",
-  TWO_COL_32_9: "TWO_COL_32_9",
-  // Layout THREE_COL (3 colonne)
-  THREE_COL_1_1: "THREE_COL_1_1",
-  THREE_COL_4_3: "THREE_COL_4_3",
-  THREE_COL_16_9: "THREE_COL_16_9",
-  THREE_COL_21_9: "THREE_COL_21_9",
-  THREE_COL_32_9: "THREE_COL_32_9"
-}, d = ({
-  title: i,
-  items: t = [],
-  layout: a = _.FULL_1_1,
-  className: r
-}) => {
-  const o = ((e) => {
-    switch (e) {
-      // Layout FULL (1 colonna)
-      case _.FULL_1_1:
-        return "images-description-layout-full-1-1";
-      case _.FULL_4_3:
-        return "images-description-layout-full-4-3";
-      case _.FULL_16_9:
-        return "images-description-layout-full-16-9";
-      case _.FULL_21_9:
-        return "images-description-layout-full-21-9";
-      case _.FULL_32_9:
-        return "images-description-layout-full-32-9";
-      // Layout TWO_COL (2 colonne)
-      case _.TWO_COL_1_1:
-        return "images-description-layout-two-col-1-1";
-      case _.TWO_COL_4_3:
-        return "images-description-layout-two-col-4-3";
-      case _.TWO_COL_16_9:
-        return "images-description-layout-two-col-16-9";
-      case _.TWO_COL_21_9:
-        return "images-description-layout-two-col-21-9";
-      case _.TWO_COL_32_9:
-        return "images-description-layout-two-col-32-9";
-      // Layout THREE_COL (3 colonne)
-      case _.THREE_COL_1_1:
-        return "images-description-layout-three-col-1-1";
-      case _.THREE_COL_4_3:
-        return "images-description-layout-three-col-4-3";
-      case _.THREE_COL_16_9:
-        return "images-description-layout-three-col-16-9";
-      case _.THREE_COL_21_9:
-        return "images-description-layout-three-col-21-9";
-      case _.THREE_COL_32_9:
-        return "images-description-layout-three-col-32-9";
-      default:
-        return "";
+import { j as s } from "./index.es239.js";
+import './sections/Insights/Insights.css';/* empty css            */
+import { CardPreview as o } from "./index.es120.js";
+import { Section as e } from "./index.es54.js";
+const d = ({
+  title: t,
+  items: i = [],
+  colorTitle: r = "slate-20",
+  showBackgroundRectangle: l = !0
+}) => /* @__PURE__ */ s.jsxs(e, { className: "ui-insights-section", children: [
+  l && /* @__PURE__ */ s.jsx("div", { className: "ui-insights-background-rectangle" }),
+  /* @__PURE__ */ s.jsx("div", { className: "ui-insights-items-section-title", children: /* @__PURE__ */ s.jsx(
+    e.Title,
+    {
+      className: "ui-insights-items-section-title",
+      as: "h3",
+      color: r,
+      children: t
     }
-  })(a);
-  return /* @__PURE__ */ s.jsx(l, { className: c("base-col images-description-section", r), children: /* @__PURE__ */ s.jsx(
+  ) }),
+  /* @__PURE__ */ s.jsx(
     "ul",
     {
       role: "list",
-      "aria-label": `Raccolta di ${i}`,
-      className: `list-style-none ${o}`,
-      children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ s.jsxs("li", { className: "images-description-item", children: [
-        /* @__PURE__ */ s.jsx("div", { className: "images-description-item-image-container", children: /* @__PURE__ */ s.jsx(
-          "img",
-          {
-            src: e.image.src,
-            alt: e.image.alt,
-            title: e.image.title,
-            className: "images-description-item-image"
-          }
-        ) }),
-        /* @__PURE__ */ s.jsx("div", { className: "images-description-item-content", children: /* @__PURE__ */ s.jsx("p", { className: "images-description-item-description text-slate-28 fs-9", children: e.description }) })
-      ] }, e._id))
+      "aria-label": `Lista di ${t}`,
+      className: "list-style-none ui-insights-items-layout",
+      children: i == null ? void 0 : i.map((n, a) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(o, { ...n }) }, a))
     }
-  ) });
-};
+  )
+] });
 export {
-  _ as IMAGES_DESCRIPTION_LAYOUTS,
-  d as ImagesDescription
+  d as Insights
 };
 //# sourceMappingURL=index.es146.js.map

package/dist/index.es146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es146.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqDtB,QAAAC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAG;AAAA;AAAA,MAET,KAAKP,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MAET;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,+BACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,eAAeR,CAAK;AAAA,MAChC,WAAW,mBAAmBI,CAAe;AAAA,MAE5C,iCAAO,IAAI,CAACK,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKC,EAAK,MAAM;AAAA,YAChB,KAAKA,EAAK,MAAM;AAAA,YAChB,OAAOA,EAAK,MAAM;AAAA,YAClB,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKC,EAAA,YACR,CAAA,EACF,CAAA;AAAA,MAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"index.es146.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./Insights.scss\";\n\ntype Props = {\n  title: string;\n  items: CardPreviewProps[];\n  colorTitle?: ColorKeys;\n  showBackgroundRectangle?: boolean;\n};\n\nexport const Insights = ({\n  title,\n  items = [],\n  colorTitle = \"slate-20\",\n  showBackgroundRectangle = true,\n}: Props) => {\n  return (\n    <Section className=\"ui-insights-section\">\n      {showBackgroundRectangle && (\n        <div className=\"ui-insights-background-rectangle\"></div>\n      )}\n      <div className=\"ui-insights-items-section-title\">\n        <Section.Title\n          className=\"ui-insights-items-section-title\"\n          as={\"h3\"}\n          color={colorTitle}\n        >\n          {title}\n        </Section.Title>\n      </div>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardPreview {...item} />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":";;;;AAWO,MAAMA,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,yBAAAC,IAA0B;AAC5B,MAEIC,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,uBAChB,UAAA;AAAA,EACCF,KAAAG,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCAAmC,CAAA;AAAA,EAEpDA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA;AAAA,IAACD,EAAQ;AAAA,IAAR;AAAA,MACC,WAAU;AAAA,MACV,IAAI;AAAA,MACJ,OAAOH;AAAA,MAEN,UAAAF;AAAA,IAAA;AAAA,EAAA,GAEL;AAAA,EACAM,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYN,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,UAAOC,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,4BAEd,MACC,EAAA,UAAAF,gBAAAA,EAAA,IAACG,KAAa,GAAGF,EAAA,CAAM,KADhBC,CAET;AAAA,IAEH;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es147.js

@@ -1,17 +1,94 @@
-import { j as r } from "./index.es237.js";
-import { VerticalCardStepper as c } from "./index.es124.js";
-import { Section as e } from "./index.es54.js";
-const p = ({
-  title: s,
-  description: t,
-  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 })
-] });
+import { j as s } from "./index.es239.js";
+import { clsx as c } from "./index.es240.js";
+import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
+import { Section as l } from "./index.es54.js";
+const _ = {
+  // Layout FULL (1 colonna)
+  FULL_1_1: "FULL_1_1",
+  FULL_4_3: "FULL_4_3",
+  FULL_16_9: "FULL_16_9",
+  FULL_21_9: "FULL_21_9",
+  FULL_32_9: "FULL_32_9",
+  // Layout TWO_COL (2 colonne)
+  TWO_COL_1_1: "TWO_COL_1_1",
+  TWO_COL_4_3: "TWO_COL_4_3",
+  TWO_COL_16_9: "TWO_COL_16_9",
+  TWO_COL_21_9: "TWO_COL_21_9",
+  TWO_COL_32_9: "TWO_COL_32_9",
+  // Layout THREE_COL (3 colonne)
+  THREE_COL_1_1: "THREE_COL_1_1",
+  THREE_COL_4_3: "THREE_COL_4_3",
+  THREE_COL_16_9: "THREE_COL_16_9",
+  THREE_COL_21_9: "THREE_COL_21_9",
+  THREE_COL_32_9: "THREE_COL_32_9"
+}, d = ({
+  title: i,
+  items: t = [],
+  layout: a = _.FULL_1_1,
+  className: r
+}) => {
+  const o = ((e) => {
+    switch (e) {
+      // Layout FULL (1 colonna)
+      case _.FULL_1_1:
+        return "images-description-layout-full-1-1";
+      case _.FULL_4_3:
+        return "images-description-layout-full-4-3";
+      case _.FULL_16_9:
+        return "images-description-layout-full-16-9";
+      case _.FULL_21_9:
+        return "images-description-layout-full-21-9";
+      case _.FULL_32_9:
+        return "images-description-layout-full-32-9";
+      // Layout TWO_COL (2 colonne)
+      case _.TWO_COL_1_1:
+        return "images-description-layout-two-col-1-1";
+      case _.TWO_COL_4_3:
+        return "images-description-layout-two-col-4-3";
+      case _.TWO_COL_16_9:
+        return "images-description-layout-two-col-16-9";
+      case _.TWO_COL_21_9:
+        return "images-description-layout-two-col-21-9";
+      case _.TWO_COL_32_9:
+        return "images-description-layout-two-col-32-9";
+      // Layout THREE_COL (3 colonne)
+      case _.THREE_COL_1_1:
+        return "images-description-layout-three-col-1-1";
+      case _.THREE_COL_4_3:
+        return "images-description-layout-three-col-4-3";
+      case _.THREE_COL_16_9:
+        return "images-description-layout-three-col-16-9";
+      case _.THREE_COL_21_9:
+        return "images-description-layout-three-col-21-9";
+      case _.THREE_COL_32_9:
+        return "images-description-layout-three-col-32-9";
+      default:
+        return "";
+    }
+  })(a);
+  return /* @__PURE__ */ s.jsx(l, { className: c("base-col images-description-section", r), children: /* @__PURE__ */ s.jsx(
+    "ul",
+    {
+      role: "list",
+      "aria-label": `Raccolta di ${i}`,
+      className: `list-style-none ${o}`,
+      children: t == null ? void 0 : t.map((e) => /* @__PURE__ */ s.jsxs("li", { className: "images-description-item", children: [
+        /* @__PURE__ */ s.jsx("div", { className: "images-description-item-image-container", children: /* @__PURE__ */ s.jsx(
+          "img",
+          {
+            src: e.image.src,
+            alt: e.image.alt,
+            title: e.image.title,
+            className: "images-description-item-image"
+          }
+        ) }),
+        /* @__PURE__ */ s.jsx("div", { className: "images-description-item-content", children: /* @__PURE__ */ s.jsx("p", { className: "images-description-item-description text-slate-28 fs-9", children: e.description }) })
+      ] }, e._id))
+    }
+  ) });
+};
 export {
-  p as VerticalCardStepperSection
+  _ as IMAGES_DESCRIPTION_LAYOUTS,
+  d as ImagesDescription
 };
 //# sourceMappingURL=index.es147.js.map

package/dist/index.es147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es147.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.es147.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { Section } from \"../../components\";\nimport \"./ImagesDescription.scss\";\n\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\n  // Layout FULL (1 colonna)\n  FULL_1_1: \"FULL_1_1\",\n  FULL_4_3: \"FULL_4_3\",\n  FULL_16_9: \"FULL_16_9\",\n  FULL_21_9: \"FULL_21_9\",\n  FULL_32_9: \"FULL_32_9\",\n  // Layout TWO_COL (2 colonne)\n  TWO_COL_1_1: \"TWO_COL_1_1\",\n  TWO_COL_4_3: \"TWO_COL_4_3\",\n  TWO_COL_16_9: \"TWO_COL_16_9\",\n  TWO_COL_21_9: \"TWO_COL_21_9\",\n  TWO_COL_32_9: \"TWO_COL_32_9\",\n  // Layout THREE_COL (3 colonne)\n  THREE_COL_1_1: \"THREE_COL_1_1\",\n  THREE_COL_4_3: \"THREE_COL_4_3\",\n  THREE_COL_16_9: \"THREE_COL_16_9\",\n  THREE_COL_21_9: \"THREE_COL_21_9\",\n  THREE_COL_32_9: \"THREE_COL_32_9\",\n} as const;\n\nexport type ImagesDescriptionLayout =\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\n\nexport interface ImageDescriptionItem {\n  _id: string;\n  image: {\n    src: string;\n    alt: string;\n    title?: string;\n  };\n  description: string;\n}\n\nexport interface ImagesDescriptionProps {\n  title: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nexport const ImagesDescription = ({\n  title,\n  items = [],\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\n  className,\n}: ImagesDescriptionProps) => {\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\n    switch (l) {\n      // Layout FULL (1 colonna)\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\n        return \"images-description-layout-full-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\n        return \"images-description-layout-full-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\n        return \"images-description-layout-full-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\n        return \"images-description-layout-full-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\n        return \"images-description-layout-full-32-9\";\n\n      // Layout TWO_COL (2 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\n        return \"images-description-layout-two-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\n        return \"images-description-layout-two-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\n        return \"images-description-layout-two-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\n        return \"images-description-layout-two-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\n        return \"images-description-layout-two-col-32-9\";\n\n      // Layout THREE_COL (3 colonne)\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\n        return \"images-description-layout-three-col-1-1\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\n        return \"images-description-layout-three-col-4-3\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\n        return \"images-description-layout-three-col-16-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\n        return \"images-description-layout-three-col-21-9\";\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\n        return \"images-description-layout-three-col-32-9\";\n\n      default:\n        return \"\";\n    }\n  };\n\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\n\n  const limitedItems = isFullLayout\n    ? items.slice(0, 1)\n    : isThreeColLayout\n      ? items.slice(0, 3)\n      : items.slice(0, 2); */\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  return (\n    <Section className={clsx(\"base-col images-description-section\", className)}>\n      <ul\n        role=\"list\"\n        aria-label={`Raccolta di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {items?.map((item) => (\n          <li key={item._id} className=\"images-description-item\">\n            <div className=\"images-description-item-image-container\">\n              <img\n                src={item.image.src}\n                alt={item.image.alt}\n                title={item.image.title}\n                className=\"images-description-item-image\"\n              />\n            </div>\n            <div className=\"images-description-item-content\">\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\n                {item.description}\n              </p>\n            </div>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAsBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AAqDtB,QAAAC,KApDqB,CAACC,MAA+B;AACzD,YAAQA,GAAG;AAAA;AAAA,MAET,KAAKP,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MAET;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAW2CI,CAAM;AAEjD,+BACGI,GAAQ,EAAA,WAAWC,EAAK,uCAAuCJ,CAAS,GACvE,UAAAK,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,eAAeR,CAAK;AAAA,MAChC,WAAW,mBAAmBI,CAAe;AAAA,MAE5C,iCAAO,IAAI,CAACK,MACVC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKC,EAAK,MAAM;AAAA,YAChB,KAAKA,EAAK,MAAM;AAAA,YAChB,OAAOA,EAAK,MAAM;AAAA,YAClB,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKC,EAAA,YACR,CAAA,EACF,CAAA;AAAA,MAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/index.es148.js

@@ -1,61 +1,17 @@
-import { j as e } from "./index.es237.js";
-import './sections/TableCard/TableCard.css';/* empty css            */
-import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es436.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";
-import { Section as m } from "./index.es54.js";
-import { Col as j } from "./index.es10.js";
-import { Row as b } from "./index.es9.js";
-import { CardFile as C } from "./index.es101.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)
-    )
-  ) : 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: "h2", className: "table-card-section-title", children: n }),
-    /* @__PURE__ */ e.jsxs(j, { children: [
-      /* @__PURE__ */ e.jsxs(
-        b,
-        {
-          alignItems: "flex-start",
-          className: "header-row",
-          justifyContent: "space-between",
-          flexWrap: "wrap",
-          children: [
-            /* @__PURE__ */ e.jsxs("h3", { className: "update-title", children: [
-              l,
-              " ",
-              /* @__PURE__ */ e.jsxs("span", { children: [
-                "(",
-                a.length,
-                ")"
-              ] })
-            ] }),
-            /* @__PURE__ */ e.jsx(
-              u,
-              {
-                variant: "outlined",
-                btnText: "",
-                helperText: "",
-                value: i,
-                onChangeValue: c
-              }
-            )
-          ]
-        }
-      ),
-      /* @__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}`)) })
-    ] })
-  ] });
-};
+import { j as r } from "./index.es239.js";
+import { VerticalCardStepper as c } from "./index.es124.js";
+import { Section as e } from "./index.es54.js";
+const p = ({
+  title: s,
+  description: t,
+  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 })
+] });
 export {
-  Q as TableCard
+  p as VerticalCardStepperSection
 };
 //# sourceMappingURL=index.es148.js.map

package/dist/index.es148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es148.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=\"h2\" 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          <h3 className=\"update-title\">\n            {headerTitle} <span>({filtered.length})</span>\n          </h3>\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.es148.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;"}

package/dist/index.es149.js

@@ -1,158 +1,61 @@
-import { j as r } from "./index.es237.js";
-import { useRef as L, useState as g, useCallback as x, useEffect as T } from "react";
-import { Swiper as _, SwiperSlide as V } from "./index.es396.js";
-import B from "./index.es397.js";
-import F from "./index.es398.js";
-import q from "./index.es437.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.es238.js";
-import { Pause as D } from "./index.es439.js";
-import { File as G } from "./index.es183.js";
-import { ArrowLeft as f } from "./index.es170.js";
-import { PlayVideo as H } from "./index.es216.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,
+import { j as e } from "./index.es239.js";
+import './sections/TableCard/TableCard.css';/* empty css            */
+import { useState as p, useMemo as x } from "react";
+import { useDebouncedValue as d } from "./index.es256.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";
+import { Section as m } from "./index.es54.js";
+import { Col as j } from "./index.es10.js";
+import { Row as b } from "./index.es9.js";
+import { CardFile as C } from "./index.es101.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)
+    )
+  ) : 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: "h2", className: "table-card-section-title", children: n }),
+    /* @__PURE__ */ e.jsxs(j, { children: [
+      /* @__PURE__ */ e.jsxs(
+        b,
+        {
+          alignItems: "flex-start",
+          className: "header-row",
+          justifyContent: "space-between",
+          flexWrap: "wrap",
+          children: [
+            /* @__PURE__ */ e.jsxs("h3", { className: "update-title", children: [
+              l,
+              " ",
+              /* @__PURE__ */ e.jsxs("span", { children: [
+                "(",
+                a.length,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsx(
+              u,
               {
-                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"
+                variant: "outlined",
+                btnText: "",
+                helperText: "",
+                value: i,
+                onChangeValue: c
               }
             )
-          ] }),
-          /* @__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"
-            }
-          )
-        ] })
-      ]
-    }
-  ) }) });
+          ]
+        }
+      ),
+      /* @__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}`)) })
+    ] })
+  ] });
 };
 export {
-  ae as Slider
+  Q as TableCard
 };
 //# sourceMappingURL=index.es149.js.map