@anoki/fse-ui 2.1.0-SNAPSHOT1.4 → 2.1.0-SNAPSHOT1.5

package/dist/index.cjs139.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Login/Login.css');const e=require("./index.cjs247.js"),s=require("./index.cjs55.js");;/* empty css              */const j=require("./index.cjs44.js"),t=require("./index.cjs10.js"),h=({title:n,description:i,loginTitle:o,loginDescription:r,buttonLabel:x,buttonAriaLabel:l,buttonHref:c,asImage:u="img",region:m="marche",authSrc:a=""})=>{const d=u;return console.log(m),e.jsxRuntimeExports.jsxs(s.Section,{className:"base-col ui-login-section",children:[e.jsxRuntimeExports.jsxs(t.Col,{className:"ui-login-content",children:[e.jsxRuntimeExports.jsx(s.Section.Title,{fs:"1",className:"md-fs-0 ui-login-title",mdFs:"0",children:n}),i&&e.jsxRuntimeExports.jsx(s.Section.Description,{className:"ui-login-description",children:i})]}),e.jsxRuntimeExports.jsxs("div",{className:"bg-white shadow br-x4 ui-login-body",children:[e.jsxRuntimeExports.jsxs(t.Col,{gap:"x16",children:[e.jsxRuntimeExports.jsx("h1",{className:"text-slate-20 fw-semibold fs-5 md-fs-4",children:o}),e.jsxRuntimeExports.jsx(s.Section.Description,{children:r}),e.jsxRuntimeExports.jsx(j.EntryButton,{ariaLabel:l,href:c,children:x})]}),e.jsxRuntimeExports.jsx("div",{className:"ui-login-body-img h-full",children:e.jsxRuntimeExports.jsx(d,{src:a,alt:"","aria-hidden":"true",width:246,height:746})})]})]})};exports.Login=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Login/Login.css');const e=require("./index.cjs249.js"),s=require("./index.cjs55.js");;/* empty css              */const j=require("./index.cjs44.js"),t=require("./index.cjs10.js"),h=({title:n,description:i,loginTitle:o,loginDescription:r,buttonLabel:x,buttonAriaLabel:l,buttonHref:c,asImage:u="img",region:m="marche",authSrc:a=""})=>{const d=u;return console.log(m),e.jsxRuntimeExports.jsxs(s.Section,{className:"base-col ui-login-section",children:[e.jsxRuntimeExports.jsxs(t.Col,{className:"ui-login-content",children:[e.jsxRuntimeExports.jsx(s.Section.Title,{fs:"1",className:"md-fs-0 ui-login-title",mdFs:"0",children:n}),i&&e.jsxRuntimeExports.jsx(s.Section.Description,{className:"ui-login-description",children:i})]}),e.jsxRuntimeExports.jsxs("div",{className:"bg-white shadow br-x4 ui-login-body",children:[e.jsxRuntimeExports.jsxs(t.Col,{gap:"x16",children:[e.jsxRuntimeExports.jsx("h1",{className:"text-slate-20 fw-semibold fs-5 md-fs-4",children:o}),e.jsxRuntimeExports.jsx(s.Section.Description,{children:r}),e.jsxRuntimeExports.jsx(j.EntryButton,{ariaLabel:l,href:c,children:x})]}),e.jsxRuntimeExports.jsx("div",{className:"ui-login-body-img h-full",children:e.jsxRuntimeExports.jsx(d,{src:a,alt:"","aria-hidden":"true",width:246,height:746})})]})]})};exports.Login=h;
 //# sourceMappingURL=index.cjs139.js.map

package/dist/index.cjs139.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs139.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":"kPAkBaA,EAAQ,CAAC,CACpB,MAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,MACV,OAAAC,EAAS,SACT,QAAAC,EAAU,EACZ,IAAkB,CAChB,MAAMC,EAAiBH,EAEvB,eAAQ,IAAIC,CAAM,EAGhBG,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,4BACjB,SAAA,CAACD,EAAAA,kBAAAA,KAAAE,EAAAA,IAAA,CAAI,UAAU,mBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAAF,EAAA,QAAQ,MAAR,CAAc,GAAG,IAAI,UAAU,yBAAyB,KAAK,IAC3D,SACHZ,CAAA,CAAA,EACCC,GACEa,EAAAA,kBAAAA,IAAAF,EAAAA,QAAQ,YAAR,CAAoB,UAAU,uBAC5B,SACHX,CAAA,CAAA,CAAA,EAEJ,EACAU,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,sCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAAE,EAAAA,IAAA,CAAI,IAAK,MACR,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,yCACX,SACHZ,EAAA,EACCY,EAAAA,kBAAAA,IAAAF,EAAAA,QAAQ,YAAR,CAAqB,SAAiBT,CAAA,CAAA,EACvCW,EAAA,kBAAA,IAACC,EAAA,YAAA,CAEC,UAAWV,EACX,KAAMC,EAEL,SAAAF,CAAA,CAAA,CACH,EACF,EAEAU,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BACb,SAAAA,EAAA,kBAAA,IAACJ,EAAA,CACC,IAAKD,EACL,IAAI,GACJ,cAAY,OACZ,MAAO,IACP,OAAQ,GAAA,CAAA,CAEZ,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs139.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n\n  console.log(region);\n\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\n        <Col gap={\"x16\"}>\n          <h1 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h1>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            // showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":"kPAkBaA,EAAQ,CAAC,CACpB,MAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,QAAAC,EAAU,MACV,OAAAC,EAAS,SACT,QAAAC,EAAU,EACZ,IAAkB,CAChB,MAAMC,EAAiBH,EAEvB,eAAQ,IAAIC,CAAM,EAGhBG,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,4BACjB,SAAA,CAACD,EAAAA,kBAAAA,KAAAE,EAAAA,IAAA,CAAI,UAAU,mBACb,SAAA,CAACC,EAAAA,kBAAAA,IAAAF,EAAA,QAAQ,MAAR,CAAc,GAAG,IAAI,UAAU,yBAAyB,KAAK,IAC3D,SACHZ,CAAA,CAAA,EACCC,GACEa,EAAAA,kBAAAA,IAAAF,EAAAA,QAAQ,YAAR,CAAoB,UAAU,uBAC5B,SACHX,CAAA,CAAA,CAAA,EAEJ,EACAU,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,sCACb,SAAA,CAACA,EAAAA,kBAAAA,KAAAE,EAAAA,IAAA,CAAI,IAAK,MACR,SAAA,CAACC,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,yCACX,SACHZ,EAAA,EACCY,EAAAA,kBAAAA,IAAAF,EAAAA,QAAQ,YAAR,CAAqB,SAAiBT,CAAA,CAAA,EACvCW,EAAA,kBAAA,IAACC,EAAA,YAAA,CAEC,UAAWV,EACX,KAAMC,EAEL,SAAAF,CAAA,CAAA,CACH,EACF,EAEAU,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,2BACb,SAAAA,EAAA,kBAAA,IAACJ,EAAA,CACC,IAAKD,EACL,IAAI,GACJ,cAAY,OACZ,MAAO,IACP,OAAQ,GAAA,CAAA,CAEZ,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ"}

