@anoki/fse-ui 1.0.0-beta1.51.3 → 1.0.0-beta1.51.4

package/dist/index.es132.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es132.js","sources":["../src/components/ui/CardFaqCTA/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./CardFaqCTA.scss\";\r\nimport { CtaCardIcon } from \"@/icons/CtaCardIcon\";\r\n\r\nexport enum CardFaqCTAType {\r\n  FAQ = \"FAQ\", //it has a title a description and a link\r\n  CTA = \"CTA\", //it has a title and a link\r\n  CTAICON = \"CTAICON\", //it has a title and a link\r\n}\r\n\r\ninterface CardFaqCTAProps {\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link: string;\r\n  openModal?: Function;\r\n  isExternal?: boolean;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n}\r\n\r\nexport const CardFaqCTA: React.FC<CardFaqCTAProps> = ({\r\n  type = \"Evento\",\r\n  title,\r\n  description,\r\n  link,\r\n  openModal,\r\n  isExternal,\r\n  asLink = \"a\",\r\n}) => {\r\n  const WrapComponent = type === CardFaqCTAType.FAQ ? \"div\" : asLink;\r\n  const cardClass = type === CardFaqCTAType.FAQ ? \"faq-card\" : type === CardFaqCTAType.CTA ? \"cta-card\" : \"cta-icon-card\";\r\n  const WrapComponentProps = \r\n    type === CardFaqCTAType.FAQ ? {\r\n      className: cardClass,\r\n      onClick: openModal,\r\n    } : {\r\n      href: link,\r\n      target: isExternal ? \"_blank\" : undefined,\r\n      rel: isExternal ? \"noopener noreferrer\" : undefined,\r\n      className: cardClass,\r\n     };\r\n\r\n  return (\r\n    <WrapComponent {...WrapComponentProps}>\r\n      <div className={`${cardClass}__header`}>\r\n        <h3 className={`${cardClass}__title`}>\r\n          {title}\r\n        </h3>\r\n      </div>\r\n      {type === CardFaqCTAType.FAQ && description && (\r\n        <span className={`${cardClass}__description`}>\r\n          {description}\r\n        </span>\r\n      )}\r\n      {type === CardFaqCTAType.CTAICON && (\r\n        <CtaCardIcon className={`${cardClass}__icon`}></CtaCardIcon>\r\n      )}\r\n    </WrapComponent>\r\n  );\r\n};\r\n"],"names":["CardFaqCTAType","CardFaqCTA","type","title","description","link","openModal","isExternal","asLink","WrapComponent","cardClass","WrapComponentProps","jsxs","jsx","CtaCardIcon"],"mappings":";;;AAIY,IAAAA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAgBL,MAAMC,IAAwC,CAAC;AAAA,EACpD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACE,QAAAC,IAAgBP,MAAS,QAAqB,QAAQM,GACtDE,IAAYR,MAAS,QAAqB,aAAaA,MAAS,QAAqB,aAAa,iBAClGS,IACJT,MAAS,QAAqB;AAAA,IAC5B,WAAWQ;AAAA,IACX,SAASJ;AAAA,EAAA,IACP;AAAA,IACF,MAAMD;AAAA,IACN,QAAQE,IAAa,WAAW;AAAA,IAChC,KAAKA,IAAa,wBAAwB;AAAA,IAC1C,WAAWG;AAAA,EACZ;AAGD,SAAAE,gBAAAA,EAAA,KAACH,GAAe,EAAA,GAAGE,GACjB,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAI,EAAA,WAAW,GAAGH,CAAS,YAC1B,UAAAG,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAW,GAAGH,CAAS,WACxB,UAAAP,EACH,CAAA,GACF;AAAA,IACCD,MAAS,SAAsBE,KAC9BS,gBAAAA,EAAA,IAAC,UAAK,WAAW,GAAGH,CAAS,iBAC1B,UACHN,EAAA,CAAA;AAAA,IAEDF,MAAS,aACRW,gBAAAA,EAAAA,IAACC,KAAY,WAAW,GAAGJ,CAAS,SAAU,CAAA;AAAA,EAAA,GAElD;AAEJ;"}
+{"version":3,"file":"index.es132.js","sources":["../src/components/ui/CardFaqCTA/index.tsx"],"sourcesContent":["import React from \"react\";\r\nimport \"./CardFaqCTA.scss\";\r\nimport { CtaCardIcon } from \"@/icons/CtaCardIcon\";\r\n\r\nexport enum CardFaqCTAType {\r\n  FAQ = \"FAQ\", //it has a title a description and a link\r\n  CTA = \"CTA\", //it has a title and a link\r\n  CTAICON = \"CTAICON\", //it has a title and a link\r\n}\r\n\r\ninterface CardFaqCTAProps {\r\n  type: CardFaqCTAType;\r\n  title: string;\r\n  description?: string;\r\n  link: string;\r\n  openModal?: Function;\r\n  isExternal?: boolean;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n}\r\n\r\nexport const CardFaqCTA: React.FC<CardFaqCTAProps> = ({\r\n  type = \"Evento\",\r\n  title,\r\n  description,\r\n  link,\r\n  openModal,\r\n  isExternal,\r\n  asLink = \"a\",\r\n}) => {\r\n  const WrapComponent = type === CardFaqCTAType.FAQ ? \"div\" : asLink;\r\n  const cardClass = type === CardFaqCTAType.FAQ ? \"faq-card\" : type === CardFaqCTAType.CTA ? \"cta-card\" : \"cta-icon-card\";\r\n  const WrapComponentProps = \r\n    type === CardFaqCTAType.FAQ ? {\r\n      className: cardClass,\r\n      onClick: openModal,\r\n    } : {\r\n      href: link,\r\n      target: isExternal ? \"_blank\" : undefined,\r\n      rel: isExternal ? \"noopener noreferrer\" : undefined,\r\n      className: cardClass,\r\n     };\r\n\r\n  return (\r\n    <WrapComponent {...WrapComponentProps}>\r\n      <div className={`${cardClass}__header`}>\r\n        <h1 className={`${cardClass}__title`}>\r\n          {title}\r\n        </h1>\r\n      </div>\r\n      {type === CardFaqCTAType.FAQ && description && (\r\n        <span className={`${cardClass}__description`}>\r\n          {description}\r\n        </span>\r\n      )}\r\n      {type === CardFaqCTAType.CTAICON && (\r\n        <CtaCardIcon className={`${cardClass}__icon`}></CtaCardIcon>\r\n      )}\r\n    </WrapComponent>\r\n  );\r\n};\r\n"],"names":["CardFaqCTAType","CardFaqCTA","type","title","description","link","openModal","isExternal","asLink","WrapComponent","cardClass","WrapComponentProps","jsxs","jsx","CtaCardIcon"],"mappings":";;;AAIY,IAAAA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAgBL,MAAMC,IAAwC,CAAC;AAAA,EACpD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AACX,MAAM;AACE,QAAAC,IAAgBP,MAAS,QAAqB,QAAQM,GACtDE,IAAYR,MAAS,QAAqB,aAAaA,MAAS,QAAqB,aAAa,iBAClGS,IACJT,MAAS,QAAqB;AAAA,IAC5B,WAAWQ;AAAA,IACX,SAASJ;AAAA,EAAA,IACP;AAAA,IACF,MAAMD;AAAA,IACN,QAAQE,IAAa,WAAW;AAAA,IAChC,KAAKA,IAAa,wBAAwB;AAAA,IAC1C,WAAWG;AAAA,EACZ;AAGD,SAAAE,gBAAAA,EAAA,KAACH,GAAe,EAAA,GAAGE,GACjB,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAI,EAAA,WAAW,GAAGH,CAAS,YAC1B,UAAAG,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAW,GAAGH,CAAS,WACxB,UAAAP,EACH,CAAA,GACF;AAAA,IACCD,MAAS,SAAsBE,KAC9BS,gBAAAA,EAAA,IAAC,UAAK,WAAW,GAAGH,CAAS,iBAC1B,UACHN,EAAA,CAAA;AAAA,IAEDF,MAAS,aACRW,gBAAAA,EAAAA,IAACC,KAAY,WAAW,GAAGJ,CAAS,SAAU,CAAA;AAAA,EAAA,GAElD;AAEJ;"}

