@anoki/fse-ui 1.0.661 → 1.0.663

package/dist/index.cjs99.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs99.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isSelected}\n        className={\"ui-checkbox-filter\"}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\n                <p className={\"fw-normal\"}>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Row>\n        </Col>\n        {isMe && (\n          <Row className={\"ui-fascicolo-label fs-7 fw-bold\"}>\n            IL TUO FASCICOLO\n          </Row>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"qQAkBaA,EAAe,CAAC,CAC3B,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,gBAAAC,EAAkB,IAAM,CAAC,EACzB,UAAAC,CACF,IAAyB,CACjB,MAAAC,EAAcC,SAAuB,IAAI,EAEzCC,EAAwBC,GACrBA,EAAI,OAAO,CAAC,EAAE,cAAgBA,EAAI,MAAM,CAAC,EAG5CC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIA,OAAAC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,EAAG,MACH,IAAK,MACL,GAAI,QACJ,KAAM,WACN,IAAKP,EACL,UAAW,GAAGD,CAAS,IAAIR,EAAa,eAAiB,EAAE,0CAC3D,QAAS,IAAM,CACbO,EAAgBR,CAAE,CACpB,EACA,MAAO,CAAE,MAAO,MAAO,EAEvB,SAAA,CAAAe,EAAA,kBAAA,IAACG,EAAc,SAAd,CACC,GAAAlB,EACA,QAASC,EACT,UAAW,qBAEX,iCAACkB,oBAAA,CACC,SAAAJ,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,EACAE,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,WAAY,aACZ,MAAO,CAAE,MAAO,MAAO,EACvB,eAAgB,gBAEhB,SAAA,CAACD,EAAAA,kBAAAA,KAAAI,EAAAA,IAAA,CAAI,MAAO,CAAE,KAAM,GAAK,eAAgB,SAAU,UAAW,SAC5D,SAAA,CAAAJ,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,IAAK,KACL,IACGd,GAAS,CAACA,GAAQ,CAACD,IAAc,CAACE,EAAa,OAAY,MAG9D,SAAA,CAACQ,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,+CACX,SACHb,EAAA,EACCa,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,+BAAgC,SAASZ,CAAA,CAAA,CAAA,CAAA,CACxD,EACCa,EAAA,kBAAA,KAAAC,EAAA,IAAA,CAAI,IAAK,MAAO,eAAgB,gBAC9B,SAAA,CAAA,CAACX,GAAQD,GACPW,EAAA,kBAAA,KAAAI,EAAA,IAAA,CAAI,IAAK,KACR,SAAA,CAACL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,UAAW,SAA0B,6BAAA,EACpDA,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,YAAc,SAASV,CAAA,CAAA,CAAA,EACvC,EAEDE,GAAcH,GACbY,EAAA,kBAAA,KAACI,OAAI,GAAI,OAAQ,IAAK,KACpB,SAAA,CAACL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,UAAW,SAAqB,wBAAA,0BAC/C,IAAE,CAAA,UAAW,YAAc,SAAAH,EAAqBR,CAAM,CAAE,CAAA,CAAA,CAC3D,CAAA,CAAA,CAEJ,CAAA,CAAA,EACF,EACCE,GACCS,EAAA,kBAAA,IAACE,MAAI,CAAA,UAAW,kCAAmC,SAEnD,kBAAA,CAAA,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ"}
+{"version":3,"file":"index.cjs99.js","sources":["../src/components/ui/DelegateCard/index.tsx"],"sourcesContent":["import \"./DelegateCard.scss\";\nimport { useRef } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { Col, Region, Row } from \"@/components\";\n\nexport type DelegateCardProps = {\n  id: string;\n  isSelected: boolean;\n  title: string;\n  subtitle: string;\n  relation: string;\n  isMe?: boolean;\n  setSelectedCard: (id: string) => void;\n  className?: string;\n  showRegion?: boolean;\n  region?: Region;\n};\n\nexport const DelegateCard = ({\n  id,\n  isSelected,\n  title,\n  subtitle,\n  region,\n  relation,\n  isMe = false,\n  showRegion = false,\n  setSelectedCard = () => {},\n  className,\n}: DelegateCardProps) => {\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const firstLetterUppercase = (str: string) => {\n    return str.charAt(0).toUpperCase() + str.slice(1);\n  };\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isSelected ? \"ui-is-active\" : \"\"} ui-card-delegate shadow cursor-pointer`}\n      onClick={() => {\n        setSelectedCard(id);\n      }}\n      style={{ width: \"100%\" }}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isSelected}\n        className={\"ui-checkbox-filter\"}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Row\n        alignItems={\"flex-start\"}\n        style={{ width: \"100%\" }}\n        justifyContent={\"space-between\"}\n      >\n        <Col style={{ flex: 1 }} justifyContent={\"center\"} className={`w-full`}>\n          <Col\n            gap={\"x4\"}\n            pb={\n              (isMe || (!isMe && !relation)) && !showRegion ? undefined : \"x16\"\n            }\n          >\n            <h3 className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n              {title}\n            </h3>\n            <p className=\"fs-6 fw-normal text-slate-28\">{subtitle}</p>\n          </Col>\n          <Row gap={\"x40\"} justifyContent={\"space-between\"}>\n            {!isMe && relation && (\n              <Col gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Relazione con il delegante</div>\n                <p className={\"fw-normal\"}>{relation}</p>\n              </Col>\n            )}\n            {showRegion && region && (\n              <Col pr={\"x104\"} gap={\"x4\"}>\n                <div className={\"fw-bold\"}>Regione di assistenza</div>\n                <p className={\"fw-normal\"}>{firstLetterUppercase(region)}</p>\n              </Col>\n            )}\n          </Row>\n        </Col>\n        {isMe && (\n          <Row className={\"ui-fascicolo-label fs-7 fw-bold\"}>\n            IL TUO FASCICOLO\n          </Row>\n        )}\n      </Row>\n    </Row>\n  );\n};\n"],"names":["DelegateCard","id","isSelected","title","subtitle","region","relation","isMe","showRegion","setSelectedCard","className","dropdownRef","useRef","firstLetterUppercase","str","CheckIcon","jsx","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"qQAkBaA,EAAe,CAAC,CAC3B,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,GACP,WAAAC,EAAa,GACb,gBAAAC,EAAkB,IAAM,CAAC,EACzB,UAAAC,CACF,IAAyB,CACjB,MAAAC,EAAcC,SAAuB,IAAI,EAEzCC,EAAwBC,GACrBA,EAAI,OAAO,CAAC,EAAE,cAAgBA,EAAI,MAAM,CAAC,EAG5CC,EAAY,IAChBC,EAAA,kBAAA,IAAC,MAAA,CACC,MAAM,KACN,OAAO,KACP,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,cAAY,OAEZ,SAAAA,EAAA,kBAAA,IAAC,OAAA,CACC,EAAE,oBACF,OAAO,QACP,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CACF,EAIA,OAAAC,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,GAAI,KACJ,EAAG,MACH,IAAK,MACL,GAAI,QACJ,KAAM,WACN,IAAKP,EACL,UAAW,GAAGD,CAAS,IAAIR,EAAa,eAAiB,EAAE,0CAC3D,QAAS,IAAM,CACbO,EAAgBR,CAAE,CACpB,EACA,MAAO,CAAE,MAAO,MAAO,EAEvB,SAAA,CAAAe,EAAA,kBAAA,IAACG,EAAc,KAAd,CACC,GAAAlB,EACA,QAASC,EACT,UAAW,qBAEX,iCAACkB,YAAA,CACC,SAAAJ,wBAACD,IAAU,CACb,CAAA,CAAA,CACF,EACAE,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,WAAY,aACZ,MAAO,CAAE,MAAO,MAAO,EACvB,eAAgB,gBAEhB,SAAA,CAACD,EAAAA,kBAAAA,KAAAI,EAAAA,IAAA,CAAI,MAAO,CAAE,KAAM,GAAK,eAAgB,SAAU,UAAW,SAC5D,SAAA,CAAAJ,EAAA,kBAAA,KAACI,EAAA,IAAA,CACC,IAAK,KACL,IACGd,GAAS,CAACA,GAAQ,CAACD,IAAc,CAACE,EAAa,OAAY,MAG9D,SAAA,CAACQ,EAAA,kBAAA,IAAA,KAAA,CAAG,UAAU,+CACX,SACHb,EAAA,EACCa,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAU,+BAAgC,SAASZ,CAAA,CAAA,CAAA,CAAA,CACxD,EACCa,EAAA,kBAAA,KAAAC,EAAA,IAAA,CAAI,IAAK,MAAO,eAAgB,gBAC9B,SAAA,CAAA,CAACX,GAAQD,GACPW,EAAA,kBAAA,KAAAI,EAAA,IAAA,CAAI,IAAK,KACR,SAAA,CAACL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,UAAW,SAA0B,6BAAA,EACpDA,EAAA,kBAAA,IAAA,IAAA,CAAE,UAAW,YAAc,SAASV,CAAA,CAAA,CAAA,EACvC,EAEDE,GAAcH,GACbY,EAAA,kBAAA,KAACI,OAAI,GAAI,OAAQ,IAAK,KACpB,SAAA,CAACL,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAW,UAAW,SAAqB,wBAAA,0BAC/C,IAAE,CAAA,UAAW,YAAc,SAAAH,EAAqBR,CAAM,CAAE,CAAA,CAAA,CAC3D,CAAA,CAAA,CAEJ,CAAA,CAAA,EACF,EACCE,GACCS,EAAA,kBAAA,IAACE,MAAI,CAAA,UAAW,kCAAmC,SAEnD,kBAAA,CAAA,CAAA,CAAA,CAAA,CAEJ,CAAA,CACF,CAEJ"}

package/dist/index.d.ts

@@ -1328,6 +1328,8 @@ export declare const IMAGES_DESCRIPTION_LAYOUTS: {
     readonly THREE_COL_32_9: "THREE_COL_32_9";
 };
 
+export declare const ImagesDescription: ({ title, items, layout, className, }: ImagesDescriptionProps) => JSX.Element;
+
 export declare type ImagesDescriptionLayout = (typeof IMAGES_DESCRIPTION_LAYOUTS)[keyof typeof IMAGES_DESCRIPTION_LAYOUTS];
 
 export declare interface ImagesDescriptionProps {

package/dist/index.es.js

@@ -6,7 +6,7 @@ import { Container as x } from "./index.es6.js";
 import { GridContainer as n } from "./index.es7.js";
 import { GridItem as l } from "./index.es8.js";
 import { Row as d } from "./index.es9.js";
-import { Col as s } from "./index.es10.js";
+import { Col as S } from "./index.es10.js";
 import { Search as u } from "./index.es11.js";
 import { SearchStructure as g } from "./index.es12.js";
 import { SearchService as E } from "./index.es13.js";
@@ -15,7 +15,7 @@ import { SearchGeneric as L } from "./index.es15.js";
 import { Footer as H } from "./index.es16.js";
 import { HeaderSlim as B } from "./index.es17.js";
 import { HeaderPostLogin as v } from "./index.es18.js";
-import { Breadcrumb as P } from "./index.es19.js";
+import { Breadcrumb as I } from "./index.es19.js";
 import { TabBar as N } from "./index.es20.js";
 import { HeaderTopBanner as O } from "./index.es21.js";
 import { Dropdown as G } from "./index.es22.js";
@@ -31,7 +31,7 @@ import { CardOpeningHours as po } from "./index.es31.js";
 import { SupportBanner as fo } from "./index.es32.js";
 import { TabsGlossary as ao } from "./index.es33.js";
 import { AuthenticatedModeEnum as io, AuthorWithImage as lo } from "./index.es34.js";
-import { VideoPlayer as So } from "./index.es35.js";
+import { VideoPlayer as so } from "./index.es35.js";
 import { ArrowLink as Co } from "./index.es36.js";
 import { EntryButton as Do } from "./index.es37.js";
 import { BaseModal as ko } from "./index.es38.js";
@@ -41,7 +41,7 @@ import { ProgressBar as Mo } from "./index.es41.js";
 import { CardSelectDoctor as wo } from "./index.es42.js";
 import { CardDoctorInfo as bo } from "./index.es43.js";
 import { DoctorConfirmModal as Fo } from "./index.es44.js";
-import { DocumentUploadModal as Io } from "./index.es45.js";
+import { DocumentUploadModal as Po } from "./index.es45.js";
 import { DocumentUploadComponent as yo } from "./index.es46.js";
 import { Section as Ro } from "./index.es47.js";
 import { Switch as Uo } from "./index.es48.js";
@@ -58,14 +58,14 @@ import { NavList as fr } from "./index.es58.js";
 import { RadioCard as ar } from "./index.es59.js";
 import { ActionIconText as ir } from "./index.es60.js";
 import { TitleSection as cr } from "./index.es61.js";
-import { CheckboxFilter as Sr } from "./index.es62.js";
+import { CheckboxFilter as sr } from "./index.es62.js";
 import { CardUser as Cr } from "./index.es63.js";
 import { CardExemption as Dr } from "./index.es64.js";
 import { Loader as kr } from "./index.es65.js";
 import { Pagination as Ar, Table as Tr, TableBody as hr, TableCell as Lr, TableHead as Mr, TableHeader as Hr, TableRow as wr } from "./index.es66.js";
 import { InfoPopup as br } from "./index.es67.js";
 import { CardNotification as Fr } from "./index.es68.js";
-import { DatePicker as Ir } from "./index.es69.js";
+import { DatePicker as Pr } from "./index.es69.js";
 import { DatePickerRange as yr } from "./index.es70.js";
 import { NotificationsSettingsHeader as Rr } from "./index.es71.js";
 import { InfoModal as Ur } from "./index.es72.js";
@@ -82,14 +82,14 @@ import { ConsentPrivacySkeleton as fe } from "./index.es82.js";
 import { NotificationSettingsSkeleton as ae } from "./index.es83.js";
 import { SearchStructureSkeleton as ie } from "./index.es84.js";
 import { ActionPoint as ce } from "./index.es85.js";
-import { Blockquote as Se, BlockquoteVariantEnum as se } from "./index.es86.js";
+import { Blockquote as se, BlockquoteVariantEnum as Se } from "./index.es86.js";
 import { Callout as ue, CalloutVariantEnum as De } from "./index.es87.js";
 import { ActionBanner as ke, ActionBannerVariantEnum as Ee } from "./index.es88.js";
 import { Alert as Te, AlertVariantEnum as he } from "./index.es89.js";
 import { AlertDialogUI as Me } from "./index.es90.js";
 import { Link as we } from "./index.es91.js";
 import { GenericSkeleton as be } from "./index.es92.js";
-import { CardFile as Fe, CardFileActionTypeEnum as Pe } from "./index.es93.js";
+import { CardFile as Fe, CardFileActionTypeEnum as Ie } from "./index.es93.js";
 import { AuthorBlock as Ne } from "./index.es94.js";
 import { ChangeProfileModal as Oe } from "./index.es95.js";
 import { ModalsHeader as Ge } from "./index.es96.js";
@@ -106,7 +106,7 @@ import { NotificationsListModalSkeleton as ft } from "./index.es106.js";
 import { AccordionStepper as at } from "./index.es107.js";
 import { ActionsPopup as it } from "./index.es108.js";
 import { CardEventSlim as ct } from "./index.es109.js";
-import { CardPreview as St } from "./index.es110.js";
+import { CardPreview as st } from "./index.es110.js";
 import { HomeHeaderSkeleton as Ct } from "./index.es111.js";
 import { Carousel as Dt } from "./index.es112.js";
 import { ShareButton as kt } from "./index.es113.js";
@@ -115,71 +115,71 @@ import { HOME_SERVICES_LAYOUTS as ht, HomeServices as Lt } from "./index.es115.j
 import { WhatDoYouNeed as Ht } from "./index.es116.js";
 import { RichText as Bt } from "./index.es117.js";
 import { SERVICES_LAYOUTS as vt, Services as Ft } from "./index.es118.js";
-import { SuggestedServices as It } from "./index.es119.js";
+import { SuggestedServices as Pt } from "./index.es119.js";
 import { Documents as yt } from "./index.es120.js";
 import { Tags as Rt } from "./index.es121.js";
 import { HTMLBalancer as Ut } from "./index.es122.js";
 import { Insights as Wt } from "./index.es123.js";
-import { IMAGES_DESCRIPTION_LAYOUTS as Yt } from "./index.es124.js";
-import { World as zt } from "./index.es125.js";
-import { ArrowDown as jt } from "./index.es126.js";
-import { ExternalLink as Kt } from "./index.es127.js";
-import { Hamburguer as Zt } from "./index.es128.js";
-import { Close as op } from "./index.es129.js";
-import { Ellipse as ep } from "./index.es130.js";
-import { Ellipse2 as pp } from "./index.es131.js";
-import { Ellipse3 as fp } from "./index.es132.js";
-import { FseDGT as ap } from "./index.es133.js";
-import { FseMEF as ip } from "./index.es134.js";
-import { Fse as cp } from "./index.es135.js";
+import { IMAGES_DESCRIPTION_LAYOUTS as Yt, ImagesDescription as qt } from "./index.es124.js";
+import { World as Qt } from "./index.es125.js";
+import { ArrowDown as Jt } from "./index.es126.js";
+import { ExternalLink as Xt } from "./index.es127.js";
+import { Hamburguer as $t } from "./index.es128.js";
+import { Close as rp } from "./index.es129.js";
+import { Ellipse as tp } from "./index.es130.js";
+import { Ellipse2 as mp } from "./index.es131.js";
+import { Ellipse3 as xp } from "./index.es132.js";
+import { FseDGT as np } from "./index.es133.js";
+import { FseMEF as lp } from "./index.es134.js";
+import { Fse as dp } from "./index.es135.js";
 import { FseMS as Sp } from "./index.es136.js";
-import { FseUE as Cp } from "./index.es137.js";
-import { Lazio as Dp } from "./index.es138.js";
-import { Marche as kp } from "./index.es139.js";
-import { ArrowLeft as Ap } from "./index.es140.js";
-import { ArrowRight as hp } from "./index.es141.js";
-import { Home as Mp } from "./index.es142.js";
-import { Calendar as wp } from "./index.es143.js";
-import { Doctor as bp } from "./index.es144.js";
-import { Document as Fp } from "./index.es145.js";
-import { More as Ip } from "./index.es146.js";
-import { Support as yp } from "./index.es147.js";
-import { SupportNoCircle as Rp } from "./index.es148.js";
-import { ListStructures as Up } from "./index.es149.js";
-import { Tool as Wp } from "./index.es150.js";
-import { Actions as Yp } from "./index.es151.js";
-import { Favourite as zp } from "./index.es152.js";
-import { File as jp } from "./index.es153.js";
-import { Obscured as Kp } from "./index.es154.js";
-import { Visible as Zp } from "./index.es155.js";
-import { MoreActions as om } from "./index.es156.js";
-import { Add as em } from "./index.es157.js";
-import { Download as pm } from "./index.es158.js";
-import { MedicHistory as fm } from "./index.es159.js";
-import { Shape as am } from "./index.es160.js";
-import { Confirm as im } from "./index.es161.js";
-import { NotChecked as cm } from "./index.es162.js";
+import { FseUE as up } from "./index.es137.js";
+import { Lazio as gp } from "./index.es138.js";
+import { Marche as Ep } from "./index.es139.js";
+import { ArrowLeft as Tp } from "./index.es140.js";
+import { ArrowRight as Lp } from "./index.es141.js";
+import { Home as Hp } from "./index.es142.js";
+import { Calendar as Bp } from "./index.es143.js";
+import { Doctor as vp } from "./index.es144.js";
+import { Document as Ip } from "./index.es145.js";
+import { More as Np } from "./index.es146.js";
+import { Support as Op } from "./index.es147.js";
+import { SupportNoCircle as Gp } from "./index.es148.js";
+import { ListStructures as Vp } from "./index.es149.js";
+import { Tool as _p } from "./index.es150.js";
+import { Actions as qp } from "./index.es151.js";
+import { Favourite as Qp } from "./index.es152.js";
+import { File as Jp } from "./index.es153.js";
+import { Obscured as Xp } from "./index.es154.js";
+import { Visible as $p } from "./index.es155.js";
+import { MoreActions as rm } from "./index.es156.js";
+import { Add as tm } from "./index.es157.js";
+import { Download as mm } from "./index.es158.js";
+import { MedicHistory as xm } from "./index.es159.js";
+import { Shape as nm } from "./index.es160.js";
+import { Confirm as lm } from "./index.es161.js";
+import { NotChecked as dm } from "./index.es162.js";
 import { Spinner as Sm } from "./index.es163.js";
-import { Attachment as Cm } from "./index.es164.js";
-import { TriangleUp as Dm } from "./index.es165.js";
-import { TriangleDown as km } from "./index.es166.js";
-import { Info as Am } from "./index.es167.js";
-import { Notification as hm } from "./index.es168.js";
-import { EditPencil as Mm } from "./index.es169.js";
-import { ArrowTop as wm } from "./index.es170.js";
-import { ErrorExagon as bm } from "./index.es171.js";
-import { CopyLink as Fm } from "./index.es172.js";
-import { ShareLink as Im } from "./index.es173.js";
-import { CenterMap as ym } from "./index.es174.js";
-import { DocumentPdf as Rm } from "./index.es175.js";
-import { DocumentCsv as Um } from "./index.es176.js";
-import { QuestionCircle as Wm } from "./index.es177.js";
-import { CheckCircle as Ym } from "./index.es178.js";
-import { CalendarOutline as zm } from "./index.es179.js";
-import { Email as jm } from "./index.es180.js";
-import { Linkedin as Km } from "./index.es181.js";
-import { Twitter as Zm } from "./index.es182.js";
-import { Meta as of } from "./index.es183.js";
+import { Attachment as um } from "./index.es164.js";
+import { TriangleUp as gm } from "./index.es165.js";
+import { TriangleDown as Em } from "./index.es166.js";
+import { Info as Tm } from "./index.es167.js";
+import { Notification as Lm } from "./index.es168.js";
+import { EditPencil as Hm } from "./index.es169.js";
+import { ArrowTop as Bm } from "./index.es170.js";
+import { ErrorExagon as vm } from "./index.es171.js";
+import { CopyLink as Im } from "./index.es172.js";
+import { ShareLink as Nm } from "./index.es173.js";
+import { CenterMap as Om } from "./index.es174.js";
+import { DocumentPdf as Gm } from "./index.es175.js";
+import { DocumentCsv as Vm } from "./index.es176.js";
+import { QuestionCircle as _m } from "./index.es177.js";
+import { CheckCircle as qm } from "./index.es178.js";
+import { CalendarOutline as Qm } from "./index.es179.js";
+import { Email as Jm } from "./index.es180.js";
+import { Linkedin as Xm } from "./index.es181.js";
+import { Twitter as $m } from "./index.es182.js";
+import { Meta as rf } from "./index.es183.js";
 o.defaultLocale = "it";
 export {
   pe as AccessLogSkeleton,
@@ -188,31 +188,31 @@ export {
   Ee as ActionBannerVariantEnum,
   ir as ActionIconText,
   ce as ActionPoint,
-  Yp as Actions,
+  qp as Actions,
   it as ActionsPopup,
-  em as Add,
+  tm as Add,
   Te as Alert,
   Me as AlertDialogUI,
   he as AlertVariantEnum,
-  jt as ArrowDown,
-  Ap as ArrowLeft,
+  Jt as ArrowDown,
+  Tp as ArrowLeft,
   Co as ArrowLink,
-  hp as ArrowRight,
-  wm as ArrowTop,
-  Cm as Attachment,
+  Lp as ArrowRight,
+  Bm as ArrowTop,
+  um as Attachment,
   io as AuthenticatedModeEnum,
   Ne as AuthorBlock,
   lo as AuthorWithImage,
   pr as Avatar,
   pt as AvatarSkeleton,
   ko as BaseModal,
-  Se as Blockquote,
-  se as BlockquoteVariantEnum,
+  se as Blockquote,
+  Se as BlockquoteVariantEnum,
   Yo as BottomNavigation,
-  P as Breadcrumb,
+  I as Breadcrumb,
   z as Button,
-  wp as Calendar,
-  zm as CalendarOutline,
+  Bp as Calendar,
+  Qm as CalendarOutline,
   ue as Callout,
   De as CalloutVariantEnum,
   j as CardCategory,
@@ -222,12 +222,12 @@ export {
   ct as CardEventSlim,
   Dr as CardExemption,
   Fe as CardFile,
-  Pe as CardFileActionTypeEnum,
+  Ie as CardFileActionTypeEnum,
   K as CardMap,
   Z as CardMapDoctor,
   Fr as CardNotification,
   po as CardOpeningHours,
-  St as CardPreview,
+  st as CardPreview,
   or as CardReminder,
   wo as CardSelectDoctor,
   oo as CardService,
@@ -235,103 +235,104 @@ export {
   Dt as Carousel,
   zo as CategoryContent,
   jo as CategoryHeader,
-  ym as CenterMap,
+  Om as CenterMap,
   Oe as ChangeProfileModal,
   Qe as ChangeRelatedCard,
-  Ym as CheckCircle,
+  qm as CheckCircle,
   Wo as Checkbox,
-  Sr as CheckboxFilter,
-  op as Close,
-  s as Col,
-  im as Confirm,
+  sr as CheckboxFilter,
+  rp as Close,
+  S as Col,
+  lm as Confirm,
   Ao as ConsentModal,
   fe as ConsentPrivacySkeleton,
   x as Container,
-  Fm as CopyLink,
-  Ir as DatePicker,
+  Im as CopyLink,
+  Pr as DatePicker,
   yr as DatePickerRange,
   qe as DelegateCard,
   Xe as DelegateFilterDropDown,
-  bp as Doctor,
+  vp as Doctor,
   Fo as DoctorConfirmModal,
   ho as DoctorModal,
   Wr as DoctorSkeleton,
-  Fp as Document,
-  Um as DocumentCsv,
+  Ip as Document,
+  Vm as DocumentCsv,
   oe as DocumentDetailSkeleton,
-  Rm as DocumentPdf,
+  Gm as DocumentPdf,
   yo as DocumentUploadComponent,
-  Io as DocumentUploadModal,
+  Po as DocumentUploadModal,
   yt as Documents,
   jr as DocumentsListSkeleton,
-  pm as Download,
+  mm as Download,
   G as Dropdown,
-  Mm as EditPencil,
+  Hm as EditPencil,
   rt as EditorialWidget,
   et as EditorialWidgetVariantEnum,
-  ep as Ellipse,
-  pp as Ellipse2,
-  fp as Ellipse3,
-  jm as Email,
+  tp as Ellipse,
+  mp as Ellipse2,
+  xp as Ellipse3,
+  Jm as Email,
   Do as EntryButton,
-  bm as ErrorExagon,
-  Kt as ExternalLink,
-  zp as Favourite,
-  jp as File,
+  vm as ErrorExagon,
+  Xt as ExternalLink,
+  Qp as Favourite,
+  Jp as File,
   V as FilterDropDown,
   Zo as FiltersChips,
   H as Footer,
-  cp as Fse,
-  ap as FseDGT,
-  ip as FseMEF,
+  dp as Fse,
+  np as FseDGT,
+  lp as FseMEF,
   Sp as FseMS,
-  Cp as FseUE,
+  up as FseUE,
   be as GenericSkeleton,
   n as GridContainer,
   l as GridItem,
   $e as GroupCodeExemptionFilterDropDown,
   ht as HOME_SERVICES_LAYOUTS,
   Ut as HTMLBalancer,
-  Zt as Hamburguer,
+  $t as Hamburguer,
   _ as Header,
   Ko as HeaderNavigation,
   v as HeaderPostLogin,
   B as HeaderSlim,
   O as HeaderTopBanner,
   ee as HealthProfileSkeleton,
-  Mp as Home,
+  Hp as Home,
   Ct as HomeHeaderSkeleton,
   Lt as HomeServices,
   Yt as IMAGES_DESCRIPTION_LAYOUTS,
-  Am as Info,
+  qt as ImagesDescription,
+  Tm as Info,
   Yr as InfoCardSkeleton,
   Ur as InfoModal,
   br as InfoPopup,
   Wt as Insights,
   Y as LOGOS,
-  Dp as Lazio,
+  gp as Lazio,
   we as Link,
-  Km as Linkedin,
-  Up as ListStructures,
+  Xm as Linkedin,
+  Vp as ListStructures,
   kr as Loader,
   At as Login,
-  kp as Marche,
-  fm as MedicHistory,
-  of as Meta,
+  Ep as Marche,
+  xm as MedicHistory,
+  rf as Meta,
   Ge as ModalsHeader,
-  Ip as More,
-  om as MoreActions,
+  Np as More,
+  rm as MoreActions,
   fr as NavList,
-  cm as NotChecked,
-  hm as Notification,
+  dm as NotChecked,
+  Lm as Notification,
   ae as NotificationSettingsSkeleton,
   ft as NotificationsListModalSkeleton,
   Zr as NotificationsListSkeleton,
   Rr as NotificationsSettingsHeader,
-  Kp as Obscured,
+  Xp as Obscured,
   Ar as Pagination,
   Mo as ProgressBar,
-  Wm as QuestionCircle,
+  _m as QuestionCircle,
   ar as RadioCard,
   Bt as RichText,
   d as Row,
@@ -345,14 +346,14 @@ export {
   Ro as Section,
   Ft as Services,
   Kr as ServicesListSkeleton,
-  am as Shape,
+  nm as Shape,
   kt as ShareButton,
-  Im as ShareLink,
+  Nm as ShareLink,
   Sm as Spinner,
-  It as SuggestedServices,
-  yp as Support,
+  Pt as SuggestedServices,
+  Op as Support,
   fo as SupportBanner,
-  Rp as SupportNoCircle,
+  Gp as SupportNoCircle,
   Uo as Switch,
   N as TabBar,
   Tr as Table,
@@ -368,13 +369,13 @@ export {
   Rt as Tags,
   _e as TagsGroup,
   cr as TitleSection,
-  Wp as Tool,
-  km as TriangleDown,
-  Dm as TriangleUp,
-  Zm as Twitter,
-  So as VideoPlayer,
-  Zp as Visible,
+  _p as Tool,
+  Em as TriangleDown,
+  gm as TriangleUp,
+  $m as Twitter,
+  so as VideoPlayer,
+  $p as Visible,
   Ht as WhatDoYouNeed,
-  zt as World
+  Qt as World
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es203.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es205.js";
-import { createSpacingClasses as g } from "./index.es218.js";
-import { createColorClasses as j } from "./index.es220.js";
+import { createSpacingClasses as g } from "./index.es219.js";
+import { createColorClasses as j } from "./index.es218.js";
 import { createTypographyClasses as u } from "./index.es221.js";
 const M = ({
   as: o,

package/dist/index.es124.js

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

package/dist/index.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es124.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  description?: ReactNode;\n  items: ImageDescriptionItem[];\n  layout?: ImagesDescriptionLayout;\n  className?: string;\n}\n\nconst 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        {limitedItems?.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\nexport default ImagesDescription;"],"names":["IMAGES_DESCRIPTION_LAYOUTS"],"mappings":";;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB;"}
+{"version":3,"file":"index.es124.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  description?: 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        {limitedItems?.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};"],"names":["IMAGES_DESCRIPTION_LAYOUTS","ImagesDescription","title","items","layout","className","getLayoutClassName","l","isFullLayout","isThreeColLayout","limitedItems","layoutClassName","Section","clsx","jsx","item","jsxs"],"mappings":";;;;AAKO,MAAMA,IAA6B;AAAA;AAAA,EAExC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA;AAAA,EAEX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA;AAAA,EAEd,eAAe;AAAA,EACf,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAClB,GAuBaC,IAAoB,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,QAAAC,IAASJ,EAA2B;AAAA,EACpC,WAAAK;AACF,MAA8B;AACtB,QAAAC,IAAqB,CAACC,MAA+B;AACzD,YAAQA,GAAG;AAAA;AAAA,MAET,KAAKP,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA;AAAA,MAGT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MACT,KAAKA,EAA2B;AACvB,eAAA;AAAA,MAET;AACS,eAAA;AAAA,IAAA;AAAA,EAEb,GAEMQ,IAAeJ,EAAO,WAAW,OAAO,GACxCK,IAAmBL,EAAO,WAAW,YAAY,GAEjDM,IAAeF,IACjBL,EAAM,MAAM,GAAG,CAAC,IAChBM,IACEN,EAAM,MAAM,GAAG,CAAC,IAChBA,EAAM,MAAM,GAAG,CAAC,GAEhBQ,IAAkBL,EAAmBF,CAAM;AAEjD,+BACGQ,GAAQ,EAAA,WAAWC,EAAK,uCAAuCR,CAAS,GACvE,UAAAS,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,eAAeZ,CAAK;AAAA,MAChC,WAAW,mBAAmBS,CAAe;AAAA,MAE5C,iCAAc,IAAI,CAACI,MACjBC,gBAAAA,OAAA,MAAA,EAAkB,WAAU,2BAC3B,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,2CACb,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKC,EAAK,MAAM;AAAA,YAChB,KAAKA,EAAK,MAAM;AAAA,YAChB,OAAOA,EAAK,MAAM;AAAA,YAClB,WAAU;AAAA,UAAA;AAAA,QAAA,GAEd;AAAA,QACAD,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mCACb,UAAAA,gBAAAA,EAAA,IAAC,OAAE,WAAU,0DACV,UAAKC,EAAA,YACR,CAAA,EACF,CAAA;AAAA,MAAA,EAbO,GAAAA,EAAK,GAcd;AAAA,IACD;AAAA,EAAA,GAEL;AAEJ;"}

package/dist/index.es125.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es203.js";
 import { clsx as t } from "./index.es205.js";
-import { createColorClasses as e } from "./index.es220.js";
+import { createColorClasses as e } from "./index.es218.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es126.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es203.js";
 import { clsx as a } from "./index.es205.js";
-import { createColorClasses as i } from "./index.es220.js";
+import { createColorClasses as i } from "./index.es218.js";
 const x = ({
   width: s = 24,
   height: o = 24,