package/dist/index.cjs14.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchDocument/SearchDocument.css');const i=require("./index.cjs247.js");;/* empty css              */const o=require("./index.cjs249.js"),m=require("react"),v=require("./index.cjs163.js"),E=require("./index.cjs10.js"),C=require("./index.cjs28.js"),y=({btnText:p,helperText:d,value:j,items:b,setValue:f})=>{const[c,u]=m.useState(j),[h,l]=m.useState([]),g=e=>{const s=e.target.value;if(u(s),s.length>=3){const t=b.filter(a=>{var n,r;return[(r=(n=a.classification)==null?void 0:n.type)==null?void 0:r.label].some(x=>x==null?void 0:x.toLowerCase().includes(s.toLowerCase()))});l(t)}else l([])},R=e=>{var s,t;u((t=(s=e.classification)==null?void 0:s.type)==null?void 0:t.label),l([])},w=(e,s)=>{if(!s)return e;const t=e.toLowerCase().indexOf(s.toLowerCase());if(t===-1)return e;const a=e.slice(0,t),n=e.slice(t,t+s.length),r=e.slice(t+s.length);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[a,i.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:n}),r]})};return i.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[i.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[i.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:o.clsx("ui-search-input","fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:d,"aria-label":"Barra di ricerca",value:c,onChange:g}),c&&c.length>=3&&i.jsxRuntimeExports.jsx(v.Close,{className:"ui-clean-button",onClick:()=>{u(""),l([])}})]}),h.length>0&&i.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:i.jsxRuntimeExports.jsx(E.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:h.map((e,s)=>{var t,a,n,r;return i.jsxRuntimeExports.jsx("div",{onClick:()=>R(e),children:(a=(t=e.classification)==null?void 0:t.type)!=null&&a.label?w((r=(n=e.classification)==null?void 0:n.type)==null?void 0:r.label,c||""):""},s)})})}),i.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:i.jsxRuntimeExports.jsx(C.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:()=>{l([]),f(c??"")},children:p})})]})};exports.SearchDocument=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchDocument/SearchDocument.css');const i=require("./index.cjs249.js");;/* empty css              */const o=require("./index.cjs250.js"),m=require("react"),v=require("./index.cjs163.js"),E=require("./index.cjs10.js"),C=require("./index.cjs28.js"),y=({btnText:p,helperText:d,value:j,items:b,setValue:f})=>{const[c,u]=m.useState(j),[h,l]=m.useState([]),g=e=>{const s=e.target.value;if(u(s),s.length>=3){const t=b.filter(a=>{var n,r;return[(r=(n=a.classification)==null?void 0:n.type)==null?void 0:r.label].some(x=>x==null?void 0:x.toLowerCase().includes(s.toLowerCase()))});l(t)}else l([])},R=e=>{var s,t;u((t=(s=e.classification)==null?void 0:s.type)==null?void 0:t.label),l([])},w=(e,s)=>{if(!s)return e;const t=e.toLowerCase().indexOf(s.toLowerCase());if(t===-1)return e;const a=e.slice(0,t),n=e.slice(t,t+s.length),r=e.slice(t+s.length);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[a,i.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:n}),r]})};return i.jsxRuntimeExports.jsxs("div",{className:o.clsx("ui-search","br-x4 bg-border-secondary w-full"),children:[i.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[i.jsxRuntimeExports.jsx("input",{id:"search",type:"search",className:o.clsx("ui-search-input","fs-6 text-slate-20 br-x4 w-full pl-x24"),placeholder:d,"aria-label":"Barra di ricerca",value:c,onChange:g}),c&&c.length>=3&&i.jsxRuntimeExports.jsx(v.Close,{className:"ui-clean-button",onClick:()=>{u(""),l([])}})]}),h.length>0&&i.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",children:i.jsxRuntimeExports.jsx(E.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:h.map((e,s)=>{var t,a,n,r;return i.jsxRuntimeExports.jsx("div",{onClick:()=>R(e),children:(a=(t=e.classification)==null?void 0:t.type)!=null&&a.label?w((r=(n=e.classification)==null?void 0:n.type)==null?void 0:r.label,c||""):""},s)})})}),i.jsxRuntimeExports.jsx("div",{className:o.clsx("ui-div-btn"),children:i.jsxRuntimeExports.jsx(C.Button,{className:o.clsx("ui-btn-search","bg-primary text-white fs-7 fw-semibold br-x4"),onClick:()=>{l([]),f(c??"")},children:p})})]})};exports.SearchDocument=y;
 //# sourceMappingURL=index.cjs14.js.map

package/dist/index.cjs14.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs14.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ChangeEvent, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type SearchDocumentProps = {\r\n  btnText: string;\r\n  helperText: string;\r\n  value: string;\r\n  items: any;\r\n  setValue: (value: string) => void;\r\n};\r\n\r\nexport const SearchDocument = ({\r\n  btnText,\r\n  helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n}: SearchDocumentProps) => {\r\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\r\n  const [filteredItems, setFilteredItems] = useState<any>([]);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n\r\n    if (inputValue.length >= 3) {\r\n      const results = items.filter((item: any) =>\r\n        [item.classification?.type?.label].some((field) =>\r\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\r\n        ),\r\n      );\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: any) => {\r\n    setValueInput(item.classification?.type?.label);\r\n    setFilteredItems([]);\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <>\r\n        {beforeMatch}\r\n        <span className={\"text-primary fw-bold\"}>{match}</span>\r\n        {afterMatch}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\r\n      <div className={\"position-relative\"}>\r\n        <input\r\n          id=\"search\"\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n        />\r\n        {valueInput && valueInput.length >= 3 && (\r\n          <Close\r\n            className={\"ui-clean-button\"}\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item: any, index: any) => (\r\n              <div key={index} onClick={() => handleSelectItem(item)}>\r\n                {item.classification?.type?.label\r\n                  ? highlightMatch(\r\n                      item.classification?.type?.label,\r\n                      valueInput || \"\",\r\n                    )\r\n                  : \"\"}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput ?? \"\");\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"qSAcaA,EAAiB,CAAC,CAC7B,QAAAC,EACA,WAAAC,EACA,MAAAC,EACA,MAAAC,EACA,SAAAC,CACF,IAA2B,CACzB,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6BL,CAAK,EAChE,CAACM,EAAeC,CAAgB,EAAIF,EAAAA,SAAc,CAAA,CAAE,EAEpDG,EAAqB,GAAqC,CACxD,MAAAC,EAAa,EAAE,OAAO,MAGxB,GAFJL,EAAcK,CAAU,EAEpBA,EAAW,QAAU,EAAG,CAC1B,MAAMC,EAAUT,EAAM,OAAQU,GAC5B,SAAA,QAACC,GAAAC,EAAAF,EAAK,iBAAL,YAAAE,EAAqB,OAArB,YAAAD,EAA2B,KAAK,EAAE,KAAME,GACvCA,GAAA,YAAAA,EAAO,cAAc,SAASL,EAAW,YAAa,EAAA,EAE1D,EACAF,EAAiBG,CAAO,CAAA,MAExBH,EAAiB,CAAA,CAAE,CAEvB,EAEMQ,EAAoBJ,GAAc,SACxBP,GAAAQ,GAAAC,EAAAF,EAAK,iBAAL,YAAAE,EAAqB,OAArB,YAAAD,EAA2B,KAAK,EAC9CL,EAAiB,CAAA,CAAE,CACrB,EAEMS,EAAiB,CAACC,EAAcC,IAAkB,CAClD,GAAA,CAACA,EAAc,OAAAD,EACnB,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAM,aAAa,EACxD,GAAAC,IAAU,GAAW,OAAAF,EAEzB,MAAMG,EAAcH,EAAK,MAAM,EAAGE,CAAK,EACjCE,EAAQJ,EAAK,MAAME,EAAOA,EAAQD,EAAM,MAAM,EAC9CI,EAAaL,EAAK,MAAME,EAAQD,EAAM,MAAM,EAElD,OAEKK,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAJ,EACAK,EAAA,kBAAA,IAAA,OAAA,CAAK,UAAW,uBAAyB,SAAMJ,EAAA,EAC/CC,CAAA,EACH,CAEJ,EAEA,gCACG,MAAI,CAAA,UAAWI,EAAK,KAAA,YAAa,kCAAkC,EAClE,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAW,oBACd,SAAA,CAAAE,EAAA,kBAAA,IAAC,QAAA,CACC,GAAG,SACH,KAAK,SACL,UAAWC,EAAA,KACT,kBACA,wCACF,EACA,YAAa3B,EACb,aAAW,mBACX,MAAOI,EACP,SAAUK,CAAA,CACZ,EACCL,GAAcA,EAAW,QAAU,GAClCsB,EAAA,kBAAA,IAACE,EAAA,MAAA,CACC,UAAW,kBACX,QAAS,IAAM,CACbvB,EAAc,EAAE,EAChBG,EAAiB,CAAA,CAAE,CAAA,CACrB,CAAA,CACF,EAEJ,EACCD,EAAc,OAAS,GACrBmB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,0DACb,SAAAA,EAAA,kBAAA,IAACG,EAAA,IAAA,CACC,IAAK,MACL,GAAI,UACJ,KAAM,YACN,GAAI,IACJ,UAAU,uCAET,SAActB,EAAA,IAAI,CAACK,EAAWQ,IAC5BM,aAAAA,OAAAA,EAAAA,kBAAAA,IAAA,MAAA,CAAgB,QAAS,IAAMV,EAAiBJ,CAAI,EAClD,UAAKC,GAAAC,EAAAF,EAAA,iBAAA,YAAAE,EAAgB,OAAhB,MAAAD,EAAsB,MACxBI,GACEa,GAAAC,EAAAnB,EAAK,iBAAL,YAAAmB,EAAqB,OAArB,YAAAD,EAA2B,MAC3B1B,GAAc,EAAA,EAEhB,EANI,EAAAgB,CAOV,EACD,CAAA,CAAA,EAEL,EAEDM,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWC,EAAA,KAAK,YAAY,EAC/B,SAAAD,EAAA,kBAAA,IAACM,EAAA,OAAA,CACC,UAAWL,EAAA,KACT,gBACA,8CACF,EACA,QAAS,IAAM,CACbnB,EAAiB,CAAA,CAAE,EACnBL,EAASC,GAAc,EAAE,CAC3B,EAEC,SAAAL,CAAA,CAAA,CAEL,CAAA,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs14.js","sources":["../src/components/ui/SearchDocument/index.tsx"],"sourcesContent":["import \"./SearchDocument.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\n\nexport type SearchDocumentProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  items: any;\n  setValue: (value: string) => void;\n};\n\nexport const SearchDocument = ({\n  btnText,\n  helperText,\n  value,\n  items,\n  setValue,\n}: SearchDocumentProps) => {\n  const [valueInput, setValueInput] = useState<string | undefined>(value);\n  const [filteredItems, setFilteredItems] = useState<any>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items.filter((item: any) =>\n        [item.classification?.type?.label].some((field) =>\n          field?.toLowerCase().includes(inputValue.toLowerCase()),\n        ),\n      );\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: any) => {\n    setValueInput(item.classification?.type?.label);\n    setFilteredItems([]);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  return (\n    <div className={clsx(\"ui-search\", \"br-x4 bg-border-secondary w-full\")}>\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item: any, index: any) => (\n              <div key={index} onClick={() => handleSelectItem(item)}>\n                {item.classification?.type?.label\n                  ? highlightMatch(\n                      item.classification?.type?.label,\n                      valueInput || \"\",\n                    )\n                  : \"\"}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["SearchDocument","btnText","helperText","value","items","setValue","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","inputValue","results","item","_b","_a","field","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","clsx","Close","Col","_d","_c","Button"],"mappings":"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"}

package/dist/index.cjs140.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/HomeServices/HomeServices.css');const r=require("./index.cjs247.js"),i=require("./index.cjs55.js"),E=require("./index.cjs249.js");;/* empty css              */const v=require("react"),t=require("./index.cjs251.js"),R=require("./index.cjs30.js"),S=require("./index.cjs10.js"),g=require("./index.cjs43.js"),o={LayoutOne:"LayoutOne",LayoutTwo:"LayoutTwo",LayoutThree:"LayoutThree",LayoutFour:"LayoutFour"},T=({title:l,description:x,goToLabel:h,href:d,asLink:p="a",items:n,layout:u=o.LayoutOne,className:j,showBlueBackground:L=!1})=>{const y=u===o.LayoutOne?"ui-home-services-layout-one":u===o.LayoutTwo?"ui-home-services-layout-two":u===o.LayoutThree?"ui-home-services-layout-three":u===o.LayoutFour?"ui-home-services-layout-four":"",c=v.useMemo(()=>{switch(u){case o.LayoutOne:return n.map((e,s)=>{const a=s!==0;return{...t.lodashExports.omit(e,a?["image"]:[])}});case o.LayoutTwo:return n.map(e=>({...t.lodashExports.omit(e,[])}));case o.LayoutThree:return n.map((e,s)=>{const a=s!==0;return{...t.lodashExports.omit(e,a?["image"]:[])}});case o.LayoutFour:return n.map((e,s)=>{const a=s!==2;return{...t.lodashExports.omit(e,a?["image"]:[])}});default:return n}},[n,u]);return r.jsxRuntimeExports.jsxs(i.Section,{className:E.clsx("base-col ui-home-services-section",j,L?"blue-background":""),children:[r.jsxRuntimeExports.jsxs(S.Col,{className:"ui-home-services-section-content",children:[r.jsxRuntimeExports.jsxs("div",{className:"ui-home-services-section-title",children:[r.jsxRuntimeExports.jsx(i.Section.Title,{fs:"2",children:l}),h&&d&&r.jsxRuntimeExports.jsx(g.ArrowLink,{href:d,asLink:p,fs:"7",children:h.toUpperCase()})]}),x&&r.jsxRuntimeExports.jsx(i.Section.Description,{children:x})]}),r.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${l}`,className:`list-style-none ${y}`,children:c==null?void 0:c.map((e,s)=>r.jsxRuntimeExports.jsx("li",{children:r.jsxRuntimeExports.jsx(R.CardCategory,{title:e==null?void 0:e.name,description:e==null?void 0:e.description,image:e==null?void 0:e.image,href:(e==null?void 0:e.link)||(e==null?void 0:e.externalLink),showIcon:e==null?void 0:e.externalLink,asLink:p,isExternal:e==null?void 0:e.externalLink},[e._id,s].join("-"))},[e._id,s].join("-")))})]})};exports.HOME_SERVICES_LAYOUTS=o;exports.HomeServices=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/HomeServices/HomeServices.css');const r=require("./index.cjs249.js"),i=require("./index.cjs55.js"),E=require("./index.cjs250.js");;/* empty css              */const v=require("react"),t=require("./index.cjs254.js"),R=require("./index.cjs30.js"),S=require("./index.cjs10.js"),g=require("./index.cjs43.js"),o={LayoutOne:"LayoutOne",LayoutTwo:"LayoutTwo",LayoutThree:"LayoutThree",LayoutFour:"LayoutFour"},T=({title:l,description:x,goToLabel:h,href:d,asLink:p="a",items:n,layout:u=o.LayoutOne,className:j,showBlueBackground:L=!1})=>{const y=u===o.LayoutOne?"ui-home-services-layout-one":u===o.LayoutTwo?"ui-home-services-layout-two":u===o.LayoutThree?"ui-home-services-layout-three":u===o.LayoutFour?"ui-home-services-layout-four":"",c=v.useMemo(()=>{switch(u){case o.LayoutOne:return n.map((e,s)=>{const a=s!==0;return{...t.lodashExports.omit(e,a?["image"]:[])}});case o.LayoutTwo:return n.map(e=>({...t.lodashExports.omit(e,[])}));case o.LayoutThree:return n.map((e,s)=>{const a=s!==0;return{...t.lodashExports.omit(e,a?["image"]:[])}});case o.LayoutFour:return n.map((e,s)=>{const a=s!==2;return{...t.lodashExports.omit(e,a?["image"]:[])}});default:return n}},[n,u]);return r.jsxRuntimeExports.jsxs(i.Section,{className:E.clsx("base-col ui-home-services-section",j,L?"blue-background":""),children:[r.jsxRuntimeExports.jsxs(S.Col,{className:"ui-home-services-section-content",children:[r.jsxRuntimeExports.jsxs("div",{className:"ui-home-services-section-title",children:[r.jsxRuntimeExports.jsx(i.Section.Title,{fs:"2",children:l}),h&&d&&r.jsxRuntimeExports.jsx(g.ArrowLink,{href:d,asLink:p,fs:"7",children:h.toUpperCase()})]}),x&&r.jsxRuntimeExports.jsx(i.Section.Description,{children:x})]}),r.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${l}`,className:`list-style-none ${y}`,children:c==null?void 0:c.map((e,s)=>r.jsxRuntimeExports.jsx("li",{children:r.jsxRuntimeExports.jsx(R.CardCategory,{title:e==null?void 0:e.name,description:e==null?void 0:e.description,image:e==null?void 0:e.image,href:(e==null?void 0:e.link)||(e==null?void 0:e.externalLink),showIcon:e==null?void 0:e.externalLink,asLink:p,isExternal:e==null?void 0:e.externalLink},[e._id,s].join("-"))},[e._id,s].join("-")))})]})};exports.HOME_SERVICES_LAYOUTS=o;exports.HomeServices=T;
 //# sourceMappingURL=index.cjs140.js.map

package/dist/index.cjs140.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs140.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./HomeServices.scss\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { omit } from \"lodash\";\r\n\r\nexport const HOME_SERVICES_LAYOUTS = {\r\n  LayoutOne: \"LayoutOne\",\r\n  LayoutTwo: \"LayoutTwo\",\r\n  LayoutThree: \"LayoutThree\",\r\n  LayoutFour: \"LayoutFour\",\r\n} as const;\r\n\r\ntype Layout =\r\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\r\n\r\nexport type AggregationItemsProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  layout?: Layout;\r\n  className?: string;\r\n  showBlueBackground?: boolean;\r\n};\r\n\r\nexport const HomeServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\r\n  className,\r\n  showBlueBackground = false,\r\n}: AggregationItemsProps) => {\r\n  const layoutClassName =\r\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\r\n      ? \"ui-home-services-layout-one\"\r\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\r\n        ? \"ui-home-services-layout-two\"\r\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\r\n          ? \"ui-home-services-layout-three\"\r\n          : layout === HOME_SERVICES_LAYOUTS.LayoutFour\r\n            ? \"ui-home-services-layout-four\"\r\n            : \"\";\r\n\r\n  const itemsNormalized = useMemo(() => {\r\n    switch (layout) {\r\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\r\n        return items.map((item) => {\r\n          const removeImage = false;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 2;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      default:\r\n        return items;\r\n    }\r\n  }, [items, layout]);\r\n\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-home-services-section\", className, showBlueBackground ? \"blue-background\" : \"\")}>\r\n      <Col className=\"ui-home-services-section-content\">\r\n        <div className=\"ui-home-services-section-title\">\r\n          <Section.Title fs=\"2\">{title}</Section.Title>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {itemsNormalized?.map((item, index) => {\r\n          return (\r\n            <li key={[item._id, index].join(\"-\")}>\r\n              <CardCategory\r\n                key={[item._id, index].join(\"-\")}\r\n                title={item?.name}\r\n                description={item?.description}\r\n                image={item?.image}\r\n                href={item?.link || item?.externalLink}\r\n                showIcon={item?.externalLink}\r\n                asLink={asLink}\r\n                isExternal={item?.externalLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","Col","jsx","ArrowLink","CardCategory"],"mappings":"iWAOaA,EAAwB,CACnC,UAAW,YACX,UAAW,YACX,YAAa,cACb,WAAY,YACd,EAiBaC,EAAe,CAAC,CAC3B,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,IACT,MAAAC,EACA,OAAAC,EAASR,EAAsB,UAC/B,UAAAS,EACA,mBAAAC,EAAqB,EACvB,IAA6B,CAC3B,MAAMC,EACJH,IAAWR,EAAsB,UAC7B,8BACAQ,IAAWR,EAAsB,UAC/B,8BACAQ,IAAWR,EAAsB,YAC/B,gCACAQ,IAAWR,EAAsB,WAC/B,+BACA,GAENY,EAAkBC,EAAAA,QAAQ,IAAM,CACpC,OAAQL,EAAQ,CACd,KAAKR,EAAsB,UACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKhB,EAAsB,UAClB,OAAAO,EAAM,IAAKO,IAET,CACL,GAAGG,EAAAA,cAAAA,KAAKH,EAAgC,CAAE,CAAA,CAC5C,EACD,EACH,KAAKd,EAAsB,YACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKhB,EAAsB,WACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,QACS,OAAAT,CAAA,CACX,EACC,CAACA,EAAOC,CAAM,CAAC,EAGhB,OAAAU,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAWC,EAAK,KAAA,oCAAqCX,EAAWC,EAAqB,kBAAoB,EAAE,EAC3G,SAAA,CAACQ,EAAAA,kBAAAA,KAAAG,EAAAA,IAAA,CAAI,UAAU,mCACb,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAI,EAAA,kBAAA,IAACH,EAAQ,QAAA,MAAR,CAAc,GAAG,IAAK,SAAMjB,EAAA,EAC5BE,GAAaC,GACZiB,wBAACC,EAAAA,UAAU,CAAA,KAAAlB,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAUF,EAAA,YAAA,CACb,CAAA,CAAA,EAEJ,EACCD,GACCmB,EAAA,kBAAA,IAACH,EAAQ,QAAA,YAAR,CAAqB,SAAYhB,CAAA,CAAA,CAAA,EAEtC,EACAmB,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYpB,CAAK,GAC7B,UAAW,mBAAmBS,CAAe,GAE5C,SAAiBC,GAAA,YAAAA,EAAA,IAAI,CAACE,EAAMC,4BAExB,KACC,CAAA,SAAAO,EAAA,kBAAA,IAACE,EAAA,aAAA,CAEC,MAAOV,GAAA,YAAAA,EAAM,KACb,YAAaA,GAAA,YAAAA,EAAM,YACnB,MAAOA,GAAA,YAAAA,EAAM,MACb,MAAMA,GAAA,YAAAA,EAAM,QAAQA,GAAA,YAAAA,EAAM,cAC1B,SAAUA,GAAA,YAAAA,EAAM,aAChB,OAAAR,EACA,WAAYQ,GAAA,YAAAA,EAAM,YAAA,EAPb,CAACA,EAAK,IAAKC,CAAK,EAAE,KAAK,GAAG,CAAA,CAQjC,EAVO,CAACD,EAAK,IAAKC,CAAK,EAAE,KAAK,GAAG,CAWnC,EAEH,CAAA,CACH,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs140.js","sources":["../src/sections/HomeServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./HomeServices.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const HOME_SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n} as const;\n\ntype Layout =\n  (typeof HOME_SERVICES_LAYOUTS)[keyof typeof HOME_SERVICES_LAYOUTS];\n\nexport type AggregationItemsProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: Layout;\n  className?: string;\n  showBlueBackground?: boolean;\n};\n\nexport const HomeServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = HOME_SERVICES_LAYOUTS.LayoutOne,\n  className,\n  showBlueBackground = false,\n}: AggregationItemsProps) => {\n  const layoutClassName =\n    layout === HOME_SERVICES_LAYOUTS.LayoutOne\n      ? \"ui-home-services-layout-one\"\n      : layout === HOME_SERVICES_LAYOUTS.LayoutTwo\n        ? \"ui-home-services-layout-two\"\n        : layout === HOME_SERVICES_LAYOUTS.LayoutThree\n          ? \"ui-home-services-layout-three\"\n          : layout === HOME_SERVICES_LAYOUTS.LayoutFour\n            ? \"ui-home-services-layout-four\"\n            : \"\";\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      case HOME_SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item) => {\n          const removeImage = false;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case HOME_SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 2;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section\n      className={clsx(\"base-col ui-home-services-section\", className, showBlueBackground ? \"blue-background\" : \"\")}>\n      <Col className=\"ui-home-services-section-content\">\n        <div className=\"ui-home-services-section-title\">\n          <Section.Title fs=\"2\">{title}</Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["HOME_SERVICES_LAYOUTS","HomeServices","title","description","goToLabel","href","asLink","items","layout","className","showBlueBackground","layoutClassName","itemsNormalized","useMemo","item","index","removeImage","omit","jsxs","Section","clsx","Col","jsx","ArrowLink","CardCategory"],"mappings":"iWAOaA,EAAwB,CACnC,UAAW,YACX,UAAW,YACX,YAAa,cACb,WAAY,YACd,EAiBaC,EAAe,CAAC,CAC3B,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,IACT,MAAAC,EACA,OAAAC,EAASR,EAAsB,UAC/B,UAAAS,EACA,mBAAAC,EAAqB,EACvB,IAA6B,CAC3B,MAAMC,EACJH,IAAWR,EAAsB,UAC7B,8BACAQ,IAAWR,EAAsB,UAC/B,8BACAQ,IAAWR,EAAsB,YAC/B,gCACAQ,IAAWR,EAAsB,WAC/B,+BACA,GAENY,EAAkBC,EAAAA,QAAQ,IAAM,CACpC,OAAQL,EAAQ,CACd,KAAKR,EAAsB,UACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKhB,EAAsB,UAClB,OAAAO,EAAM,IAAKO,IAET,CACL,GAAGG,EAAAA,cAAAA,KAAKH,EAAgC,CAAE,CAAA,CAC5C,EACD,EACH,KAAKd,EAAsB,YACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,KAAKhB,EAAsB,WACzB,OAAOO,EAAM,IAAI,CAACO,EAAMC,IAAU,CAChC,MAAMC,EAAcD,IAAU,EACvB,MAAA,CACL,GAAGE,qBAAKH,EAAME,EAAc,CAAC,OAAO,EAAI,CAAE,CAAA,CAC5C,CAAA,CACD,EACH,QACS,OAAAT,CAAA,CACX,EACC,CAACA,EAAOC,CAAM,CAAC,EAGhB,OAAAU,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAWC,EAAK,KAAA,oCAAqCX,EAAWC,EAAqB,kBAAoB,EAAE,EAC3G,SAAA,CAACQ,EAAAA,kBAAAA,KAAAG,EAAAA,IAAA,CAAI,UAAU,mCACb,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,iCACb,SAAA,CAAAI,EAAA,kBAAA,IAACH,EAAQ,QAAA,MAAR,CAAc,GAAG,IAAK,SAAMjB,EAAA,EAC5BE,GAAaC,GACZiB,wBAACC,EAAAA,UAAU,CAAA,KAAAlB,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAUF,EAAA,YAAA,CACb,CAAA,CAAA,EAEJ,EACCD,GACCmB,EAAA,kBAAA,IAACH,EAAQ,QAAA,YAAR,CAAqB,SAAYhB,CAAA,CAAA,CAAA,EAEtC,EACAmB,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYpB,CAAK,GAC7B,UAAW,mBAAmBS,CAAe,GAE5C,SAAiBC,GAAA,YAAAA,EAAA,IAAI,CAACE,EAAMC,4BAExB,KACC,CAAA,SAAAO,EAAA,kBAAA,IAACE,EAAA,aAAA,CAEC,MAAOV,GAAA,YAAAA,EAAM,KACb,YAAaA,GAAA,YAAAA,EAAM,YACnB,MAAOA,GAAA,YAAAA,EAAM,MACb,MAAMA,GAAA,YAAAA,EAAM,QAAQA,GAAA,YAAAA,EAAM,cAC1B,SAAUA,GAAA,YAAAA,EAAM,aAChB,OAAAR,EACA,WAAYQ,GAAA,YAAAA,EAAM,YAAA,EAPb,CAACA,EAAK,IAAKC,CAAK,EAAE,KAAK,GAAG,CAAA,CAQjC,EAVO,CAACD,EAAK,IAAKC,CAAK,EAAE,KAAK,GAAG,CAWnC,EAEH,CAAA,CACH,CAAA,CACF,CAEJ"}

package/dist/index.cjs141.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/WhatDoYouNeed/WhatDoYouNeed.css');const e=require("./index.cjs247.js");;/* empty css              */const l=require("./index.cjs249.js"),r=require("./index.cjs55.js"),d=require("./index.cjs10.js"),j=require("./index.cjs28.js"),h=({title:o,description:s,links:t,asLink:u="a",showBlueBackground:c=!1})=>e.jsxRuntimeExports.jsxs(r.Section,{className:`base-col ui-what-do-you-need-section ${c?"blue-background":""}`,children:[e.jsxRuntimeExports.jsxs(d.Col,{className:"ui-what-do-you-need-content",children:[e.jsxRuntimeExports.jsx(r.Section.Title,{fs:"2",children:o}),s&&e.jsxRuntimeExports.jsx(r.Section.Description,{children:s})]}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${o}`,className:l.clsx("list-style-none ui-what-do-you-need-links",t.length<4?"row":"grid"),children:t==null?void 0:t.map(({link:n,title:a,isNewTab:i},x)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(j.Button,{asLink:u,href:n,size:"2",variant:x>0?"secondary":"primary",target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,children:a})},n))})]});exports.WhatDoYouNeed=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/WhatDoYouNeed/WhatDoYouNeed.css');const e=require("./index.cjs249.js");;/* empty css              */const l=require("./index.cjs250.js"),r=require("./index.cjs55.js"),d=require("./index.cjs10.js"),j=require("./index.cjs28.js"),h=({title:o,description:s,links:t,asLink:u="a",showBlueBackground:c=!1})=>e.jsxRuntimeExports.jsxs(r.Section,{className:`base-col ui-what-do-you-need-section ${c?"blue-background":""}`,children:[e.jsxRuntimeExports.jsxs(d.Col,{className:"ui-what-do-you-need-content",children:[e.jsxRuntimeExports.jsx(r.Section.Title,{fs:"2",children:o}),s&&e.jsxRuntimeExports.jsx(r.Section.Description,{children:s})]}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${o}`,className:l.clsx("list-style-none ui-what-do-you-need-links",t.length<4?"row":"grid"),children:t==null?void 0:t.map(({link:n,title:a,isNewTab:i},x)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(j.Button,{asLink:u,href:n,size:"2",variant:x>0?"secondary":"primary",target:i?"_blank":void 0,rel:i?"noopener noreferrer":void 0,children:a})},n))})]});exports.WhatDoYouNeed=h;
 //# sourceMappingURL=index.cjs141.js.map