package/dist/index.es134.js

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

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es246.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as l } from "./index.es248.js";
+import { clsx as l } from "./index.es247.js";
 import { useState as C, useCallback as y, useMemo as v, Fragment as F } from "react";
 import { Spinner as k } from "./index.es197.js";
 import { Close as M } from "./index.es162.js";

package/dist/index.es136.js

@@ -27,7 +27,7 @@ const b = ({
     t && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-status-warning rounded text-white ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: t }) })
   ] }),
   /* @__PURE__ */ e.jsxs(a, { px: "x24", gap: "x16", children: [
-    /* @__PURE__ */ e.jsx("h3", { className: "title", children: p }),
+    /* @__PURE__ */ e.jsx("h1", { className: "title", children: p }),
     /* @__PURE__ */ e.jsx("p", { className: "description", children: d }),
     !!r && /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end ", children: /* @__PURE__ */ e.jsx(o, { href: r.link, isExternal: r.isExternal, children: r.title }) })
   ] }),

package/dist/index.es136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\r\nimport { Col } from \"../Col\";\r\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\r\nimport { Divider } from \"../Divider\";\r\nimport { ReactNode } from \"react\";\r\nimport \"./CardBanner.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string | ReactNode;\r\n  link?: Link;\r\n  actions?: Array<ActionIconTextProps>;\r\n  firstStatusLabel?: string;\r\n  secondStatusLabel?: string;\r\n  personalStatusLabel?: string;\r\n};\r\n\r\nexport const CardBanner = ({\r\n  actions,\r\n  description,\r\n  title,\r\n  link,\r\n  firstStatusLabel,\r\n  secondStatusLabel,\r\n  personalStatusLabel,\r\n}: Props) => {\r\n  return (\r\n    <Col className=\"ui-card-banner\" py=\"x24\">\r\n      <Row gap={\"x16\"} px=\"x24\" flexWrap=\"wrap\">\r\n        {personalStatusLabel && (\r\n          <div\r\n            className={\"px-x16 py-x4 bg-status-secondary rounded text-white \"}\r\n          >\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {personalStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n        {firstStatusLabel && (\r\n          <div className={\"px-x16 py-x4 bg-primary rounded text-white \"}>\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {firstStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n        {secondStatusLabel && (\r\n          <div className={\"px-x16 py-x4 bg-status-warning rounded text-white \"}>\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {secondStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n      </Row>\r\n      <Col px=\"x24\" gap=\"x16\">\r\n        <h3 className=\"title\">{title}</h3>\r\n        <p className=\"description\">{description}</p>\r\n        {!!link && (\r\n          <Row justifyContent=\"flex-end \">\r\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\r\n              {link.title}\r\n            </ArrowLink>\r\n          </Row>\r\n        )}\r\n      </Col>\r\n\r\n      {!!actions && (\r\n        <>\r\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\r\n          <Row\r\n            justifyContent=\"flex-end\"\r\n            gap=\"x16\"\r\n            px=\"x24\"\r\n            flexWrap=\"wrap\"\r\n            className=\"ui-actions-wrapper\"\r\n          >\r\n            {actions?.map((action) => (\r\n              <ActionIconText\r\n                classNameComponent=\"action-icon-text\"\r\n                {...action}\r\n              />\r\n            ))}\r\n          </Row>\r\n        </>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","personalStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,OAACE,KAAI,KAAK,OAAO,IAAG,OAAM,UAAS,QAChC,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QAEX,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,oCACd,UACHJ,EAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEDF,KACEM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAN,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,sDACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAL,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCE,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMR,GAAA;AAAA,IAC5BQ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYT,GAAA;AAAA,IACvC,CAAC,CAACE,KACAO,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,aAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMR,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECO,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,IAChDH,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,UAAS;AAAA,QACT,WAAU;AAAA,QAET,UAAAT,KAAA,gBAAAA,EAAS,IAAI,CAACc,MACbJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YAClB,GAAGD;AAAA,UAAA;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EACF,CAAA;AAAA,GAEJ;"}
+{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\r\nimport { Col } from \"../Col\";\r\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\r\nimport { Divider } from \"../Divider\";\r\nimport { ReactNode } from \"react\";\r\nimport \"./CardBanner.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string | ReactNode;\r\n  link?: Link;\r\n  actions?: Array<ActionIconTextProps>;\r\n  firstStatusLabel?: string;\r\n  secondStatusLabel?: string;\r\n  personalStatusLabel?: string;\r\n};\r\n\r\nexport const CardBanner = ({\r\n  actions,\r\n  description,\r\n  title,\r\n  link,\r\n  firstStatusLabel,\r\n  secondStatusLabel,\r\n  personalStatusLabel,\r\n}: Props) => {\r\n  return (\r\n    <Col className=\"ui-card-banner\" py=\"x24\">\r\n      <Row gap={\"x16\"} px=\"x24\" flexWrap=\"wrap\">\r\n        {personalStatusLabel && (\r\n          <div\r\n            className={\"px-x16 py-x4 bg-status-secondary rounded text-white \"}\r\n          >\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {personalStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n        {firstStatusLabel && (\r\n          <div className={\"px-x16 py-x4 bg-primary rounded text-white \"}>\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {firstStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n        {secondStatusLabel && (\r\n          <div className={\"px-x16 py-x4 bg-status-warning rounded text-white \"}>\r\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\r\n              {secondStatusLabel}\r\n            </span>\r\n          </div>\r\n        )}\r\n      </Row>\r\n      <Col px=\"x24\" gap=\"x16\">\r\n        <h1 className=\"title\">{title}</h1>\r\n        <p className=\"description\">{description}</p>\r\n        {!!link && (\r\n          <Row justifyContent=\"flex-end \">\r\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\r\n              {link.title}\r\n            </ArrowLink>\r\n          </Row>\r\n        )}\r\n      </Col>\r\n\r\n      {!!actions && (\r\n        <>\r\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\r\n          <Row\r\n            justifyContent=\"flex-end\"\r\n            gap=\"x16\"\r\n            px=\"x24\"\r\n            flexWrap=\"wrap\"\r\n            className=\"ui-actions-wrapper\"\r\n          >\r\n            {actions?.map((action) => (\r\n              <ActionIconText\r\n                classNameComponent=\"action-icon-text\"\r\n                {...action}\r\n              />\r\n            ))}\r\n          </Row>\r\n        </>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","personalStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,OAACE,KAAI,KAAK,OAAO,IAAG,OAAM,UAAS,QAChC,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QAEX,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,oCACd,UACHJ,EAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEDF,KACEM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAN,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,sDACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAL,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCE,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMR,GAAA;AAAA,IAC5BQ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYT,GAAA;AAAA,IACvC,CAAC,CAACE,KACAO,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,aAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMR,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECO,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,IAChDH,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,UAAS;AAAA,QACT,WAAU;AAAA,QAET,UAAAT,KAAA,gBAAAA,EAAS,IAAI,CAACc,MACbJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YAClB,GAAGD;AAAA,UAAA;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EACF,CAAA;AAAA,GAEJ;"}

