@anoki/fse-ui 2.1.0-SNAPSHOT1.9 → 2.1.0-SNAPSHOT11

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.es251.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

package/dist/index.es157.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es157.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./TableMobileList.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { TableMobile, ColumnConfig, TableRowData } from \"@/components\";\nimport { TableAlignment } from \"../TableList\";\n\ntype TableMobileListProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  tableJson?: {\n    columns: ColumnConfig[];\n    rows: TableRowData[];\n  };\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n  variantClassTable?: TableAlignment;\n  pagination?: boolean;\n  resultsPerPage?: number;\n  // Sorting props\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\n  // Server pagination props\n  totalResults?: number;\n  initialCurrentPage?: number;\n  serverSidePagination?: boolean;\n  totalItems?: number;\n  hasNextPage?: boolean;\n  hasPreviousPage?: boolean;\n  onNextPage?: () => void;\n  onPreviousPage?: () => void;\n  onPageChange?: (page: number) => void;\n  setCurrentPage?: (page: number) => void;\n}>;\n\nexport const TableMobileList = ({\n  title,\n  description,\n  tableJson,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  variantClassTable = TableAlignment.LEFT,\n  pagination = true,\n  resultsPerPage = 5,\n  sortConfig,\n  onSortChange,\n  totalResults,\n  initialCurrentPage,\n  serverSidePagination,\n  totalItems,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageChange,\n  setCurrentPage,\n  children,\n}: TableMobileListProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\n    >\n      <Col className=\"ui-table-mobile-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        {tableJson && tableJson.columns && tableJson.rows && (\n          <TableMobile\n            data={tableJson.rows}\n            columns={tableJson.columns}\n            pagination={pagination}\n            resultsPerPage={resultsPerPage}\n            sortConfig={sortConfig}\n            onSortChange={onSortChange}\n            totalResults={totalResults}\n            initialCurrentPage={initialCurrentPage}\n            serverSidePagination={serverSidePagination}\n            totalItems={totalItems}\n            hasNextPage={hasNextPage}\n            hasPreviousPage={hasPreviousPage}\n            onNextPage={onNextPage}\n            onPreviousPage={onPreviousPage}\n            onPageChange={onPageChange}\n            setCurrentPage={setCurrentPage}\n          />\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","React","HTML","TableMobile"],"mappings":";;;;;;;;;AA2CO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAACkB,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,gCACZ,UAAA;AAAA,QACC3B,KAAA4B,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,IAAItB;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,OAAO;AAAA,YAEN,UAAAL;AAAA,UAAA;AAAA,QACH;AAAA,QAEDC,KACC2B,gBAAAA,EAAA;AAAA,UAACH,EAAQ;AAAA,UAAR;AAAA,YACC,WAAWC,EAAK,iBAAiBnB,CAAiB;AAAA,YAEjD,UAAO,OAAAN,KAAgB,YACxB4B,EAAM,eAAe5B,CAAW,IAC5BA,IACA6B,EAAK7B,EAAY,SAAS,GAAG,KAAK;AAAA,UAAA;AAAA,QACxC;AAAA,QAEDC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAM7B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AACH;"}
+{"version":3,"file":"index.es157.js","sources":["../src/sections/TableMobileList/index.tsx"],"sourcesContent":["import { Col, Section, SectionHeading } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./TableMobileList.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { TableMobile, ColumnConfig, TableRowData } from \"@/components\";\r\nimport { TableAlignment } from \"../TableList\";\r\n\r\ntype TableMobileListProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\r\n  tableJson?: {\r\n    columns: ColumnConfig[];\r\n    rows: TableRowData[];\r\n  };\r\n  links?: SectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  fontSize?: TypographyKeys;\r\n  mdFontSize?: TypographyKeys;\r\n  classNameTitle?: string;\r\n  additionalClass?: string;\r\n  variantClassTable?: TableAlignment;\r\n  pagination?: boolean;\r\n  resultsPerPage?: number;\r\n  // Sorting props\r\n  sortConfig?: { key: string; direction: \"asc\" | \"desc\" } | null;\r\n  onSortChange?: (key: string, direction: \"asc\" | \"desc\") => void;\r\n  // Server pagination props\r\n  totalResults?: number;\r\n  initialCurrentPage?: number;\r\n  serverSidePagination?: boolean;\r\n  totalItems?: number;\r\n  hasNextPage?: boolean;\r\n  hasPreviousPage?: boolean;\r\n  onNextPage?: () => void;\r\n  onPreviousPage?: () => void;\r\n  onPageChange?: (page: number) => void;\r\n  setCurrentPage?: (page: number) => void;\r\n}>;\r\n\r\nexport const TableMobileList = ({\r\n  title,\r\n  description,\r\n  tableJson,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  variantClassTable = TableAlignment.LEFT,\r\n  pagination = true,\r\n  resultsPerPage = 5,\r\n  sortConfig,\r\n  onSortChange,\r\n  totalResults,\r\n  initialCurrentPage,\r\n  serverSidePagination,\r\n  totalItems,\r\n  hasNextPage,\r\n  hasPreviousPage,\r\n  onNextPage,\r\n  onPreviousPage,\r\n  onPageChange,\r\n  setCurrentPage,\r\n  children,\r\n}: TableMobileListProps) => {\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-table-mobile-list-section\", additionalClass)}\r\n    >\r\n      <Col className=\"ui-table-mobile-list-content\">\r\n        <SectionHeading\r\n          title={title}\r\n          fs={fontSize}\r\n          mdFs={mdFontSize}\r\n          className={classNameTitle}\r\n          descriptionClassName={clsx(\"text-slate-28\", variantClassTable)}\r\n          color={\"blue-48\"}\r\n          description={\r\n            description\r\n              ? typeof description === \"string\" &&\r\n                React.isValidElement(description)\r\n                ? description\r\n                : HTML(description.toString(), \"div\")\r\n              : undefined\r\n          }\r\n          descriptionMarginBottom=\"0\"\r\n          titleMarginBottom=\"0\"\r\n        />\r\n        {tableJson && tableJson.columns && tableJson.rows && (\r\n          <TableMobile\r\n            data={tableJson.rows}\r\n            columns={tableJson.columns}\r\n            pagination={pagination}\r\n            resultsPerPage={resultsPerPage}\r\n            sortConfig={sortConfig}\r\n            onSortChange={onSortChange}\r\n            totalResults={totalResults}\r\n            initialCurrentPage={initialCurrentPage}\r\n            serverSidePagination={serverSidePagination}\r\n            totalItems={totalItems}\r\n            hasNextPage={hasNextPage}\r\n            hasPreviousPage={hasPreviousPage}\r\n            onNextPage={onNextPage}\r\n            onPreviousPage={onPreviousPage}\r\n            onPageChange={onPageChange}\r\n            setCurrentPage={setCurrentPage}\r\n          />\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["TableMobileList","title","description","tableJson","fontSize","mdFontSize","classNameTitle","additionalClass","variantClassTable","TableAlignment","pagination","resultsPerPage","sortConfig","onSortChange","totalResults","initialCurrentPage","serverSidePagination","totalItems","hasNextPage","hasPreviousPage","onNextPage","onPreviousPage","onPageChange","setCurrentPage","children","jsxs","Section","clsx","Col","jsx","SectionHeading","React","HTML","TableMobile"],"mappings":";;;;;;;;;AA2CO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,gBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,mBAAAC,IAAoBC,EAAe;AAAA,EACnC,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAK,yCAAyCpB,CAAe;AAAA,IAExE,UAAA;AAAA,MAACkB,gBAAAA,EAAAA,KAAAG,GAAA,EAAI,WAAU,gCACb,UAAA;AAAA,QAAAC,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAA7B;AAAA,YACA,IAAIG;AAAA,YACJ,MAAMC;AAAA,YACN,WAAWC;AAAA,YACX,sBAAsBqB,EAAK,iBAAiBnB,CAAiB;AAAA,YAC7D,OAAO;AAAA,YACP,aACEN,IACI,OAAOA,KAAgB,YACvB6B,EAAM,eAAe7B,CAAW,IAC9BA,IACA8B,EAAK9B,EAAY,SAAS,GAAG,KAAK,IACpC;AAAA,YAEN,yBAAwB;AAAA,YACxB,mBAAkB;AAAA,UAAA;AAAA,QACpB;AAAA,QACCC,KAAaA,EAAU,WAAWA,EAAU,QAC3C0B,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAM9B,EAAU;AAAA,YAChB,SAASA,EAAU;AAAA,YACnB,YAAAO;AAAA,YACA,gBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,cAAAC;AAAA,YACA,cAAAC;AAAA,YACA,oBAAAC;AAAA,YACA,sBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,aAAAC;AAAA,YACA,iBAAAC;AAAA,YACA,YAAAC;AAAA,YACA,gBAAAC;AAAA,YACA,cAAAC;AAAA,YACA,gBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,GAEJ;AAAA,MACCC;AAAA,IAAA;AAAA,EAAA;AACH;"}

package/dist/index.es158.js

@@ -1,64 +1,63 @@
-import { j as e } from "./index.es249.js";
-import { CardFaqCTA as j, CardFaqCTAType as h } from "./index.es133.js";
+import { j as s } from "./index.es249.js";
+import { CardFaqCTA as x, CardFaqCTAType as u } from "./index.es133.js";
 import './sections/FaqSections/FaqSections.css';/* empty css            */
-import { useState as n } from "react";
-import { BaseModal as u } from "./index.es45.js";
-import q from "./index.es280.js";
-import { Section as a } from "./index.es55.js";
-const I = ({
-  title: o,
-  description: i,
-  items: l = [],
-  colorTitle: p = "primary",
-  fontSizeTitle: c = "2"
+import { useState as r } from "react";
+import { BaseModal as j } from "./index.es45.js";
+import S from "./index.es280.js";
+import { Section as q, SectionHeading as h } from "./index.es55.js";
+const A = ({
+  title: a,
+  description: n,
+  items: o = [],
+  colorTitle: i = "primary",
+  fontSizeTitle: p = "4"
 }) => {
-  const [d, r] = n(!1), [t, m] = n(null), x = (s) => {
-    m(s), r(!0);
+  const [c, t] = r(!1), [l, d] = r(null), f = (e) => {
+    d(e), t(!0);
   };
-  return /* @__PURE__ */ e.jsxs(a, { className: "faq-sections", children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "faq-sections__title", children: /* @__PURE__ */ e.jsx(
-      a.Title,
+  return /* @__PURE__ */ s.jsxs(q, { className: "faq-sections", children: [
+    /* @__PURE__ */ s.jsx(
+      h,
       {
-        fs: c,
-        mdFs: "2",
-        as: "h1",
-        color: p,
-        children: o
+        title: a,
+        color: i,
+        fs: p,
+        description: n,
+        className: "faq-sections__title"
       }
-    ) }),
-    i && /* @__PURE__ */ e.jsx(a.Description, { className: "faq-sections__description mb-x40", children: i }),
-    /* @__PURE__ */ e.jsx(
+    ),
+    /* @__PURE__ */ s.jsx(
       "ul",
       {
         role: "list",
-        "aria-label": `Lista di ${o}`,
+        "aria-label": `Lista di ${a}`,
         className: "faq-sections__list",
-        children: l == null ? void 0 : l.map((s, f) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
-          j,
+        children: o == null ? void 0 : o.map((e, m) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+          x,
           {
-            type: s.type,
-            title: s.title,
-            description: s.description,
-            link: s.link ?? "",
-            isExternal: s.isExternal,
-            openModal: s.type === h.FAQ ? () => x(s) : void 0
+            type: e.type,
+            title: e.title,
+            description: e.description,
+            link: e.link ?? "",
+            isExternal: e.isExternal,
+            openModal: e.type === u.FAQ ? () => f(e) : void 0
           }
-        ) }, s.key ?? f))
+        ) }, e.key ?? m))
       }
     ),
-    t && /* @__PURE__ */ e.jsx(u, { open: d, setOpen: r, children: /* @__PURE__ */ e.jsx(
-      q,
+    l && /* @__PURE__ */ s.jsx(j, { open: c, setOpen: t, children: /* @__PURE__ */ s.jsx(
+      S,
       {
         faq: {
-          question: t.title,
-          answer: t.description || ""
+          question: l.title,
+          answer: l.description || ""
         },
-        handleCloseModal: () => r(!1)
+        handleCloseModal: () => t(!1)
       }
     ) })
   ] });
 };
 export {
-  I as FaqSections
+  A as FaqSections
 };
 //# sourceMappingURL=index.es158.js.map

package/dist/index.es158.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es158.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\r\nimport { Section } from \"@/components\";\r\nimport \"./FaqSections.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode, useState } from \"react\";\r\nimport { BaseModal } from \"@/components/ui/BaseModal\";\r\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\r\n\r\nexport type FaqItem = {\r\n  key?: string;\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link?: string;\r\n  isExternal?: boolean;\r\n};\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: FaqItem[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const FaqSections = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"2\",\r\n}: Props) => {\r\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\r\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\r\n\r\n  const handleItemClick = (item: FaqItem) => {\r\n    setSelectedItem(item);\r\n    setIsSupportModalOpen(true);\r\n  };\r\n  return (\r\n    <Section className=\"faq-sections\">\r\n      {title && (\r\n        <div className=\"faq-sections__title\">\r\n          <Section.Title\r\n            fs={fontSizeTitle}\r\n            mdFs={\"2\"}\r\n            as={\"h1\"}\r\n            color={colorTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <Section.Description className=\"faq-sections__description mb-x40\">\r\n          {description}\r\n        </Section.Description>\r\n      )}\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`faq-sections__list`}\r\n      >\r\n        {items?.map((item, index) => (\r\n          <li key={item.key ?? index}>\r\n            <CardFaqCTA\r\n              type={item.type}\r\n              title={item.title}\r\n              description={item.description}\r\n              link={item.link ?? \"\"}\r\n              isExternal={item.isExternal}\r\n              openModal={\r\n                item.type === CardFaqCTAType.FAQ\r\n                  ? () => handleItemClick(item)\r\n                  : undefined\r\n              }\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n      {selectedItem && (\r\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\r\n          <SupportModalSimple\r\n            faq={{\r\n              question: selectedItem.title,\r\n              answer: selectedItem.description || \"\",\r\n            }}\r\n            handleCloseModal={() => setIsSupportModalOpen(false)}\r\n          />\r\n        </BaseModal>\r\n      )}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;AA0BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AAEE,SAAAM,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,gBAChB,UAAA;AAAA,IACCb,KAAAc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,uBACb,UAAAA,gBAAAA,EAAA;AAAA,MAACD,EAAQ;AAAA,MAAR;AAAA,QACC,IAAIT;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAOD;AAAA,QAEN,UAAAH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEDC,KACEa,gBAAAA,EAAAA,IAAAD,EAAQ,aAAR,EAAoB,WAAU,oCAC5B,UACHZ,GAAA;AAAA,IAEFa,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMI,4BAChB,MACC,EAAA,UAAAD,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAML,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASM,EAAe,MACzB,MAAMP,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOI,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCP,KACEM,gBAAAA,EAAAA,IAAAI,GAAA,EAAU,MAAMb,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUX,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QACtC;AAAA,QACA,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EAEvD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es158.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\r\nimport { Section, SectionHeading } from \"@/components\";\r\nimport \"./FaqSections.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode, useState } from \"react\";\r\nimport { BaseModal } from \"@/components/ui/BaseModal\";\r\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\r\n\r\nexport type FaqItem = {\r\n  key?: string;\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link?: string;\r\n  isExternal?: boolean;\r\n};\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: FaqItem[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const FaqSections = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"4\",\r\n}: Props) => {\r\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\r\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\r\n\r\n  const handleItemClick = (item: FaqItem) => {\r\n    setSelectedItem(item);\r\n    setIsSupportModalOpen(true);\r\n  };\r\n  return (\r\n    <Section className=\"faq-sections\">\r\n      <SectionHeading\r\n        title={title}\r\n        color={colorTitle}\r\n        fs={fontSizeTitle}\r\n        description={description}\r\n        className=\"faq-sections__title\"\r\n      />\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`faq-sections__list`}\r\n      >\r\n        {items?.map((item, index) => (\r\n          <li key={item.key ?? index}>\r\n            <CardFaqCTA\r\n              type={item.type}\r\n              title={item.title}\r\n              description={item.description}\r\n              link={item.link ?? \"\"}\r\n              isExternal={item.isExternal}\r\n              openModal={\r\n                item.type === CardFaqCTAType.FAQ\r\n                  ? () => handleItemClick(item)\r\n                  : undefined\r\n              }\r\n            />\r\n          </li>\r\n        ))}\r\n      </ul>\r\n      {selectedItem && (\r\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\r\n          <SupportModalSimple\r\n            faq={{\r\n              question: selectedItem.title,\r\n              answer: selectedItem.description || \"\",\r\n            }}\r\n            handleCloseModal={() => setIsSupportModalOpen(false)}\r\n          />\r\n        </BaseModal>\r\n      )}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","SectionHeading","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;AA0BO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AAEE,SAAAM,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,gBACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,OAAOG;AAAA,QACP,IAAIC;AAAA,QACJ,aAAAH;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACAa,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMK,4BAChB,MACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAMN,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASO,EAAe,MACzB,MAAMR,EAAgBC,CAAI,IAC1B;AAAA,UAAA;AAAA,QAAA,KAVDA,EAAK,OAAOK,CAarB;AAAA,MACD;AAAA,IACH;AAAA,IACCR,KACEM,gBAAAA,EAAAA,IAAAK,GAAA,EAAU,MAAMd,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUZ,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QACtC;AAAA,QACA,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EAEvD,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
 import { clsx as e } from "./index.es251.js";
-import { createColorClasses as z } from "./index.es283.js";
+import { createColorClasses as z } from "./index.es281.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
 import { clsx as n } from "./index.es251.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 const p = ({
   width: s = 24,
   height: l = 24,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as i } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as i } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
 import { clsx as n } from "./index.es251.js";
-import { createColorClasses as x } from "./index.es283.js";
+import { createColorClasses as x } from "./index.es281.js";
 const w = ({
   width: r = 24,
   height: l = 24,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
 import { clsx as p } from "./index.es251.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 const x = ({
   width: r = 114,
   height: e = 115,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es249.js";
 import { clsx as c } from "./index.es251.js";
-import { createColorClasses as y } from "./index.es283.js";
+import { createColorClasses as y } from "./index.es281.js";
 const n = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
 import { clsx as i } from "./index.es251.js";
-import { createColorClasses as t } from "./index.es283.js";
+import { createColorClasses as t } from "./index.es281.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
 import { clsx as q } from "./index.es251.js";
-import { createColorClasses as M } from "./index.es283.js";
+import { createColorClasses as M } from "./index.es281.js";
 const i = ({
   width: h = 263,
   height: v = 40,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es249.js";
 import { clsx as s } from "./index.es251.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 const p = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
 import { clsx as i } from "./index.es251.js";
-import { createColorClasses as a } from "./index.es283.js";
+import { createColorClasses as a } from "./index.es281.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as r } from "./index.es251.js";
-import { createColorClasses as o } from "./index.es283.js";
+import { createColorClasses as o } from "./index.es281.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as z } from "./index.es251.js";
-import { createColorClasses as d } from "./index.es283.js";
+import { createColorClasses as d } from "./index.es281.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as t } from "./index.es283.js";
+import { createColorClasses as t } from "./index.es281.js";
 const i = ({
   width: v = 181,
   height: l = 40,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as o } from "./index.es251.js";
-import { createColorClasses as v } from "./index.es283.js";
+import { createColorClasses as v } from "./index.es281.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as t } from "./index.es251.js";
-import { createColorClasses as i } from "./index.es283.js";
+import { createColorClasses as i } from "./index.es281.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
 import { clsx as f } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const c = ({
   width: l = 24,
   height: t = 24,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as v } from "./index.es251.js";
-import { createColorClasses as i } from "./index.es283.js";
+import { createColorClasses as i } from "./index.es281.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
 import { clsx as V } from "./index.es251.js";
-import { createColorClasses as o } from "./index.es283.js";
+import { createColorClasses as o } from "./index.es281.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
 import { clsx as t } from "./index.es251.js";
-import { createColorClasses as i } from "./index.es283.js";
+import { createColorClasses as i } from "./index.es281.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import { clsx as c } from "./index.es251.js";
-import { createColorClasses as i } from "./index.es283.js";
+import { createColorClasses as i } from "./index.es281.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es181.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es249.js";
 import { clsx as v } from "./index.es251.js";
-import { createColorClasses as d } from "./index.es283.js";
+import { createColorClasses as d } from "./index.es281.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
 import { clsx as h } from "./index.es251.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
 import { clsx as i } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as n } from "./index.es251.js";
-import { createColorClasses as p } from "./index.es283.js";
+import { createColorClasses as p } from "./index.es281.js";
 const c = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es249.js";
 import { clsx as t } from "./index.es251.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 const f = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as d } from "./index.es251.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import { clsx as o } from "./index.es251.js";
-import { createColorClasses as d } from "./index.es283.js";
+import { createColorClasses as d } from "./index.es281.js";
 const v = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import { clsx as r } from "./index.es251.js";
-import { createColorClasses as m } from "./index.es283.js";
+import { createColorClasses as m } from "./index.es281.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 const x = ({
   width: l = 16,
   height: o = 29,