package/dist/index.cjs141.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs141.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport \"./WhatDoYouNeed.scss\";\r\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype WhatDoYouNeedProps = PropsWithChildren<{\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  links: EnhancedSectionLink[];\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  showBlueBackground?: boolean;\r\n}>;\r\n\r\ntype EnhancedSectionLink = SectionLink & {\r\n  isNewTab?: boolean;\r\n};\r\n\r\nexport const WhatDoYouNeed = ({\r\n  title,\r\n  description,\r\n  links,\r\n  asLink = \"a\",\r\n  showBlueBackground = false,\r\n}: WhatDoYouNeedProps) => {\r\n  return (\r\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\r\n      <Col className=\"ui-what-do-you-need-content\">\r\n        <Section.Title fs=\"2\">{title}</Section.Title>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\r\n      >\r\n        {links?.map(({ link, title, isNewTab }, index) => (\r\n          <li key={link}>\r\n            <Button\r\n              asLink={asLink}\r\n              href={link}\r\n              size=\"2\"\r\n              variant={index > 0 ? \"secondary\" : \"primary\"}\r\n              // textColor={index > 0 ? \"primary\" : undefined}\r\n              // bg={index > 0 ? \"white\" : undefined}\r\n              // className={index > 0 ? \"br-color-primary\" : undefined}\r\n              target={isNewTab ? \"_blank\" : undefined}\r\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\r\n            >\r\n              {title}\r\n            </Button>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":"iRAkBaA,EAAgB,CAAC,CAC5B,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EAAS,IACT,mBAAAC,EAAqB,EACvB,6BAEKC,EAAAA,QAAQ,CAAA,UAAW,wCAAwCD,EAAqB,kBAAoB,EAAE,GACrG,SAAA,CAACE,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,UAAU,8BACb,SAAA,CAAAC,EAAA,kBAAA,IAACH,EAAQ,QAAA,MAAR,CAAc,GAAG,IAAK,SAAML,EAAA,EAC5BC,GACCO,EAAA,kBAAA,IAACH,EAAQ,QAAA,YAAR,CAAqB,SAAYJ,CAAA,CAAA,CAAA,EAEtC,EACAO,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYR,CAAK,GAC7B,UAAWS,EAAK,KAAA,4CAA6CP,EAAM,OAAS,EAAI,MAAQ,MAAM,EAE7F,SAAAA,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,KAAAQ,EAAM,MAAAV,EAAO,SAAAW,CAAS,EAAGC,IACtCJ,EAAAA,kBAAAA,IAAC,KACC,CAAA,SAAAA,EAAA,kBAAA,IAACK,EAAA,OAAA,CACC,OAAAV,EACA,KAAMO,EACN,KAAK,IACL,QAASE,EAAQ,EAAI,YAAc,UAInC,OAAQD,EAAW,SAAW,OAC9B,IAAKA,EAAW,sBAAwB,OAEvC,SAAAX,CAAA,CACH,CAAA,EAbOU,CAcT,EACD,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs141.js","sources":["../src/sections/WhatDoYouNeed/index.tsx"],"sourcesContent":["import { Button, Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport \"./WhatDoYouNeed.scss\";\nimport { ComponentType, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype WhatDoYouNeedProps = PropsWithChildren<{\n  title: ReactNode;\n  description?: ReactNode;\n  links: EnhancedSectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  showBlueBackground?: boolean;\n}>;\n\ntype EnhancedSectionLink = SectionLink & {\n  isNewTab?: boolean;\n};\n\nexport const WhatDoYouNeed = ({\n  title,\n  description,\n  links,\n  asLink = \"a\",\n  showBlueBackground = false,\n}: WhatDoYouNeedProps) => {\n  return (\n    <Section className={`base-col ui-what-do-you-need-section ${showBlueBackground ? \"blue-background\" : \"\"}`}>\n      <Col className=\"ui-what-do-you-need-content\">\n        <Section.Title fs=\"2\">{title}</Section.Title>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={clsx(\"list-style-none ui-what-do-you-need-links\", links.length < 4 ? \"row\" : \"grid\")}\n      >\n        {links?.map(({ link, title, isNewTab }, index) => (\n          <li key={link}>\n            <Button\n              asLink={asLink}\n              href={link}\n              size=\"2\"\n              variant={index > 0 ? \"secondary\" : \"primary\"}\n              // textColor={index > 0 ? \"primary\" : undefined}\n              // bg={index > 0 ? \"white\" : undefined}\n              // className={index > 0 ? \"br-color-primary\" : undefined}\n              target={isNewTab ? \"_blank\" : undefined}\n              rel={isNewTab ? \"noopener noreferrer\" : undefined}\n            >\n              {title}\n            </Button>\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["WhatDoYouNeed","title","description","links","asLink","showBlueBackground","Section","jsxs","Col","jsx","clsx","link","isNewTab","index","Button"],"mappings":"iRAkBaA,EAAgB,CAAC,CAC5B,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,OAAAC,EAAS,IACT,mBAAAC,EAAqB,EACvB,6BAEKC,EAAAA,QAAQ,CAAA,UAAW,wCAAwCD,EAAqB,kBAAoB,EAAE,GACrG,SAAA,CAACE,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,UAAU,8BACb,SAAA,CAAAC,EAAA,kBAAA,IAACH,EAAQ,QAAA,MAAR,CAAc,GAAG,IAAK,SAAML,EAAA,EAC5BC,GACCO,EAAA,kBAAA,IAACH,EAAQ,QAAA,YAAR,CAAqB,SAAYJ,CAAA,CAAA,CAAA,EAEtC,EACAO,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYR,CAAK,GAC7B,UAAWS,EAAK,KAAA,4CAA6CP,EAAM,OAAS,EAAI,MAAQ,MAAM,EAE7F,SAAAA,GAAA,YAAAA,EAAO,IAAI,CAAC,CAAE,KAAAQ,EAAM,MAAAV,EAAO,SAAAW,CAAS,EAAGC,IACtCJ,EAAAA,kBAAAA,IAAC,KACC,CAAA,SAAAA,EAAA,kBAAA,IAACK,EAAA,OAAA,CACC,OAAAV,EACA,KAAMO,EACN,KAAK,IACL,QAASE,EAAQ,EAAI,YAAc,UAInC,OAAQD,EAAW,SAAW,OAC9B,IAAKA,EAAW,sBAAwB,OAEvC,SAAAX,CAAA,CACH,CAAA,EAbOU,CAcT,EACD,CAAA,CACH,EACF"}

package/dist/index.cjs142.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/RichText/RichText.css');const t=require("./index.cjs247.js");;/* empty css              */const u=require("./index.cjs147.js"),l=require("react"),a=require("./index.cjs249.js"),s=require("./index.cjs55.js"),m=require("./index.cjs10.js"),j=({title:i,description:e,fontSize:r="2",mdFontSize:n="2",classNameTitle:c,additionalClass:x,children:o})=>t.jsxRuntimeExports.jsxs(s.Section,{className:a.clsx("base-col ui-rich-text-section",x),children:[t.jsxRuntimeExports.jsxs(m.Col,{className:"ui-rich-text-content",children:[i&&t.jsxRuntimeExports.jsx(s.Section.Title,{fs:r,mdFs:n,className:c,children:i}),e&&t.jsxRuntimeExports.jsx(s.Section.Description,{children:typeof e=="string"&&l.isValidElement(e)?e:u.HTML(e.toString(),"div")})]}),o]});exports.RichText=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/RichText/RichText.css');const t=require("./index.cjs249.js");;/* empty css              */const u=require("./index.cjs147.js"),l=require("react"),a=require("./index.cjs250.js"),s=require("./index.cjs55.js"),m=require("./index.cjs10.js"),j=({title:i,description:e,fontSize:r="2",mdFontSize:n="2",classNameTitle:c,additionalClass:x,children:o})=>t.jsxRuntimeExports.jsxs(s.Section,{className:a.clsx("base-col ui-rich-text-section",x),children:[t.jsxRuntimeExports.jsxs(m.Col,{className:"ui-rich-text-content",children:[i&&t.jsxRuntimeExports.jsx(s.Section.Title,{fs:r,mdFs:n,className:c,children:i}),e&&t.jsxRuntimeExports.jsx(s.Section.Description,{children:typeof e=="string"&&l.isValidElement(e)?e:u.HTML(e.toString(),"div")})]}),o]});exports.RichText=j;
 //# sourceMappingURL=index.cjs142.js.map