package/dist/index.es137.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es246.js";
-import { clsx as a } from "./index.es248.js";
-import { createColorClasses as e } from "./index.es280.js";
+import { clsx as a } from "./index.es247.js";
+import { createColorClasses as e } from "./index.es250.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",

package/dist/index.es138.js

@@ -23,7 +23,7 @@ const N = ({
     ] }),
     /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body", children: [
       /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
-        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: n }),
+        /* @__PURE__ */ i.jsx("h1", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: n }),
         /* @__PURE__ */ i.jsx(s.Description, { children: r }),
         /* @__PURE__ */ i.jsx(
           g,

package/dist/index.es138.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es138.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  console.log(region);\r\n\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\r\n        <Col gap={\"x16\"}>\r\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h3>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            // showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es138.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { Col, EntryButton } from \"@/components\";\r\nimport \"./Login.scss\";\r\nimport { Config } from \"@/utils/config.ts\";\r\n\r\nexport type LoginProps = {\r\n  title: React.ReactNode;\r\n  description?: React.ReactNode;\r\n  loginTitle: string;\r\n  loginDescription: React.ReactNode;\r\n  buttonLabel: string;\r\n  buttonAriaLabel: string;\r\n  buttonHref: string;\r\n  asImage?: \"img\";\r\n  region?: Config[\"REGION\"];\r\n  authSrc?: string;\r\n};\r\n\r\nexport const Login = ({\r\n  title,\r\n  description,\r\n  loginTitle,\r\n  loginDescription,\r\n  buttonLabel,\r\n  buttonAriaLabel,\r\n  buttonHref,\r\n  asImage = \"img\",\r\n  region = \"marche\",\r\n  authSrc = \"\",\r\n}: LoginProps) => {\r\n  const ImageComponent = asImage;\r\n\r\n  console.log(region);\r\n\r\n  return (\r\n    <Section className=\"base-col ui-login-section\">\r\n      <Col className=\"ui-login-content\">\r\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\r\n          {title}\r\n        </Section.Title>\r\n        {description && (\r\n          <Section.Description className=\"ui-login-description\">\r\n            {description}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\r\n        <Col gap={\"x16\"}>\r\n          <h1 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\r\n            {loginTitle}\r\n          </h1>\r\n          <Section.Description>{loginDescription}</Section.Description>\r\n          <EntryButton\r\n            // showIcon={region === \"marche\"}\r\n            ariaLabel={buttonAriaLabel}\r\n            href={buttonHref}\r\n          >\r\n            {buttonLabel}\r\n          </EntryButton>\r\n        </Col>\r\n\r\n        <div className=\"ui-login-body-img h-full\">\r\n          <ImageComponent\r\n            src={authSrc}\r\n            alt=\"\"\r\n            aria-hidden=\"true\"\r\n            width={246}\r\n            height={746}\r\n          />\r\n        </div>\r\n      </div>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAEvB,iBAAQ,IAAIC,CAAM,GAGhBG,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YAEC,WAAWV;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index.es139.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es246.js";
 import { Section as l } from "./index.es54.js";
-import { clsx as j } from "./index.es248.js";
+import { clsx as j } from "./index.es247.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as v } from "react";
-import { l as c } from "./index.es250.js";
+import { l as c } from "./index.es435.js";
 import { CardCategory as m } from "./index.es30.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es42.js";

package/dist/index.es14.js

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

package/dist/index.es140.js

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

package/dist/index.es141.js

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

package/dist/index.es142.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es246.js";
 import { Section as i } from "./index.es54.js";
-import { clsx as d } from "./index.es248.js";
+import { clsx as d } from "./index.es247.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as t } from "./index.es250.js";
+import { l as t } from "./index.es435.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as j } from "./index.es42.js";
 import { CardCategory as g } from "./index.es30.js";

package/dist/index.es143.js

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

package/dist/index.es146.js

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

package/dist/index.es148.js

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

package/dist/index.es15.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es246.js";
 import { useState as C, useId as G } from "react";
-import { clsx as m } from "./index.es248.js";
+import { clsx as m } from "./index.es247.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es284.js";
+import { useMediaQuery as Q } from "./index.es254.js";
 import { Close as S } from "./index.es162.js";
 import { Col as A } from "./index.es10.js";
 import { Button as D } from "./index.es28.js";

package/dist/index.es150.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es246.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es262.js";
+import { useDebouncedValue as d } from "./index.es446.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";
@@ -29,7 +29,7 @@ const Q = ({ title: n, headerTitle: l, data: s = [] }) => {
           justifyContent: "space-between",
           flexWrap: "wrap",
           children: [
-            /* @__PURE__ */ e.jsxs("h3", { className: "update-title", children: [
+            /* @__PURE__ */ e.jsxs("h1", { className: "update-title", children: [
               l,
               " ",
               /* @__PURE__ */ e.jsxs("span", { children: [

package/dist/index.es150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es150.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\r\n  CardFile,\r\n  Col,\r\n  GridContainer,\r\n  GridItem,\r\n  Row,\r\n  Search,\r\n  Section,\r\n} from \"@/components\";\r\nimport \"./TableCard.scss\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\r\nimport { CardFileProps } from \"@/components/ui/CardFile\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  headerTitle: string;\r\n  data?: CardFileProps[];\r\n};\r\n\r\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\r\n\r\n  const filtered = useMemo(() => {\r\n    if (!debouncedQuery) return data;\r\n    return data.filter((u) =>\r\n      [\r\n        u.title,\r\n        u.description,\r\n      ].some((field) => \r\n        field?.toLowerCase().includes(debouncedQuery)\r\n      ),\r\n    );\r\n  }, [debouncedQuery, data]);\r\n\r\n  return (\r\n    <Section className=\"table-card\">\r\n      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h1\" className=\"table-card-section-title\">\r\n        {title}\r\n      </Section.Title>\r\n      <Col>\r\n        <Row\r\n          alignItems=\"flex-start\"\r\n          className=\"header-row\"\r\n          justifyContent=\"space-between\"\r\n          flexWrap=\"wrap\"\r\n        >\r\n          <h3 className=\"update-title\">\r\n            {headerTitle} <span>({filtered.length})</span>\r\n          </h3>\r\n          <Search\r\n            variant=\"outlined\"\r\n            btnText=\"\"\r\n            helperText=\"\"\r\n            value={query}\r\n            onChangeValue={setQuery}\r\n          />\r\n        </Row>\r\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\r\n          {filtered.map((el, index) => (\r\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\r\n              <CardFile {...el} />\r\n            </GridItem>\r\n          ))}\r\n        </GridContainer>\r\n      </Col>\r\n    </Section>\r\n  );\r\n};\r\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.es150.js","sources":["../src/sections/TableCard/index.tsx"],"sourcesContent":["import {\r\n  CardFile,\r\n  Col,\r\n  GridContainer,\r\n  GridItem,\r\n  Row,\r\n  Search,\r\n  Section,\r\n} from \"@/components\";\r\nimport \"./TableCard.scss\";\r\nimport { useMemo, useState } from \"react\";\r\nimport { useDebouncedValue } from \"@/utils/useDebouncedValue\";\r\nimport { CardFileProps } from \"@/components/ui/CardFile\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  headerTitle: string;\r\n  data?: CardFileProps[];\r\n};\r\n\r\nexport const TableCard = ({ title, headerTitle, data = [] }: Props) => {\r\n  const [query, setQuery] = useState(\"\");\r\n  const debouncedQuery = useDebouncedValue(query.trim().toLowerCase(), 300);\r\n\r\n  const filtered = useMemo(() => {\r\n    if (!debouncedQuery) return data;\r\n    return data.filter((u) =>\r\n      [\r\n        u.title,\r\n        u.description,\r\n      ].some((field) => \r\n        field?.toLowerCase().includes(debouncedQuery)\r\n      ),\r\n    );\r\n  }, [debouncedQuery, data]);\r\n\r\n  return (\r\n    <Section className=\"table-card\">\r\n      <Section.Title mdFs=\"2\" fs=\"3\" color=\"blue-48\" as=\"h1\" className=\"table-card-section-title\">\r\n        {title}\r\n      </Section.Title>\r\n      <Col>\r\n        <Row\r\n          alignItems=\"flex-start\"\r\n          className=\"header-row\"\r\n          justifyContent=\"space-between\"\r\n          flexWrap=\"wrap\"\r\n        >\r\n          <h1 className=\"update-title\">\r\n            {headerTitle} <span>({filtered.length})</span>\r\n          </h1>\r\n          <Search\r\n            variant=\"outlined\"\r\n            btnText=\"\"\r\n            helperText=\"\"\r\n            value={query}\r\n            onChangeValue={setQuery}\r\n          />\r\n        </Row>\r\n        <GridContainer gap=\"x24\" mt=\"x32\" px=\"x12\">\r\n          {filtered.map((el, index) => (\r\n            <GridItem key={`table-card-${index}`} sm={6} md={4}>\r\n              <CardFile {...el} />\r\n            </GridItem>\r\n          ))}\r\n        </GridContainer>\r\n      </Col>\r\n    </Section>\r\n  );\r\n};\r\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;"}

package/dist/index.es151.js

@@ -1,15 +1,15 @@
 import { j as r } from "./index.es246.js";
 import { useRef as L, useState as g, useCallback as x, useEffect as T } from "react";
-import { Swiper as _, SwiperSlide as V } from "./index.es263.js";
-import B from "./index.es264.js";
-import F from "./index.es265.js";
-import q from "./index.es266.js";
+import { Swiper as _, SwiperSlide as V } from "./index.es404.js";
+import B from "./index.es405.js";
+import F from "./index.es406.js";
+import q from "./index.es447.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.es248.js";
-import { Pause as D } from "./index.es271.js";
+import { clsx as z } from "./index.es247.js";
+import { Pause as D } from "./index.es449.js";
 import { File as G } from "./index.es187.js";
 import { ArrowLeft as f } from "./index.es174.js";
 import { PlayVideo as H } from "./index.es222.js";

package/dist/index.es152.js

@@ -1,7 +1,7 @@
 import { j as i } from "./index.es246.js";
 import { createElement as j } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import f from "./index.es273.js";
+import f from "./index.es451.js";
 import { AggregationItemCard as u } from "./index.es134.js";
 import { Row as o } from "./index.es9.js";
 import { Spinner as l } from "./index.es197.js";

package/dist/index.es155.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es246.js";
 import './sections/TableList/TableList.css';/* empty css            */
 import { HTML as f } from "./index.es146.js";
 import n from "react";
-import { clsx as o } from "./index.es248.js";
+import { clsx as o } from "./index.es247.js";
 import { Section as s } from "./index.es54.js";
 import { Col as p } from "./index.es10.js";
 var u = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(u || {});

package/dist/index.es156.js

@@ -2,7 +2,7 @@ import { j as l } from "./index.es246.js";
 import './sections/TableMobileList/TableMobileList.css';/* empty css            */
 import { HTML as F } from "./index.es146.js";
 import R from "react";
-import { clsx as t } from "./index.es248.js";
+import { clsx as t } from "./index.es247.js";
 import { TableAlignment as S } from "./index.es155.js";
 import { TableMobile as _ } from "./index.es74.js";
 import { Section as r } from "./index.es54.js";

package/dist/index.es157.js

@@ -3,7 +3,7 @@ import { CardFaqCTA as j, CardFaqCTAType as h } from "./index.es132.js";
 import './sections/FaqSections/FaqSections.css';/* empty css            */
 import { useState as n } from "react";
 import { BaseModal as u } from "./index.es44.js";
-import q from "./index.es277.js";
+import q from "./index.es455.js";
 import { Section as a } from "./index.es54.js";
 const I = ({
   title: o,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es246.js";
-import { clsx as e } from "./index.es248.js";
-import { createColorClasses as z } from "./index.es280.js";
+import { clsx as e } from "./index.es247.js";
+import { createColorClasses as z } from "./index.es250.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es246.js";
-import { clsx as n } from "./index.es248.js";
-import { createColorClasses as m } from "./index.es280.js";
+import { clsx as n } from "./index.es247.js";
+import { createColorClasses as m } from "./index.es250.js";
 const p = ({
   width: s = 24,
   height: l = 24,

package/dist/index.es16.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es246.js";
 import { Container as N } from "./index.es6.js";
 import { Divider as F } from "./index.es137.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as b } from "./index.es248.js";
+import { clsx as b } from "./index.es247.js";
 import { FseDGT as E } from "./index.es166.js";
 import { FseMEF as I } from "./index.es168.js";
 import { FseMS as T } from "./index.es170.js";

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es246.js";
-import { clsx as i } from "./index.es248.js";
-import { createColorClasses as n } from "./index.es280.js";
+import { clsx as i } from "./index.es247.js";
+import { createColorClasses as n } from "./index.es250.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es246.js";
-import { clsx as i } from "./index.es248.js";
-import { createColorClasses as n } from "./index.es280.js";
+import { clsx as i } from "./index.es247.js";
+import { createColorClasses as n } from "./index.es250.js";
 const u = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es246.js";
-import { clsx as n } from "./index.es248.js";
-import { createColorClasses as x } from "./index.es280.js";
+import { clsx as n } from "./index.es247.js";
+import { createColorClasses as x } from "./index.es250.js";
 const w = ({
   width: r = 24,
   height: l = 24,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es246.js";
-import { clsx as p } from "./index.es248.js";
-import { createColorClasses as m } from "./index.es280.js";
+import { clsx as p } from "./index.es247.js";
+import { createColorClasses as m } from "./index.es250.js";
 const f = ({
   width: r = 114,
   height: t = 115,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es246.js";
-import { clsx as c } from "./index.es248.js";
-import { createColorClasses as y } from "./index.es280.js";
+import { clsx as c } from "./index.es247.js";
+import { createColorClasses as y } from "./index.es250.js";
 const p = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as m } from "./index.es246.js";
-import { clsx as e } from "./index.es248.js";
-import { createColorClasses as i } from "./index.es280.js";
+import { clsx as e } from "./index.es247.js";
+import { createColorClasses as i } from "./index.es250.js";
 const x = ({
   width: a = 100,
   height: c = 100,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es246.js";
-import { clsx as q } from "./index.es248.js";
-import { createColorClasses as M } from "./index.es280.js";
+import { clsx as q } from "./index.es247.js";
+import { createColorClasses as M } from "./index.es250.js";
 const i = ({
   width: h = 263,
   height: v = 40,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es246.js";
-import { clsx as s } from "./index.es248.js";
-import { createColorClasses as m } from "./index.es280.js";
+import { clsx as s } from "./index.es247.js";
+import { createColorClasses as m } from "./index.es250.js";
 const p = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es246.js";
-import { clsx as i } from "./index.es248.js";
-import { createColorClasses as t } from "./index.es280.js";
+import { clsx as i } from "./index.es247.js";
+import { createColorClasses as t } from "./index.es250.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es246.js";
-import { clsx as r } from "./index.es248.js";
-import { createColorClasses as o } from "./index.es280.js";
+import { clsx as r } from "./index.es247.js";
+import { createColorClasses as o } from "./index.es250.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es17.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es246.js";
 import { Container as l } from "./index.es6.js";
-import { clsx as i } from "./index.es248.js";
+import { clsx as i } from "./index.es247.js";
 import './components/navigations/HeaderSlim/HeaderSlim.css';/* empty css            */
 import { Row as u } from "./index.es9.js";
 const h = ({

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es246.js";
-import { clsx as z } from "./index.es248.js";
-import { createColorClasses as d } from "./index.es280.js";
+import { clsx as z } from "./index.es247.js";
+import { createColorClasses as d } from "./index.es250.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es246.js";
-import { clsx as m } from "./index.es248.js";
-import { createColorClasses as t } from "./index.es280.js";
+import { clsx as m } from "./index.es247.js";
+import { createColorClasses as t } from "./index.es250.js";
 const i = ({
   width: v = 181,
   height: l = 40,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es246.js";
-import { clsx as o } from "./index.es248.js";
-import { createColorClasses as v } from "./index.es280.js";
+import { clsx as o } from "./index.es247.js";
+import { createColorClasses as v } from "./index.es250.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es246.js";
-import { clsx as t } from "./index.es248.js";
-import { createColorClasses as i } from "./index.es280.js";
+import { clsx as t } from "./index.es247.js";
+import { createColorClasses as i } from "./index.es250.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es246.js";
-import { clsx as n } from "./index.es248.js";
-import { createColorClasses as x } from "./index.es280.js";
+import { clsx as n } from "./index.es247.js";
+import { createColorClasses as x } from "./index.es250.js";
 const c = ({
   width: t = 24,
   height: e = 24,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es246.js";
-import { clsx as m } from "./index.es248.js";
-import { createColorClasses as n } from "./index.es280.js";
+import { clsx as m } from "./index.es247.js";
+import { createColorClasses as n } from "./index.es250.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es246.js";
-import { clsx as v } from "./index.es248.js";
-import { createColorClasses as i } from "./index.es280.js";
+import { clsx as v } from "./index.es247.js";
+import { createColorClasses as i } from "./index.es250.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es246.js";
-import { clsx as V } from "./index.es248.js";
-import { createColorClasses as o } from "./index.es280.js";
+import { clsx as V } from "./index.es247.js";
+import { createColorClasses as o } from "./index.es250.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es246.js";
-import { clsx as t } from "./index.es248.js";
-import { createColorClasses as i } from "./index.es280.js";
+import { clsx as t } from "./index.es247.js";
+import { createColorClasses as i } from "./index.es250.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es246.js";
-import { clsx as c } from "./index.es248.js";
-import { createColorClasses as i } from "./index.es280.js";
+import { clsx as c } from "./index.es247.js";
+import { createColorClasses as i } from "./index.es250.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es18.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es246.js";
 import { LOGOS as t } from "./index.es27.js";
-import { clsx as r } from "./index.es248.js";
+import { clsx as r } from "./index.es247.js";
 import { Divider as i } from "./index.es137.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
 import { Col as a } from "./index.es10.js";

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es246.js";
-import { clsx as v } from "./index.es248.js";
-import { createColorClasses as d } from "./index.es280.js";
+import { clsx as v } from "./index.es247.js";
+import { createColorClasses as d } from "./index.es250.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es181.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es246.js";
-import { clsx as t } from "./index.es248.js";
+import { clsx as t } from "./index.es247.js";
 const m = ({
   width: o = 40,
   height: e = 40,

package/dist/index.es182.js

@@ -1,5 +1,5 @@
 import { j as l } from "./index.es246.js";
-import { clsx as s } from "./index.es248.js";
+import { clsx as s } from "./index.es247.js";
 const n = ({
   width: e = 40,
   height: o = 40,