package/dist/index.cjs142.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs142.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\r\nimport { SectionLink } from \"@anoki/fse-common\";\r\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\r\nimport \"./RichText.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { HTML } from \"../HTMLBalancer\";\r\nimport React from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype RichTextProps = PropsWithChildren<{\r\n  title?: ReactNode;\r\n  description?: ReactNode;\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}>;\r\n\r\nexport const RichText = ({\r\n  title,\r\n  description,\r\n  fontSize = \"2\",\r\n  mdFontSize = \"2\",\r\n  classNameTitle,\r\n  additionalClass,\r\n  children,\r\n}: RichTextProps) => {\r\n  return (\r\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\r\n      <Col className=\"ui-rich-text-content\">\r\n        {title && (\r\n          <Section.Title\r\n            fs={fontSize}\r\n            mdFs={mdFontSize}\r\n            className={classNameTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        )}\r\n        {description && (\r\n          <Section.Description>\r\n            {typeof description === \"string\" &&\r\n            React.isValidElement(description)\r\n              ? description\r\n              : HTML(description.toString(), \"div\")}\r\n          </Section.Description>\r\n        )}\r\n      </Col>\r\n      {children}\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":"qSAoBaA,EAAW,CAAC,CACvB,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,IACX,WAAAC,EAAa,IACb,eAAAC,EACA,gBAAAC,EACA,SAAAC,CACF,6BAEKC,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,gCAAiCH,CAAe,EACvE,SAAA,CAACI,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,UAAU,uBACZ,SAAA,CACCV,GAAAW,EAAA,kBAAA,IAACJ,EAAAA,QAAQ,MAAR,CACC,GAAIL,EACJ,KAAMC,EACN,UAAWC,EAEV,SAAAJ,CAAA,CACH,EAEDC,GACEU,EAAA,kBAAA,IAAAJ,UAAQ,YAAR,CACE,SAAA,OAAON,GAAgB,UACxBW,EAAM,eAAeX,CAAW,EAC5BA,EACAY,EAAAA,KAAKZ,EAAY,SAAS,EAAG,KAAK,CACxC,CAAA,CAAA,EAEJ,EACCK,CAAA,EACH"}
+{"version":3,"file":"index.cjs142.js","sources":["../src/sections/RichText/index.tsx"],"sourcesContent":["import { Col, Section } from \"@/components\";\nimport { SectionLink } from \"@anoki/fse-common\";\nimport { PropsWithChildren, ReactNode, ComponentType } from \"react\";\nimport \"./RichText.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { HTML } from \"../HTMLBalancer\";\nimport React from \"react\";\nimport clsx from \"clsx\";\n\ntype RichTextProps = PropsWithChildren<{\n  title?: ReactNode;\n  description?: ReactNode;\n  links?: SectionLink[];\n  asLink?: \"a\" | ComponentType<any>;\n  fontSize?: TypographyKeys;\n  mdFontSize?: TypographyKeys;\n  classNameTitle?: string;\n  additionalClass?: string;\n}>;\n\nexport const RichText = ({\n  title,\n  description,\n  fontSize = \"2\",\n  mdFontSize = \"2\",\n  classNameTitle,\n  additionalClass,\n  children,\n}: RichTextProps) => {\n  return (\n    <Section className={clsx(\"base-col ui-rich-text-section\", additionalClass)}>\n      <Col className=\"ui-rich-text-content\">\n        {title && (\n          <Section.Title\n            fs={fontSize}\n            mdFs={mdFontSize}\n            className={classNameTitle}\n          >\n            {title}\n          </Section.Title>\n        )}\n        {description && (\n          <Section.Description>\n            {typeof description === \"string\" &&\n            React.isValidElement(description)\n              ? description\n              : HTML(description.toString(), \"div\")}\n          </Section.Description>\n        )}\n      </Col>\n      {children}\n    </Section>\n  );\n};\n"],"names":["RichText","title","description","fontSize","mdFontSize","classNameTitle","additionalClass","children","Section","clsx","jsxs","Col","jsx","React","HTML"],"mappings":"qSAoBaA,EAAW,CAAC,CACvB,MAAAC,EACA,YAAAC,EACA,SAAAC,EAAW,IACX,WAAAC,EAAa,IACb,eAAAC,EACA,gBAAAC,EACA,SAAAC,CACF,6BAEKC,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,gCAAiCH,CAAe,EACvE,SAAA,CAACI,EAAAA,kBAAAA,KAAAC,EAAAA,IAAA,CAAI,UAAU,uBACZ,SAAA,CACCV,GAAAW,EAAA,kBAAA,IAACJ,EAAAA,QAAQ,MAAR,CACC,GAAIL,EACJ,KAAMC,EACN,UAAWC,EAEV,SAAAJ,CAAA,CACH,EAEDC,GACEU,EAAA,kBAAA,IAAAJ,UAAQ,YAAR,CACE,SAAA,OAAON,GAAgB,UACxBW,EAAM,eAAeX,CAAW,EAC5BA,EACAY,EAAAA,KAAKZ,EAAY,SAAS,EAAG,KAAK,CACxC,CAAA,CAAA,EAEJ,EACCK,CAAA,EACH"}

package/dist/index.cjs143.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Services/Services.css');const s=require("./index.cjs247.js"),i=require("./index.cjs55.js"),j=require("./index.cjs249.js");;/* empty css              */const v=require("react"),a=require("./index.cjs251.js"),E=require("./index.cjs10.js"),g=require("./index.cjs43.js"),R=require("./index.cjs30.js"),r={LayoutOne:"LayoutOne",LayoutTwo:"LayoutTwo",LayoutThree:"LayoutThree",LayoutFour:"LayoutFour",LayoutFive:"LayoutFive"},S=({title:l,description:x,goToLabel:y,href:L,asLink:d="a",items:o,layout:n=r.LayoutOne,className:p})=>{const h=(e=>{switch(e){case r.LayoutOne:return"ui-service-items-layout-one";case r.LayoutTwo:return"ui-service-items-layout-two";case r.LayoutThree:return"ui-service-items-layout-three";case r.LayoutFour:return"ui-service-items-layout-four";case r.LayoutFive:return"ui-service-items-layout-five";default:return""}})(n),u=v.useMemo(()=>{switch(n){case r.LayoutOne:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));case r.LayoutTwo:return o.map((e,t)=>{const c=t!==1;return{...a.lodashExports.omit(e,c?["image"]:[])}});case r.LayoutThree:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));case r.LayoutFour:return o.map((e,t)=>{const c=t!==0;return{...a.lodashExports.omit(e,c?["image"]:[])}});case r.LayoutFive:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));default:return o}},[o,n]);return s.jsxRuntimeExports.jsxs(i.Section,{className:j.clsx("base-col ui-service-items-section",p),children:[s.jsxRuntimeExports.jsxs(E.Col,{className:"ui-service-items-sectirron-content",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-service-items-section-title",children:[s.jsxRuntimeExports.jsx(i.Section.Title,{fs:"2",mdFs:"2",as:"h1",color:"slate-20",children:l}),y&&L&&s.jsxRuntimeExports.jsx(g.ArrowLink,{href:L,asLink:d,fs:"7",children:y.toUpperCase()})]}),x&&s.jsxRuntimeExports.jsx(i.Section.Description,{children:x})]}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${l}`,className:`list-style-none ${h}`,children:u==null?void 0:u.map((e,t)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(R.CardCategory,{title:e==null?void 0:e.name,description:e==null?void 0:e.description,image:e==null?void 0:e.image,href:(e==null?void 0:e.link)||(e==null?void 0:e.externalLink),showIcon:e==null?void 0:e.externalLink,asLink:d,isExternal:e==null?void 0:e.externalLink},[e._id,t].join("-"))},[e._id,t].join("-")))})]})};exports.SERVICES_LAYOUTS=r;exports.Services=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Services/Services.css');const s=require("./index.cjs249.js"),i=require("./index.cjs55.js"),j=require("./index.cjs250.js");;/* empty css              */const v=require("react"),a=require("./index.cjs254.js"),E=require("./index.cjs10.js"),g=require("./index.cjs43.js"),R=require("./index.cjs30.js"),r={LayoutOne:"LayoutOne",LayoutTwo:"LayoutTwo",LayoutThree:"LayoutThree",LayoutFour:"LayoutFour",LayoutFive:"LayoutFive"},S=({title:l,description:x,goToLabel:y,href:L,asLink:d="a",items:o,layout:n=r.LayoutOne,className:p})=>{const h=(e=>{switch(e){case r.LayoutOne:return"ui-service-items-layout-one";case r.LayoutTwo:return"ui-service-items-layout-two";case r.LayoutThree:return"ui-service-items-layout-three";case r.LayoutFour:return"ui-service-items-layout-four";case r.LayoutFive:return"ui-service-items-layout-five";default:return""}})(n),u=v.useMemo(()=>{switch(n){case r.LayoutOne:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));case r.LayoutTwo:return o.map((e,t)=>{const c=t!==1;return{...a.lodashExports.omit(e,c?["image"]:[])}});case r.LayoutThree:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));case r.LayoutFour:return o.map((e,t)=>{const c=t!==0;return{...a.lodashExports.omit(e,c?["image"]:[])}});case r.LayoutFive:return o.map(e=>({...a.lodashExports.omit(e,["image"])}));default:return o}},[o,n]);return s.jsxRuntimeExports.jsxs(i.Section,{className:j.clsx("base-col ui-service-items-section",p),children:[s.jsxRuntimeExports.jsxs(E.Col,{className:"ui-service-items-sectirron-content",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-service-items-section-title",children:[s.jsxRuntimeExports.jsx(i.Section.Title,{fs:"2",mdFs:"2",as:"h1",color:"slate-20",children:l}),y&&L&&s.jsxRuntimeExports.jsx(g.ArrowLink,{href:L,asLink:d,fs:"7",children:y.toUpperCase()})]}),x&&s.jsxRuntimeExports.jsx(i.Section.Description,{children:x})]}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${l}`,className:`list-style-none ${h}`,children:u==null?void 0:u.map((e,t)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(R.CardCategory,{title:e==null?void 0:e.name,description:e==null?void 0:e.description,image:e==null?void 0:e.image,href:(e==null?void 0:e.link)||(e==null?void 0:e.externalLink),showIcon:e==null?void 0:e.externalLink,asLink:d,isExternal:e==null?void 0:e.externalLink},[e._id,t].join("-"))},[e._id,t].join("-")))})]})};exports.SERVICES_LAYOUTS=r;exports.Services=S;
 //# sourceMappingURL=index.cjs143.js.map

package/dist/index.cjs143.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs143.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./Services.scss\";\r\nimport { ComponentType, ReactNode, useMemo } from \"react\";\r\nimport { omit } from \"lodash\";\r\n\r\nexport const SERVICES_LAYOUTS = {\r\n  LayoutOne: \"LayoutOne\",\r\n  LayoutTwo: \"LayoutTwo\",\r\n  LayoutThree: \"LayoutThree\",\r\n  LayoutFour: \"LayoutFour\",\r\n  LayoutFive: \"LayoutFive\",\r\n} as const;\r\n\r\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\r\n\r\nexport type ServicesProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  layout?: ServicesLayout;\r\n  className?: string;\r\n};\r\n\r\nexport const Services = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  layout = SERVICES_LAYOUTS.LayoutOne,\r\n  className,\r\n}: ServicesProps) => {\r\n  const getLayoutClassName = (l: ServicesLayout) => {\r\n    switch (l) {\r\n      case SERVICES_LAYOUTS.LayoutOne:\r\n        return \"ui-service-items-layout-one\";\r\n      case SERVICES_LAYOUTS.LayoutTwo:\r\n        return \"ui-service-items-layout-two\";\r\n      case SERVICES_LAYOUTS.LayoutThree:\r\n        return \"ui-service-items-layout-three\";\r\n      case SERVICES_LAYOUTS.LayoutFour:\r\n        return \"ui-service-items-layout-four\";\r\n      case SERVICES_LAYOUTS.LayoutFive:\r\n        return \"ui-service-items-layout-five\";\r\n      default:\r\n        return \"\";\r\n    }\r\n  };\r\n\r\n  const layoutClassName = getLayoutClassName(layout);\r\n\r\n  const itemsNormalized = useMemo(() => {\r\n    switch (layout) {\r\n      /**\r\n       * In this layout, we remove the image from all items.\r\n       */\r\n      case SERVICES_LAYOUTS.LayoutOne:\r\n        return items.map((item) => {\r\n          return {\r\n            ...omit(item, [\"image\"]),\r\n          };\r\n        });\r\n      /**\r\n       * In this layout, we remove the image from all items except the second one.\r\n       */\r\n      case SERVICES_LAYOUTS.LayoutTwo:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 1;\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      /**\r\n       * In this layout, we remove the image from all items.\r\n       */\r\n      case SERVICES_LAYOUTS.LayoutThree:\r\n        return items.map((item) => {\r\n          return {\r\n            ...omit(item, [\"image\"]),\r\n          };\r\n        });\r\n      /**\r\n       * In this layout, we remove the image from all items.\r\n       */\r\n      case SERVICES_LAYOUTS.LayoutFour:\r\n        return items.map((item, index) => {\r\n          const removeImage = index !== 0;\r\n\r\n          return {\r\n            ...omit(item, removeImage ? [\"image\"] : []),\r\n          };\r\n        });\r\n      case SERVICES_LAYOUTS.LayoutFive:\r\n        return items.map((item) => {\r\n          return {\r\n            ...omit(item, [\"image\"]),\r\n          };\r\n        });\r\n      default:\r\n        return items;\r\n    }\r\n  }, [items, layout]);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\r\n      <Col className=\"ui-service-items-sectirron-content\">\r\n        <div className=\"ui-service-items-section-title\">\r\n          <Section.Title fs={\"2\"} mdFs={\"2\"} as={\"h1\"} color={\"slate-20\"}>\r\n            {title}\r\n          </Section.Title>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {itemsNormalized?.map((item, index) => {\r\n          return (\r\n            <li key={[item._id, index].join(\"-\")}>\r\n              <CardCategory\r\n                key={[item._id, index].join(\"-\")}\r\n                title={item?.name}\r\n                description={item?.description}\r\n                image={item?.image}\r\n                href={item?.link || item?.externalLink}\r\n                showIcon={item?.externalLink}\r\n                asLink={asLink}\r\n                isExternal={item?.externalLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}
+{"version":3,"file":"index.cjs143.js","sources":["../src/sections/Services/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardCategory, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./Services.scss\";\nimport { ComponentType, ReactNode, useMemo } from \"react\";\nimport { omit } from \"lodash\";\n\nexport const SERVICES_LAYOUTS = {\n  LayoutOne: \"LayoutOne\",\n  LayoutTwo: \"LayoutTwo\",\n  LayoutThree: \"LayoutThree\",\n  LayoutFour: \"LayoutFour\",\n  LayoutFive: \"LayoutFive\",\n} as const;\n\ntype ServicesLayout = (typeof SERVICES_LAYOUTS)[keyof typeof SERVICES_LAYOUTS];\n\nexport type ServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  layout?: ServicesLayout;\n  className?: string;\n};\n\nexport const Services = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  layout = SERVICES_LAYOUTS.LayoutOne,\n  className,\n}: ServicesProps) => {\n  const getLayoutClassName = (l: ServicesLayout) => {\n    switch (l) {\n      case SERVICES_LAYOUTS.LayoutOne:\n        return \"ui-service-items-layout-one\";\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return \"ui-service-items-layout-two\";\n      case SERVICES_LAYOUTS.LayoutThree:\n        return \"ui-service-items-layout-three\";\n      case SERVICES_LAYOUTS.LayoutFour:\n        return \"ui-service-items-layout-four\";\n      case SERVICES_LAYOUTS.LayoutFive:\n        return \"ui-service-items-layout-five\";\n      default:\n        return \"\";\n    }\n  };\n\n  const layoutClassName = getLayoutClassName(layout);\n\n  const itemsNormalized = useMemo(() => {\n    switch (layout) {\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutOne:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items except the second one.\n       */\n      case SERVICES_LAYOUTS.LayoutTwo:\n        return items.map((item, index) => {\n          const removeImage = index !== 1;\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutThree:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      /**\n       * In this layout, we remove the image from all items.\n       */\n      case SERVICES_LAYOUTS.LayoutFour:\n        return items.map((item, index) => {\n          const removeImage = index !== 0;\n\n          return {\n            ...omit(item, removeImage ? [\"image\"] : []),\n          };\n        });\n      case SERVICES_LAYOUTS.LayoutFive:\n        return items.map((item) => {\n          return {\n            ...omit(item, [\"image\"]),\n          };\n        });\n      default:\n        return items;\n    }\n  }, [items, layout]);\n\n  return (\n    <Section className={clsx(\"base-col ui-service-items-section\", className)}>\n      <Col className=\"ui-service-items-sectirron-content\">\n        <div className=\"ui-service-items-section-title\">\n          <Section.Title fs={\"2\"} mdFs={\"2\"} as={\"h1\"} color={\"slate-20\"}>\n            {title}\n          </Section.Title>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ${layoutClassName}`}\n      >\n        {itemsNormalized?.map((item, index) => {\n          return (\n            <li key={[item._id, index].join(\"-\")}>\n              <CardCategory\n                key={[item._id, index].join(\"-\")}\n                title={item?.name}\n                description={item?.description}\n                image={item?.image}\n                href={item?.link || item?.externalLink}\n                showIcon={item?.externalLink}\n                asLink={asLink}\n                isExternal={item?.externalLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SERVICES_LAYOUTS","Services","title","description","goToLabel","href","asLink","items","layout","className","layoutClassName","l","itemsNormalized","useMemo","item","omit","index","removeImage","Section","clsx","jsxs","Col","jsx","ArrowLink","CardCategory"],"mappings":"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"}

package/dist/index.cjs144.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/SuggestedServices/SuggestedServices.css');const e=require("./index.cjs247.js"),n=require("./index.cjs55.js"),a=require("./index.cjs249.js");;/* empty css              */const d=require("./index.cjs34.js"),j=require("./index.cjs10.js"),g=require("./index.cjs43.js"),p=({title:i,description:c,goToLabel:t,href:o,asLink:l="a",items:r,className:x})=>e.jsxRuntimeExports.jsxs(n.Section,{className:a.clsx("base-col ui-suggested-services-section",x),children:[e.jsxRuntimeExports.jsxs(j.Col,{className:"ui-suggested-services-sectirron-content",children:[e.jsxRuntimeExports.jsxs("div",{className:"ui-suggested-services-section-title",children:[e.jsxRuntimeExports.jsx(n.Section.Description,{color:"slate-14",className:"fw-regular fs-3",children:i}),t&&o&&e.jsxRuntimeExports.jsx(g.ArrowLink,{href:o,asLink:l,fs:"7",children:t.toUpperCase()})]}),c&&e.jsxRuntimeExports.jsx(n.Section.Description,{children:c})]}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:"list-style-none ui-suggested-services-layout",children:r==null?void 0:r.map((s,u)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(d.CardService,{title:s==null?void 0:s.name,href:(s==null?void 0:s.link)||(s==null?void 0:s.externalLink),iconType:u===1?"icon2":u===2?"icon3":"icon1",titleTag:"h1",asLink:l},s._id)},s._id))})]});exports.SuggestedServices=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/SuggestedServices/SuggestedServices.css');const e=require("./index.cjs249.js"),n=require("./index.cjs55.js"),a=require("./index.cjs250.js");;/* empty css              */const d=require("./index.cjs34.js"),j=require("./index.cjs10.js"),g=require("./index.cjs43.js"),p=({title:i,description:c,goToLabel:t,href:o,asLink:l="a",items:r,className:x})=>e.jsxRuntimeExports.jsxs(n.Section,{className:a.clsx("base-col ui-suggested-services-section",x),children:[e.jsxRuntimeExports.jsxs(j.Col,{className:"ui-suggested-services-sectirron-content",children:[e.jsxRuntimeExports.jsxs("div",{className:"ui-suggested-services-section-title",children:[e.jsxRuntimeExports.jsx(n.Section.Description,{color:"slate-14",className:"fw-regular fs-3",children:i}),t&&o&&e.jsxRuntimeExports.jsx(g.ArrowLink,{href:o,asLink:l,fs:"7",children:t.toUpperCase()})]}),c&&e.jsxRuntimeExports.jsx(n.Section.Description,{children:c})]}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:"list-style-none ui-suggested-services-layout",children:r==null?void 0:r.map((s,u)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(d.CardService,{title:s==null?void 0:s.name,href:(s==null?void 0:s.link)||(s==null?void 0:s.externalLink),iconType:u===1?"icon2":u===2?"icon3":"icon1",titleTag:"h1",asLink:l},s._id)},s._id))})]});exports.SuggestedServices=p;
 //# sourceMappingURL=index.cjs144.js.map

package/dist/index.cjs144.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs144.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\r\nimport { ArrowLink, CardService, Col } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./SuggestedServices.scss\";\r\nimport { ComponentType, ReactNode } from \"react\";\r\n\r\nexport type SuggestedServicesProps = {\r\n  title: ReactNode;\r\n  description?: ReactNode;\r\n  goToLabel?: string;\r\n  href?: string;\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  items: any[];\r\n  className?: string;\r\n};\r\n\r\nexport const SuggestedServices = ({\r\n  title,\r\n  description,\r\n  goToLabel,\r\n  href,\r\n  asLink = \"a\",\r\n  items,\r\n  className,\r\n}: SuggestedServicesProps) => {\r\n  return (\r\n    <Section\r\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\r\n    >\r\n      <Col className=\"ui-suggested-services-sectirron-content\">\r\n        <div className=\"ui-suggested-services-section-title\">\r\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\r\n            {title}\r\n          </Section.Description>\r\n          {goToLabel && href && (\r\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\r\n              {goToLabel.toUpperCase()}\r\n            </ArrowLink>\r\n          )}\r\n        </div>\r\n        {description && (\r\n          <Section.Description>{description}</Section.Description>\r\n        )}\r\n      </Col>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-suggested-services-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={item._id}>\r\n              <CardService\r\n                key={item._id}\r\n                title={item?.name}\r\n                href={item?.link || item?.externalLink}\r\n                iconType={\r\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\r\n                }\r\n                titleTag={\"h1\"}\r\n                asLink={asLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":"+SAgBaA,EAAoB,CAAC,CAChC,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,IACT,MAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAWC,EAAAA,KAAK,yCAA0CH,CAAS,EAEnE,SAAA,CAACC,EAAAA,kBAAAA,KAAAG,EAAAA,IAAA,CAAI,UAAU,0CACb,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAI,wBAACH,EAAAA,QAAQ,YAAR,CAAoB,MAAO,WAAY,UAAW,kBAChD,SACHR,EAAA,EACCE,GAAaC,GACZQ,wBAACC,EAAAA,UAAU,CAAA,KAAAT,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAUF,EAAA,YAAA,CACb,CAAA,CAAA,EAEJ,EACCD,GACCU,EAAA,kBAAA,IAACH,EAAQ,QAAA,YAAR,CAAqB,SAAYP,CAAA,CAAA,CAAA,EAEtC,EACAU,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYX,CAAK,GAC7B,UAAW,+CAEV,SAAOK,GAAA,YAAAA,EAAA,IAAI,CAACQ,EAAMC,4BAEd,KACC,CAAA,SAAAH,EAAA,kBAAA,IAACI,EAAA,YAAA,CAEC,MAAOF,GAAA,YAAAA,EAAM,KACb,MAAMA,GAAA,YAAAA,EAAM,QAAQA,GAAA,YAAAA,EAAM,cAC1B,SACEC,IAAU,EAAI,QAAUA,IAAU,EAAI,QAAU,QAElD,SAAU,KACV,OAAAV,CAAA,EAPKS,EAAK,GAAA,CAQZ,EAVOA,EAAK,GAWd,EAEH,CAAA,CACH,CAAA,CACF"}
+{"version":3,"file":"index.cjs144.js","sources":["../src/sections/SuggestedServices/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { ArrowLink, CardService, Col } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./SuggestedServices.scss\";\nimport { ComponentType, ReactNode } from \"react\";\n\nexport type SuggestedServicesProps = {\n  title: ReactNode;\n  description?: ReactNode;\n  goToLabel?: string;\n  href?: string;\n  asLink?: \"a\" | ComponentType<any>;\n  items: any[];\n  className?: string;\n};\n\nexport const SuggestedServices = ({\n  title,\n  description,\n  goToLabel,\n  href,\n  asLink = \"a\",\n  items,\n  className,\n}: SuggestedServicesProps) => {\n  return (\n    <Section\n      className={clsx(\"base-col ui-suggested-services-section\", className)}\n    >\n      <Col className=\"ui-suggested-services-sectirron-content\">\n        <div className=\"ui-suggested-services-section-title\">\n          <Section.Description color={\"slate-14\"} className={\"fw-regular fs-3\"}>\n            {title}\n          </Section.Description>\n          {goToLabel && href && (\n            <ArrowLink href={href} asLink={asLink} fs=\"7\">\n              {goToLabel.toUpperCase()}\n            </ArrowLink>\n          )}\n        </div>\n        {description && (\n          <Section.Description>{description}</Section.Description>\n        )}\n      </Col>\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-suggested-services-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={item._id}>\n              <CardService\n                key={item._id}\n                title={item?.name}\n                href={item?.link || item?.externalLink}\n                iconType={\n                  index === 1 ? \"icon2\" : index === 2 ? \"icon3\" : \"icon1\"\n                }\n                titleTag={\"h1\"}\n                asLink={asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["SuggestedServices","title","description","goToLabel","href","asLink","items","className","jsxs","Section","clsx","Col","jsx","ArrowLink","item","index","CardService"],"mappings":"+SAgBaA,EAAoB,CAAC,CAChC,MAAAC,EACA,YAAAC,EACA,UAAAC,EACA,KAAAC,EACA,OAAAC,EAAS,IACT,MAAAC,EACA,UAAAC,CACF,IAEIC,EAAA,kBAAA,KAACC,EAAA,QAAA,CACC,UAAWC,EAAAA,KAAK,yCAA0CH,CAAS,EAEnE,SAAA,CAACC,EAAAA,kBAAAA,KAAAG,EAAAA,IAAA,CAAI,UAAU,0CACb,SAAA,CAACH,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sCACb,SAAA,CAAAI,wBAACH,EAAAA,QAAQ,YAAR,CAAoB,MAAO,WAAY,UAAW,kBAChD,SACHR,EAAA,EACCE,GAAaC,GACZQ,wBAACC,EAAAA,UAAU,CAAA,KAAAT,EAAY,OAAAC,EAAgB,GAAG,IACvC,SAAUF,EAAA,YAAA,CACb,CAAA,CAAA,EAEJ,EACCD,GACCU,EAAA,kBAAA,IAACH,EAAQ,QAAA,YAAR,CAAqB,SAAYP,CAAA,CAAA,CAAA,EAEtC,EACAU,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYX,CAAK,GAC7B,UAAW,+CAEV,SAAOK,GAAA,YAAAA,EAAA,IAAI,CAACQ,EAAMC,4BAEd,KACC,CAAA,SAAAH,EAAA,kBAAA,IAACI,EAAA,YAAA,CAEC,MAAOF,GAAA,YAAAA,EAAM,KACb,MAAMA,GAAA,YAAAA,EAAM,QAAQA,GAAA,YAAAA,EAAM,cAC1B,SACEC,IAAU,EAAI,QAAUA,IAAU,EAAI,QAAU,QAElD,SAAU,KACV,OAAAV,CAAA,EAPKS,EAAK,GAAA,CAQZ,EAVOA,EAAK,GAWd,EAEH,CAAA,CACH,CAAA,CACF"}

package/dist/index.cjs145.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Documents/Documents.css');const e=require("./index.cjs247.js");;/* empty css              */const l=require("./index.cjs102.js"),t=require("./index.cjs55.js"),a=({title:i,description:r,items:n=[],colorTitle:o="primary",fontSizeTitle:c="2"})=>e.jsxRuntimeExports.jsxs(t.Section,{className:"ui-document-section",children:[i&&e.jsxRuntimeExports.jsx("div",{className:"ui-document-items-section-title",children:e.jsxRuntimeExports.jsx(t.Section.Title,{fs:c,mdFs:"2",as:"h1",color:o,children:i})}),r&&e.jsxRuntimeExports.jsx(t.Section.Description,{className:"ui-document-section-description mb-x40",children:r}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:"list-style-none ui-document-items-layout",children:n==null?void 0:n.map((s,u)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(l.CardFile,{action:s==null?void 0:s.action,issued_at:s.issued_at,title:s.title,file:s.file,description:s.description,asLink:s.asLink})},u))})]});exports.Documents=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Documents/Documents.css');const e=require("./index.cjs249.js");;/* empty css              */const l=require("./index.cjs102.js"),t=require("./index.cjs55.js"),a=({title:i,description:r,items:n=[],colorTitle:o="primary",fontSizeTitle:c="2"})=>e.jsxRuntimeExports.jsxs(t.Section,{className:"ui-document-section",children:[i&&e.jsxRuntimeExports.jsx("div",{className:"ui-document-items-section-title",children:e.jsxRuntimeExports.jsx(t.Section.Title,{fs:c,mdFs:"2",as:"h1",color:o,children:i})}),r&&e.jsxRuntimeExports.jsx(t.Section.Description,{className:"ui-document-section-description mb-x40",children:r}),e.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:"list-style-none ui-document-items-layout",children:n==null?void 0:n.map((s,u)=>e.jsxRuntimeExports.jsx("li",{children:e.jsxRuntimeExports.jsx(l.CardFile,{action:s==null?void 0:s.action,issued_at:s.issued_at,title:s.title,file:s.file,description:s.description,asLink:s.asLink})},u))})]});exports.Documents=a;
 //# sourceMappingURL=index.cjs145.js.map

package/dist/index.cjs145.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs145.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\r\nimport \"./Documents.scss\";\r\nimport { TypographyKeys } from \"@theme/typography.ts\";\r\nimport { ColorKeys } from \"@theme/colors.ts\";\r\nimport { ReactNode } from \"react\";\r\n\r\ntype Props = {\r\n  title?: string;\r\n  description?: string | ReactNode;\r\n  items: CardFileProps[];\r\n  colorTitle?: ColorKeys;\r\n  fontSizeTitle?: TypographyKeys;\r\n};\r\n\r\nexport const Documents = ({\r\n  title,\r\n  description,\r\n  items = [],\r\n  colorTitle = \"primary\",\r\n  fontSizeTitle = \"2\",\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-document-section\">\r\n      {title && (\r\n        <div className=\"ui-document-items-section-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=\"ui-document-section-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={`list-style-none ui-document-items-layout`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardFile\r\n                action={item?.action}\r\n                issued_at={item.issued_at}\r\n                title={item.title}\r\n                file={item.file}\r\n                description={item.description}\r\n                asLink={item.asLink}\r\n              />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":"qNAcaA,EAAY,CAAC,CACxB,MAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,UACb,cAAAC,EAAgB,GAClB,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCN,GAAAO,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAIF,EACJ,KAAM,IACN,GAAI,KACJ,MAAOD,EAEN,SAAAH,CAAA,CAAA,EAEL,EAEDC,GACEM,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,YAAR,CAAoB,UAAU,yCAC5B,SACHL,EAAA,EAEFM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYP,CAAK,GAC7B,UAAW,2CAEV,SAAOE,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,EAAA,SAAA,CACC,OAAQF,GAAA,YAAAA,EAAM,OACd,UAAWA,EAAK,UAChB,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,YAAaA,EAAK,YAClB,OAAQA,EAAK,MAAA,IAPRC,CAST,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs145.js","sources":["../src/sections/Documents/index.tsx"],"sourcesContent":["import { CardFile, CardFileProps, Section } from \"@/components\";\nimport \"./Documents.scss\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { ReactNode } from \"react\";\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: CardFileProps[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const Documents = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"2\",\n}: Props) => {\n  return (\n    <Section className=\"ui-document-section\">\n      {title && (\n        <div className=\"ui-document-items-section-title\">\n          <Section.Title\n            fs={fontSizeTitle}\n            mdFs={\"2\"}\n            as={\"h1\"}\n            color={colorTitle}\n          >\n            {title}\n          </Section.Title>\n        </div>\n      )}\n      {description && (\n        <Section.Description className=\"ui-document-section-description mb-x40\">\n          {description}\n        </Section.Description>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-document-items-layout`}\n      >\n        {items?.map((item, index) => {\n          return (\n            <li key={index}>\n              <CardFile\n                action={item?.action}\n                issued_at={item.issued_at}\n                title={item.title}\n                file={item.file}\n                description={item.description}\n                asLink={item.asLink}\n              />\n            </li>\n          );\n        })}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["Documents","title","description","items","colorTitle","fontSizeTitle","jsxs","Section","jsx","item","index","CardFile"],"mappings":"qNAcaA,EAAY,CAAC,CACxB,MAAAC,EACA,YAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,UACb,cAAAC,EAAgB,GAClB,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCN,GAAAO,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAIF,EACJ,KAAM,IACN,GAAI,KACJ,MAAOD,EAEN,SAAAH,CAAA,CAAA,EAEL,EAEDC,GACEM,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,YAAR,CAAoB,UAAU,yCAC5B,SACHL,EAAA,EAEFM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYP,CAAK,GAC7B,UAAW,2CAEV,SAAOE,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,EAAA,SAAA,CACC,OAAQF,GAAA,YAAAA,EAAM,OACd,UAAWA,EAAK,UAChB,MAAOA,EAAK,MACZ,KAAMA,EAAK,KACX,YAAaA,EAAK,YAClB,OAAQA,EAAK,MAAA,IAPRC,CAST,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs146.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Tags/Tags.css');const s=require("./index.cjs247.js");;/* empty css              */const r=require("./index.cjs108.js"),e=require("./index.cjs55.js"),o=({title:t,items:i=[]})=>s.jsxRuntimeExports.jsxs(e.Section,{className:"ui-tags-section",children:[s.jsxRuntimeExports.jsx(e.Section.Title,{fs:"6",mdFs:"6",as:"h1",color:"slate-28",className:"ui-tags-items-section-title",children:t}),s.jsxRuntimeExports.jsx(r.TagsGroup,{topics:i})]});exports.Tags=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Tags/Tags.css');const s=require("./index.cjs249.js");;/* empty css              */const r=require("./index.cjs108.js"),e=require("./index.cjs55.js"),o=({title:t,items:i=[]})=>s.jsxRuntimeExports.jsxs(e.Section,{className:"ui-tags-section",children:[s.jsxRuntimeExports.jsx(e.Section.Title,{fs:"6",mdFs:"6",as:"h1",color:"slate-28",className:"ui-tags-items-section-title",children:t}),s.jsxRuntimeExports.jsx(r.TagsGroup,{topics:i})]});exports.Tags=o;
 //# sourceMappingURL=index.cjs146.js.map

package/dist/index.cjs146.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs146.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\r\nimport \"./Tags.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: any[];\r\n};\r\n\r\nexport const Tags = ({ title, items = [] }: Props) => {\r\n  return (\r\n    <Section className=\"ui-tags-section\">\r\n      <Section.Title\r\n        fs={\"6\"}\r\n        mdFs={\"6\"}\r\n        as={\"h1\"}\r\n        color={\"slate-28\"}\r\n        className=\"ui-tags-items-section-title\"\r\n      >\r\n        {title}\r\n      </Section.Title>\r\n      <TagsGroup topics={items} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":"qNAQaA,EAAO,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,MAElCC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,kBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CACH,EACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,OAAQJ,CAAO,CAAA,CAAA,EAC5B"}
+{"version":3,"file":"index.cjs146.js","sources":["../src/sections/Tags/index.tsx"],"sourcesContent":["import { Section, TagsGroup } from \"@/components\";\nimport \"./Tags.scss\";\n\ntype Props = {\n  title: string;\n  items: any[];\n};\n\nexport const Tags = ({ title, items = [] }: Props) => {\n  return (\n    <Section className=\"ui-tags-section\">\n      <Section.Title\n        fs={\"6\"}\n        mdFs={\"6\"}\n        as={\"h1\"}\n        color={\"slate-28\"}\n        className=\"ui-tags-items-section-title\"\n      >\n        {title}\n      </Section.Title>\n      <TagsGroup topics={items} />\n    </Section>\n  );\n};\n"],"names":["Tags","title","items","jsxs","Section","jsx","TagsGroup"],"mappings":"qNAQaA,EAAO,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAQ,MAElCC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,kBACjB,SAAA,CAAAC,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,GAAI,IACJ,KAAM,IACN,GAAI,KACJ,MAAO,WACP,UAAU,8BAET,SAAAH,CAAA,CACH,EACAI,EAAAA,kBAAAA,IAACC,EAAU,UAAA,CAAA,OAAQJ,CAAO,CAAA,CAAA,EAC5B"}

package/dist/index.cjs147.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs247.js"),i=require("./index.cjs258.js"),a=require("./index.cjs259.js"),c=(e,n=void 0)=>{const t=i.sanitize(e).replace(/^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,"$3");return s.jsxRuntimeExports.jsx(a.default,{dangerouslySetInnerHTML:{__html:t},as:n})},u=(e,n="p")=>{const r=i.sanitize(e,{ADD_ATTR:["target"]}),t=n,o=r.replace(/^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,"$3");return s.jsxRuntimeExports.jsx(t,{dangerouslySetInnerHTML:{__html:o}})};exports.HTML=u;exports.HTMLBalancer=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs249.js"),i=require("./index.cjs261.js"),a=require("./index.cjs262.js"),c=(e,n=void 0)=>{const t=i.sanitize(e).replace(/^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,"$3");return s.jsxRuntimeExports.jsx(a.default,{dangerouslySetInnerHTML:{__html:t},as:n})},u=(e,n="p")=>{const r=i.sanitize(e,{ADD_ATTR:["target"]}),t=n,o=r.replace(/^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,"$3");return s.jsxRuntimeExports.jsx(t,{dangerouslySetInnerHTML:{__html:o}})};exports.HTML=u;exports.HTMLBalancer=c;
 //# sourceMappingURL=index.cjs147.js.map

package/dist/index.cjs147.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs147.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\r\nimport Balancer from \"react-wrap-balancer\";\r\n\r\nexport const HTMLBalancer = (\r\n  html: string,\r\n  as: string | undefined = undefined,\r\n) => {\r\n  const sanitized = DOMPurify.sanitize(html);\r\n  const innerContent = sanitized.replace(\r\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\r\n    \"$3\",\r\n  );\r\n  return (\r\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\r\n  );\r\n};\r\n\r\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\r\n  const sanitized = DOMPurify.sanitize(html, {\r\n    ADD_ATTR: [\"target\"],\r\n  });\r\n  const Component = as;\r\n  const innerContent = sanitized.replace(\r\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\r\n    \"$3\",\r\n  );\r\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\r\n};\r\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":"mLAGaA,EAAe,CAC1BC,EACAC,EAAyB,SACtB,CAEH,MAAMC,EADYC,EAAU,SAASH,CAAI,EACV,QAC7B,yCACA,IACF,EACA,+BACGI,EAAS,QAAA,CAAA,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CACrD,MAAAK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IACF,EACA,+BAAQC,EAAU,CAAA,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}
+{"version":3,"file":"index.cjs147.js","sources":["../src/sections/HTMLBalancer/index.tsx"],"sourcesContent":["import DOMPurify from \"isomorphic-dompurify\";\nimport Balancer from \"react-wrap-balancer\";\n\nexport const HTMLBalancer = (\n  html: string,\n  as: string | undefined = undefined,\n) => {\n  const sanitized = DOMPurify.sanitize(html);\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return (\n    <Balancer dangerouslySetInnerHTML={{ __html: innerContent }} as={as} />\n  );\n};\n\nexport const HTML = (html: string, as: \"div\" | \"p\" = \"p\") => {\n  const sanitized = DOMPurify.sanitize(html, {\n    ADD_ATTR: [\"target\"],\n  });\n  const Component = as;\n  const innerContent = sanitized.replace(\n    /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\\/\\1>$/i,\n    \"$3\",\n  );\n  return <Component dangerouslySetInnerHTML={{ __html: innerContent }} />;\n};\n"],"names":["HTMLBalancer","html","as","innerContent","DOMPurify","Balancer","HTML","sanitized","Component"],"mappings":"mLAGaA,EAAe,CAC1BC,EACAC,EAAyB,SACtB,CAEH,MAAMC,EADYC,EAAU,SAASH,CAAI,EACV,QAC7B,yCACA,IACF,EACA,+BACGI,EAAS,QAAA,CAAA,wBAAyB,CAAE,OAAQF,CAAA,EAAgB,GAAAD,EAAQ,CAEzE,EAEaI,EAAO,CAACL,EAAcC,EAAkB,MAAQ,CACrD,MAAAK,EAAYH,EAAU,SAASH,EAAM,CACzC,SAAU,CAAC,QAAQ,CAAA,CACpB,EACKO,EAAYN,EACZC,EAAeI,EAAU,QAC7B,yCACA,IACF,EACA,+BAAQC,EAAU,CAAA,wBAAyB,CAAE,OAAQL,GAAgB,CACvE"}

package/dist/index.cjs148.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Insights/Insights.css');const s=require("./index.cjs247.js");;/* empty css              */const l=require("./index.cjs121.js"),t=require("./index.cjs55.js"),x=({title:i,items:e=[],colorTitle:n="slate-20",showBackgroundRectangle:r=!0})=>s.jsxRuntimeExports.jsxs(t.Section,{className:"ui-insights-section",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"ui-insights-background-rectangle"}),i&&s.jsxRuntimeExports.jsx("div",{className:"ui-insights-items-section-title",children:s.jsxRuntimeExports.jsx(t.Section.Title,{className:"ui-insights-items-section-title",as:"h1",color:n,children:i})}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:`list-style-none ui-insights-items-layout ${i?"":"mt-x56"}`,children:e==null?void 0:e.map((o,u)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(l.CardPreview,{...o})},u))})]});exports.Insights=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/Insights/Insights.css');const s=require("./index.cjs249.js");;/* empty css              */const l=require("./index.cjs121.js"),t=require("./index.cjs55.js"),x=({title:i,items:e=[],colorTitle:n="slate-20",showBackgroundRectangle:r=!0})=>s.jsxRuntimeExports.jsxs(t.Section,{className:"ui-insights-section",children:[r&&s.jsxRuntimeExports.jsx("div",{className:"ui-insights-background-rectangle"}),i&&s.jsxRuntimeExports.jsx("div",{className:"ui-insights-items-section-title",children:s.jsxRuntimeExports.jsx(t.Section.Title,{className:"ui-insights-items-section-title",as:"h1",color:n,children:i})}),s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Lista di ${i}`,className:`list-style-none ui-insights-items-layout ${i?"":"mt-x56"}`,children:e==null?void 0:e.map((o,u)=>s.jsxRuntimeExports.jsx("li",{children:s.jsxRuntimeExports.jsx(l.CardPreview,{...o})},u))})]});exports.Insights=x;
 //# sourceMappingURL=index.cjs148.js.map

package/dist/index.cjs148.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs148.js","sources":["../src/sections/Insights/index.tsx"],"sourcesContent":["import { CardPreviewProps, CardPreview, Section } from \"@/components\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./Insights.scss\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  items: CardPreviewProps[];\r\n  colorTitle?: ColorKeys;\r\n  showBackgroundRectangle?: boolean;\r\n};\r\n\r\nexport const Insights = ({\r\n  title,\r\n  items = [],\r\n  colorTitle = \"slate-20\",\r\n  showBackgroundRectangle = true,\r\n}: Props) => {\r\n  return (\r\n    <Section className=\"ui-insights-section\">\r\n      {showBackgroundRectangle && (\r\n        <div className=\"ui-insights-background-rectangle\"></div>\r\n      )}\r\n      {title && (\r\n        <div className=\"ui-insights-items-section-title\">\r\n          <Section.Title\r\n            className=\"ui-insights-items-section-title\"\r\n            as={\"h1\"}\r\n            color={colorTitle}\r\n          >\r\n            {title}\r\n          </Section.Title>\r\n        </div>\r\n      )}\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Lista di ${title}`}\r\n        className={`list-style-none ui-insights-items-layout ${!title ? \"mt-x56\" : \"\"}`}\r\n      >\r\n        {items?.map((item, index) => {\r\n          return (\r\n            <li key={index}>\r\n              <CardPreview {...item} />\r\n            </li>\r\n          );\r\n        })}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["Insights","title","items","colorTitle","showBackgroundRectangle","jsxs","Section","jsx","item","index","CardPreview"],"mappings":"qNAWaA,EAAW,CAAC,CACvB,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCF,GAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAEnDN,GACCM,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,UAAU,kCACV,GAAI,KACJ,MAAOH,EAEN,SAAAF,CAAA,CAAA,EAEL,EAEFM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,4CAA6CA,EAAmB,GAAX,QAAa,GAE5E,SAAOC,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}
+{"version":3,"file":"index.cjs148.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      {title && (\n        <div className=\"ui-insights-items-section-title\">\n          <Section.Title\n            className=\"ui-insights-items-section-title\"\n            as={\"h1\"}\n            color={colorTitle}\n          >\n            {title}\n          </Section.Title>\n        </div>\n      )}\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`list-style-none ui-insights-items-layout ${!title ? \"mt-x56\" : \"\"}`}\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":"qNAWaA,EAAW,CAAC,CACvB,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,WAAAC,EAAa,WACb,wBAAAC,EAA0B,EAC5B,IAEIC,EAAA,kBAAA,KAACC,EAAQ,QAAA,CAAA,UAAU,sBAChB,SAAA,CACCF,GAAAG,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCAAmC,CAAA,EAEnDN,GACCM,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAACD,EAAAA,QAAQ,MAAR,CACC,UAAU,kCACV,GAAI,KACJ,MAAOH,EAEN,SAAAF,CAAA,CAAA,EAEL,EAEFM,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,YAAYN,CAAK,GAC7B,UAAW,4CAA6CA,EAAmB,GAAX,QAAa,GAE5E,SAAOC,GAAA,YAAAA,EAAA,IAAI,CAACM,EAAMC,4BAEd,KACC,CAAA,SAAAF,EAAA,kBAAA,IAACG,eAAa,GAAGF,CAAA,CAAM,GADhBC,CAET,EAEH,CAAA,CACH,EACF"}

package/dist/index.cjs149.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/ImagesDescription/ImagesDescription.css');const s=require("./index.cjs247.js"),o=require("./index.cjs249.js");;/* empty css              */const n=require("./index.cjs55.js"),e={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",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",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"},l=({title:i,items:t=[],layout:a=e.FULL_1_1,className:r})=>{const c=(_=>{switch(_){case e.FULL_1_1:return"images-description-layout-full-1-1";case e.FULL_4_3:return"images-description-layout-full-4-3";case e.FULL_16_9:return"images-description-layout-full-16-9";case e.FULL_21_9:return"images-description-layout-full-21-9";case e.FULL_32_9:return"images-description-layout-full-32-9";case e.TWO_COL_1_1:return"images-description-layout-two-col-1-1";case e.TWO_COL_4_3:return"images-description-layout-two-col-4-3";case e.TWO_COL_16_9:return"images-description-layout-two-col-16-9";case e.TWO_COL_21_9:return"images-description-layout-two-col-21-9";case e.TWO_COL_32_9:return"images-description-layout-two-col-32-9";case e.THREE_COL_1_1:return"images-description-layout-three-col-1-1";case e.THREE_COL_4_3:return"images-description-layout-three-col-4-3";case e.THREE_COL_16_9:return"images-description-layout-three-col-16-9";case e.THREE_COL_21_9:return"images-description-layout-three-col-21-9";case e.THREE_COL_32_9:return"images-description-layout-three-col-32-9";default:return""}})(a);return s.jsxRuntimeExports.jsx(n.Section,{className:o.clsx("base-col images-description-section",r),children:s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Raccolta di ${i}`,className:`list-style-none ${c}`,children:t==null?void 0:t.map(_=>s.jsxRuntimeExports.jsxs("li",{className:"images-description-item",children:[s.jsxRuntimeExports.jsx("div",{className:"images-description-item-image-container",children:s.jsxRuntimeExports.jsx("img",{src:_.image.src,alt:_.image.alt,title:_.image.title,className:"images-description-item-image"})}),s.jsxRuntimeExports.jsx("div",{className:"images-description-item-content",children:s.jsxRuntimeExports.jsx("p",{className:"images-description-item-description text-slate-28 fs-9",children:_.description})})]},_._id))})})};exports.IMAGES_DESCRIPTION_LAYOUTS=e;exports.ImagesDescription=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./sections/ImagesDescription/ImagesDescription.css');const s=require("./index.cjs249.js"),o=require("./index.cjs250.js");;/* empty css              */const n=require("./index.cjs55.js"),e={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",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",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"},l=({title:i,items:t=[],layout:a=e.FULL_1_1,className:r})=>{const c=(_=>{switch(_){case e.FULL_1_1:return"images-description-layout-full-1-1";case e.FULL_4_3:return"images-description-layout-full-4-3";case e.FULL_16_9:return"images-description-layout-full-16-9";case e.FULL_21_9:return"images-description-layout-full-21-9";case e.FULL_32_9:return"images-description-layout-full-32-9";case e.TWO_COL_1_1:return"images-description-layout-two-col-1-1";case e.TWO_COL_4_3:return"images-description-layout-two-col-4-3";case e.TWO_COL_16_9:return"images-description-layout-two-col-16-9";case e.TWO_COL_21_9:return"images-description-layout-two-col-21-9";case e.TWO_COL_32_9:return"images-description-layout-two-col-32-9";case e.THREE_COL_1_1:return"images-description-layout-three-col-1-1";case e.THREE_COL_4_3:return"images-description-layout-three-col-4-3";case e.THREE_COL_16_9:return"images-description-layout-three-col-16-9";case e.THREE_COL_21_9:return"images-description-layout-three-col-21-9";case e.THREE_COL_32_9:return"images-description-layout-three-col-32-9";default:return""}})(a);return s.jsxRuntimeExports.jsx(n.Section,{className:o.clsx("base-col images-description-section",r),children:s.jsxRuntimeExports.jsx("ul",{role:"list","aria-label":`Raccolta di ${i}`,className:`list-style-none ${c}`,children:t==null?void 0:t.map(_=>s.jsxRuntimeExports.jsxs("li",{className:"images-description-item",children:[s.jsxRuntimeExports.jsx("div",{className:"images-description-item-image-container",children:s.jsxRuntimeExports.jsx("img",{src:_.image.src,alt:_.image.alt,title:_.image.title,className:"images-description-item-image"})}),s.jsxRuntimeExports.jsx("div",{className:"images-description-item-content",children:s.jsxRuntimeExports.jsx("p",{className:"images-description-item-description text-slate-28 fs-9",children:_.description})})]},_._id))})})};exports.IMAGES_DESCRIPTION_LAYOUTS=e;exports.ImagesDescription=l;
 //# sourceMappingURL=index.cjs149.js.map

package/dist/index.cjs149.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs149.js","sources":["../src/sections/ImagesDescription/index.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Section } from \"../../components\";\r\nimport \"./ImagesDescription.scss\";\r\n\r\nexport const IMAGES_DESCRIPTION_LAYOUTS = {\r\n  // Layout FULL (1 colonna)\r\n  FULL_1_1: \"FULL_1_1\",\r\n  FULL_4_3: \"FULL_4_3\",\r\n  FULL_16_9: \"FULL_16_9\",\r\n  FULL_21_9: \"FULL_21_9\",\r\n  FULL_32_9: \"FULL_32_9\",\r\n  // Layout TWO_COL (2 colonne)\r\n  TWO_COL_1_1: \"TWO_COL_1_1\",\r\n  TWO_COL_4_3: \"TWO_COL_4_3\",\r\n  TWO_COL_16_9: \"TWO_COL_16_9\",\r\n  TWO_COL_21_9: \"TWO_COL_21_9\",\r\n  TWO_COL_32_9: \"TWO_COL_32_9\",\r\n  // Layout THREE_COL (3 colonne)\r\n  THREE_COL_1_1: \"THREE_COL_1_1\",\r\n  THREE_COL_4_3: \"THREE_COL_4_3\",\r\n  THREE_COL_16_9: \"THREE_COL_16_9\",\r\n  THREE_COL_21_9: \"THREE_COL_21_9\",\r\n  THREE_COL_32_9: \"THREE_COL_32_9\",\r\n} as const;\r\n\r\nexport type ImagesDescriptionLayout =\r\n  (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];\r\n\r\nexport interface ImageDescriptionItem {\r\n  _id: string;\r\n  image: {\r\n    src: string;\r\n    alt: string;\r\n    title?: string;\r\n  };\r\n  description: string;\r\n}\r\n\r\nexport interface ImagesDescriptionProps {\r\n  title: ReactNode;\r\n  items: ImageDescriptionItem[];\r\n  layout?: ImagesDescriptionLayout;\r\n  className?: string;\r\n}\r\n\r\nexport const ImagesDescription = ({\r\n  title,\r\n  items = [],\r\n  layout = IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1,\r\n  className,\r\n}: ImagesDescriptionProps) => {\r\n  const getLayoutClassName = (l: ImagesDescriptionLayout) => {\r\n    switch (l) {\r\n      // Layout FULL (1 colonna)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_1_1:\r\n        return \"images-description-layout-full-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_4_3:\r\n        return \"images-description-layout-full-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_16_9:\r\n        return \"images-description-layout-full-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_21_9:\r\n        return \"images-description-layout-full-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.FULL_32_9:\r\n        return \"images-description-layout-full-32-9\";\r\n\r\n      // Layout TWO_COL (2 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_1_1:\r\n        return \"images-description-layout-two-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_4_3:\r\n        return \"images-description-layout-two-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_16_9:\r\n        return \"images-description-layout-two-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_21_9:\r\n        return \"images-description-layout-two-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.TWO_COL_32_9:\r\n        return \"images-description-layout-two-col-32-9\";\r\n\r\n      // Layout THREE_COL (3 colonne)\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_1_1:\r\n        return \"images-description-layout-three-col-1-1\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_4_3:\r\n        return \"images-description-layout-three-col-4-3\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_16_9:\r\n        return \"images-description-layout-three-col-16-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_21_9:\r\n        return \"images-description-layout-three-col-21-9\";\r\n      case IMAGES_DESCRIPTION_LAYOUTS.THREE_COL_32_9:\r\n        return \"images-description-layout-three-col-32-9\";\r\n\r\n      default:\r\n        return \"\";\r\n    }\r\n  };\r\n\r\n  /* const isFullLayout = layout.startsWith(\"FULL_\");\r\n  const isThreeColLayout = layout.startsWith(\"THREE_COL_\");\r\n\r\n  const limitedItems = isFullLayout\r\n    ? items.slice(0, 1)\r\n    : isThreeColLayout\r\n      ? items.slice(0, 3)\r\n      : items.slice(0, 2); */\r\n\r\n  const layoutClassName = getLayoutClassName(layout);\r\n\r\n  return (\r\n    <Section className={clsx(\"base-col images-description-section\", className)}>\r\n      <ul\r\n        role=\"list\"\r\n        aria-label={`Raccolta di ${title}`}\r\n        className={`list-style-none ${layoutClassName}`}\r\n      >\r\n        {items?.map((item) => (\r\n          <li key={item._id} className=\"images-description-item\">\r\n            <div className=\"images-description-item-image-container\">\r\n              <img\r\n                src={item.image.src}\r\n                alt={item.image.alt}\r\n                title={item.image.title}\r\n                className=\"images-description-item-image\"\r\n              />\r\n            </div>\r\n            <div className=\"images-description-item-content\">\r\n              <p className=\"images-description-item-description text-slate-28 fs-9\">\r\n                {item.description}\r\n              </p>\r\n            </div>\r\n          </li>\r\n        ))}\r\n      </ul>\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","layoutClassName","l","Section","clsx","jsx","item","jsxs"],"mappings":"qNAKaA,EAA6B,CAExC,SAAU,WACV,SAAU,WACV,UAAW,YACX,UAAW,YACX,UAAW,YAEX,YAAa,cACb,YAAa,cACb,aAAc,eACd,aAAc,eACd,aAAc,eAEd,cAAe,gBACf,cAAe,gBACf,eAAgB,iBAChB,eAAgB,iBAChB,eAAgB,gBAClB,EAsBaC,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqDtB,MAAAC,GApDsBC,GAA+B,CACzD,OAAQA,EAAG,CAET,KAAKP,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCAGT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCAGT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CAET,QACS,MAAA,EAAA,CAEb,GAW2CI,CAAM,EAEjD,+BACGI,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,sCAAuCJ,CAAS,EACvE,SAAAK,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKK,GACVC,yBAAA,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAACF,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKC,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAD,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAAC,KAAE,UAAU,yDACV,SAAKC,EAAA,WACR,CAAA,CACF,CAAA,CAAA,CAbO,EAAAA,EAAK,GAcd,EACD,CAAA,EAEL,CAEJ"}
+{"version":3,"file":"index.cjs149.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":"qNAKaA,EAA6B,CAExC,SAAU,WACV,SAAU,WACV,UAAW,YACX,UAAW,YACX,UAAW,YAEX,YAAa,cACb,YAAa,cACb,aAAc,eACd,aAAc,eACd,aAAc,eAEd,cAAe,gBACf,cAAe,gBACf,eAAgB,iBAChB,eAAgB,iBAChB,eAAgB,gBAClB,EAsBaC,EAAoB,CAAC,CAChC,MAAAC,EACA,MAAAC,EAAQ,CAAC,EACT,OAAAC,EAASJ,EAA2B,SACpC,UAAAK,CACF,IAA8B,CAqDtB,MAAAC,GApDsBC,GAA+B,CACzD,OAAQA,EAAG,CAET,KAAKP,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,SACvB,MAAA,qCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCACT,KAAKA,EAA2B,UACvB,MAAA,sCAGT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,YACvB,MAAA,wCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCACT,KAAKA,EAA2B,aACvB,MAAA,yCAGT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,cACvB,MAAA,0CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CACT,KAAKA,EAA2B,eACvB,MAAA,2CAET,QACS,MAAA,EAAA,CAEb,GAW2CI,CAAM,EAEjD,+BACGI,EAAQ,QAAA,CAAA,UAAWC,EAAK,KAAA,sCAAuCJ,CAAS,EACvE,SAAAK,EAAA,kBAAA,IAAC,KAAA,CACC,KAAK,OACL,aAAY,eAAeR,CAAK,GAChC,UAAW,mBAAmBI,CAAe,GAE5C,0BAAO,IAAKK,GACVC,yBAAA,KAAA,CAAkB,UAAU,0BAC3B,SAAA,CAACF,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,0CACb,SAAAA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAKC,EAAK,MAAM,IAChB,IAAKA,EAAK,MAAM,IAChB,MAAOA,EAAK,MAAM,MAClB,UAAU,+BAAA,CAAA,EAEd,EACAD,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,kCACb,SAAAA,EAAA,kBAAA,IAAC,KAAE,UAAU,yDACV,SAAKC,EAAA,WACR,CAAA,CACF,CAAA,CAAA,CAbO,EAAAA,EAAK,GAcd,EACD,CAAA,EAEL,CAEJ"}

package/dist/index.cjs15.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs247.js"),j=require("react"),x=require("./index.cjs249.js");;/* empty css              */const G=require("./index.cjs285.js"),Q=require("./index.cjs163.js"),z=require("./index.cjs10.js"),B=require("./index.cjs28.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/SearchGeneric/SearchGeneric.css');const e=require("./index.cjs249.js"),j=require("react"),x=require("./index.cjs250.js");;/* empty css              */const G=require("./index.cjs287.js"),Q=require("./index.cjs163.js"),z=require("./index.cjs10.js"),B=require("./index.cjs28.js");function O({btnText:N,helperText:d,instructionsText:c="Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.",mobileHelperText:y=d,value:C,items:$,setValue:m,setTypedValue:b,getSearchField:g,getDisplayField:f=g,onItemSelect:v,minCharsToSearch:u=3,className:I,dimensionStrategy:q="fixed"}){const[i,p]=j.useState(C||""),[r,n]=j.useState([]),L=G.useMediaQuery("(min-width: 768px)"),a=j.useId(),R=`${a}-listbox`,w=`${a}-instructions`,S=`${a}-label`,E=t=>{const s=t.target.value;if(p(s),b&&b(s),s.length>=u){const h=$.filter(l=>{const o=g(l);return o==null?void 0:o.toLowerCase().includes(s.toLowerCase())});n(h)}else n([])},k=t=>{const s=f(t);p(s),m(s),n([]),v&&v(t)},M=(t,s)=>{if(!s)return t;const h=t.split(new RegExp(`(${s})`,"gi"));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:h.map((l,o)=>l.toLowerCase()===s.toLowerCase()?e.jsxRuntimeExports.jsx("span",{className:"text-primary fw-bold",children:l},o):l)})};return e.jsxRuntimeExports.jsxs("div",{className:x.clsx("ui-search","br-x4 bg-border-secondary w-full",I,{"ui-search-generic-auto":q==="auto"}),children:[e.jsxRuntimeExports.jsx("label",{id:S,htmlFor:a,className:"sr-only",children:d}),c&&e.jsxRuntimeExports.jsx("div",{id:w,className:"sr-only",children:c==null?void 0:c.replace("$minCharsToSearch",String(u))}),e.jsxRuntimeExports.jsxs("div",{className:"position-relative",children:[e.jsxRuntimeExports.jsx("input",{id:a,type:"text",role:"combobox","aria-expanded":r.length>0,"aria-haspopup":"listbox","aria-owns":r.length>0?R:void 0,"aria-describedby":w,className:x.clsx("ui-search-input","fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",i&&i.length>=3&&"has-clear-icon"),placeholder:L?d:y,value:i,onChange:E,maxLength:30,autoComplete:"off"}),i&&e.jsxRuntimeExports.jsx(Q.Close,{className:"ui-clean-button",ariaLabel:"Cancella ricerca",onClick:()=>{p(""),n([]),m(""),E({target:{value:""}})}})]}),r.length>0&&e.jsxRuntimeExports.jsx("div",{className:"ui-wrap-list-item-search shadow position-absolute p-x24",role:"listbox",id:R,"aria-label":`${r.length} risultati disponibili`,children:e.jsxRuntimeExports.jsx(z.Col,{gap:"x24",fw:"regular",text:"secondary",fs:"6",className:"ui-list-item-search overflow-y-auto ",children:r.map((t,s)=>e.jsxRuntimeExports.jsx("div",{id:`${a}-option-${s}`,role:"option",onClick:()=>k(t),className:"hover:bg-primary",children:M(f(t),i)},s))})}),e.jsxRuntimeExports.jsxs("div",{"aria-live":"polite","aria-atomic":"true",className:"sr-only",children:[r.length>0&&i.length>=u&&`${r.length} risultati trovati`,i.length>=u&&r.length===0&&"Nessun risultato trovato"]}),e.jsxRuntimeExports.jsx("div",{className:x.clsx("ui-div-btn"),children:e.jsxRuntimeExports.jsx(B.Button,{className:x.clsx("ui-btn-search","bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"),onClick:()=>{n([]),m(i)},children:N})})]})}exports.SearchGeneric=O;
 //# sourceMappingURL=index.cjs15.js.map

package/dist/index.cjs15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\r\nimport clsx from \"clsx\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./SearchGeneric.scss\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\n\r\nexport type SearchGenericProps<T extends object> = {\r\n  btnText: string;\r\n  helperText: string;\r\n  instructionsText?: string;\r\n  mobileHelperText?: string;\r\n  value: string;\r\n  items: T[];\r\n  setValue: (value: string) => void;\r\n  setTypedValue?: (value: string) => void;\r\n  getSearchField: (item: T) => string;\r\n  getDisplayField?: (item: T) => string;\r\n  onItemSelect?: (item: T) => void;\r\n  minCharsToSearch?: number;\r\n  className?: string;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\nexport function SearchGeneric<T extends object>({\r\n  btnText,\r\n  helperText,\r\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\r\n  mobileHelperText = helperText,\r\n  value,\r\n  items,\r\n  setValue,\r\n  setTypedValue,\r\n  getSearchField,\r\n  getDisplayField = getSearchField,\r\n  onItemSelect,\r\n  minCharsToSearch = 3,\r\n  className,\r\n  dimensionStrategy = \"fixed\",\r\n}: SearchGenericProps<T>) {\r\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\r\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n  \r\n  // Generate unique IDs for accessibility\r\n  const searchId = useId();\r\n  const listboxId = `${searchId}-listbox`;\r\n  const instructionsId = `${searchId}-instructions`;\r\n  const labelId = `${searchId}-label`;\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const inputValue = e.target.value;\r\n    setValueInput(inputValue);\r\n    if (setTypedValue) {\r\n      setTypedValue(inputValue);\r\n    }\r\n    if (inputValue.length >= minCharsToSearch) {\r\n      const results = items.filter((item) => {\r\n        const searchField = getSearchField(item);\r\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\r\n      });\r\n      setFilteredItems(results);\r\n    } else {\r\n      setFilteredItems([]);\r\n    }\r\n  };\r\n\r\n  const handleSelectItem = (item: T) => {\r\n    const displayValue = getDisplayField(item);\r\n    setValueInput(displayValue);\r\n    setValue(displayValue);\r\n    setFilteredItems([]);\r\n\r\n    if (onItemSelect) {\r\n      onItemSelect(item);\r\n    }\r\n  };\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\r\n\r\n    return (\r\n      <>\r\n        {parts.map((part, i) =>\r\n          part.toLowerCase() === query.toLowerCase() ? (\r\n            <span key={i} className=\"text-primary fw-bold\">\r\n              {part}\r\n            </span>\r\n          ) : (\r\n            part\r\n          ),\r\n        )}\r\n      </>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n        {\r\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\r\n        },\r\n      )}\r\n    >\r\n      {/* Screen reader only label */}\r\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\r\n        {helperText}\r\n      </label>\r\n      \r\n      {/* Instructions for screen readers */}\r\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\r\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\r\n      </div>}\r\n\r\n      <div className=\"position-relative\">\r\n        <input\r\n          id={searchId}\r\n          type=\"text\"\r\n          role=\"combobox\"\r\n          aria-expanded={filteredItems.length > 0}\r\n          aria-haspopup=\"listbox\"\r\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\r\n          aria-describedby={instructionsId}\r\n          className={clsx(\r\n            \"ui-search-input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\r\n          )}\r\n          placeholder={isDesktop ? helperText : mobileHelperText}\r\n          value={valueInput}\r\n          onChange={handleInputChange}\r\n          maxLength={30}\r\n          autoComplete=\"off\"\r\n        />\r\n        {valueInput && (\r\n          <Close\r\n            className=\"ui-clean-button\"\r\n            ariaLabel=\"Cancella ricerca\"\r\n            onClick={() => {\r\n              setValueInput(\"\");\r\n              setFilteredItems([]);\r\n              setValue(\"\");\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n      {filteredItems.length > 0 && (\r\n        <div \r\n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\r\n          role=\"listbox\"\r\n          id={listboxId}\r\n          aria-label={`${filteredItems.length} risultati disponibili`}\r\n        >\r\n          <Col\r\n            gap={\"x24\"}\r\n            fw={\"regular\"}\r\n            text={\"secondary\"}\r\n            fs={\"6\"}\r\n            className=\"ui-list-item-search overflow-y-auto \"\r\n          >\r\n            {filteredItems.map((item, index) => (\r\n              <div\r\n                key={index}\r\n                id={`${searchId}-option-${index}`}\r\n                role=\"option\"\r\n                onClick={() => handleSelectItem(item)}\r\n                className=\"hover:bg-primary\"\r\n              >\r\n                {highlightMatch(getDisplayField(item), valueInput)}\r\n              </div>\r\n            ))}\r\n          </Col>\r\n        </div>\r\n      )}\r\n      \r\n      {/* Live region for announcing search results */}\r\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\r\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \r\n          `${filteredItems.length} risultati trovati`}\r\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \r\n          \"Nessun risultato trovato\"}\r\n      </div>\r\n      <div className={clsx(\"ui-div-btn\")}>\r\n        <Button\r\n          className={clsx(\r\n            \"ui-btn-search\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            setFilteredItems([]);\r\n            setValue(valueInput);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}
+{"version":3,"file":"index.cjs15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./SearchGeneric.scss\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchGenericProps<T extends object> = {\n  btnText: string;\n  helperText: string;\n  instructionsText?: string;\n  mobileHelperText?: string;\n  value: string;\n  items: T[];\n  setValue: (value: string) => void;\n  setTypedValue?: (value: string) => void;\n  getSearchField: (item: T) => string;\n  getDisplayField?: (item: T) => string;\n  onItemSelect?: (item: T) => void;\n  minCharsToSearch?: number;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport function SearchGeneric<T extends object>({\n  btnText,\n  helperText,\n  instructionsText = \"Inserisci almeno $minCharsToSearch caratteri per iniziare la ricerca.\",\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n  setTypedValue,\n  getSearchField,\n  getDisplayField = getSearchField,\n  onItemSelect,\n  minCharsToSearch = 3,\n  className,\n  dimensionStrategy = \"fixed\",\n}: SearchGenericProps<T>) {\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n  \n  // Generate unique IDs for accessibility\n  const searchId = useId();\n  const listboxId = `${searchId}-listbox`;\n  const instructionsId = `${searchId}-instructions`;\n  const labelId = `${searchId}-label`;\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    if (setTypedValue) {\n      setTypedValue(inputValue);\n    }\n    if (inputValue.length >= minCharsToSearch) {\n      const results = items.filter((item) => {\n        const searchField = getSearchField(item);\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\n      });\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: T) => {\n    const displayValue = getDisplayField(item);\n    setValueInput(displayValue);\n    setValue(displayValue);\n    setFilteredItems([]);\n\n    if (onItemSelect) {\n      onItemSelect(item);\n    }\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\n\n    return (\n      <>\n        {parts.map((part, i) =>\n          part.toLowerCase() === query.toLowerCase() ? (\n            <span key={i} className=\"text-primary fw-bold\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        {\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {/* Screen reader only label */}\n      <label id={labelId} htmlFor={searchId} className=\"sr-only\">\n        {helperText}\n      </label>\n      \n      {/* Instructions for screen readers */}\n      {instructionsText && <div id={instructionsId} className=\"sr-only\">\n        {instructionsText?.replace(\"$minCharsToSearch\", String(minCharsToSearch))}\n      </div>}\n\n      <div className=\"position-relative\">\n        <input\n          id={searchId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={filteredItems.length > 0}\n          aria-haspopup=\"listbox\"\n          aria-owns={filteredItems.length > 0 ? listboxId : undefined}\n          aria-describedby={instructionsId}\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n          autoComplete=\"off\"\n        />\n        {valueInput && (\n          <Close\n            className=\"ui-clean-button\"\n            ariaLabel=\"Cancella ricerca\"\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              setValue(\"\");\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div \n          className=\"ui-wrap-list-item-search shadow position-absolute p-x24\"\n          role=\"listbox\"\n          id={listboxId}\n          aria-label={`${filteredItems.length} risultati disponibili`}\n        >\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item, index) => (\n              <div\n                key={index}\n                id={`${searchId}-option-${index}`}\n                role=\"option\"\n                onClick={() => handleSelectItem(item)}\n                className=\"hover:bg-primary\"\n              >\n                {highlightMatch(getDisplayField(item), valueInput)}\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n      \n      {/* Live region for announcing search results */}\n      <div aria-live=\"polite\" aria-atomic=\"true\" className=\"sr-only\">\n        {filteredItems.length > 0 && valueInput.length >= minCharsToSearch && \n          `${filteredItems.length} risultati trovati`}\n        {valueInput.length >= minCharsToSearch && filteredItems.length === 0 && \n          \"Nessun risultato trovato\"}\n      </div>\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGeneric","btnText","helperText","instructionsText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","searchId","useId","listboxId","instructionsId","labelId","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}

package/dist/index.cjs150.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs247.js"),c=require("./index.cjs125.js"),t=require("./index.cjs55.js"),o=({title:r,description:s,steps:i,type:n})=>e.jsxRuntimeExports.jsxs(t.Section,{children:[e.jsxRuntimeExports.jsx(t.Section.Title,{color:"blue-48",fs:"2",mdFs:"1",className:"mb-x16",children:r}),e.jsxRuntimeExports.jsx(t.Section.Description,{color:"slate-14",fs:"6",className:"mb-x36",children:s}),e.jsxRuntimeExports.jsx(c.VerticalCardStepper,{steps:i,type:n})]});exports.VerticalCardStepperSection=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs249.js"),c=require("./index.cjs125.js"),t=require("./index.cjs55.js"),o=({title:r,description:s,steps:i,type:n})=>e.jsxRuntimeExports.jsxs(t.Section,{children:[e.jsxRuntimeExports.jsx(t.Section.Title,{color:"blue-48",fs:"2",mdFs:"1",className:"mb-x16",children:r}),e.jsxRuntimeExports.jsx(t.Section.Description,{color:"slate-14",fs:"6",className:"mb-x36",children:s}),e.jsxRuntimeExports.jsx(c.VerticalCardStepper,{steps:i,type:n})]});exports.VerticalCardStepperSection=o;
 //# sourceMappingURL=index.cjs150.js.map

package/dist/index.cjs150.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs150.js","sources":["../src/sections/VerticalCardStepperSection/index.tsx"],"sourcesContent":["import { Section, Step, StepVariantEnum, VerticalCardStepper } from \"@/components\";\r\n\r\ntype Props = {\r\n  title: string;\r\n  description: string;\r\n  steps: Step[];\r\n  type: StepVariantEnum;\r\n};\r\n\r\nexport const VerticalCardStepperSection = ({\r\n  title,\r\n  description,\r\n  steps,\r\n  type,\r\n}: Props) => {\r\n  return (\r\n    <Section>\r\n      <Section.Title color=\"blue-48\" fs=\"2\" mdFs=\"1\" className=\"mb-x16\">\r\n        {title}\r\n      </Section.Title>\r\n      <Section.Description color=\"slate-14\" fs=\"6\" className=\"mb-x36\">\r\n        {description}\r\n      </Section.Description>\r\n\r\n      <VerticalCardStepper steps={steps} type={type} />\r\n    </Section>\r\n  );\r\n};\r\n"],"names":["VerticalCardStepperSection","title","description","steps","type","Section","jsx","VerticalCardStepper"],"mappings":"kLASaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UACC,CAAA,SAAA,CAACC,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,MAAR,CAAc,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,UAAU,SACtD,SACHJ,CAAA,CAAA,EACAK,EAAAA,kBAAAA,IAACD,EAAQ,QAAA,YAAR,CAAoB,MAAM,WAAW,GAAG,IAAI,UAAU,SACpD,SACHH,CAAA,CAAA,EAEAI,EAAAA,kBAAAA,IAACC,EAAoB,oBAAA,CAAA,MAAAJ,EAAc,KAAAC,CAAY,CAAA,CAAA,EACjD"}
+{"version":3,"file":"index.cjs150.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":"kLASaA,EAA6B,CAAC,CACzC,MAAAC,EACA,YAAAC,EACA,MAAAC,EACA,KAAAC,CACF,6BAEKC,UACC,CAAA,SAAA,CAACC,EAAAA,kBAAAA,IAAAD,EAAAA,QAAQ,MAAR,CAAc,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,UAAU,SACtD,SACHJ,CAAA,CAAA,EACAK,EAAAA,kBAAAA,IAACD,EAAQ,QAAA,YAAR,CAAoB,MAAM,WAAW,GAAG,IAAI,UAAU,SACpD,SACHH,CAAA,CAAA,EAEAI,EAAAA,kBAAAA,IAACC,EAAoB,oBAAA,CAAA,MAAAJ,EAAc,KAAAC,CAAY,CAAA,CAAA,EACjD"}