@anoki/fse-ui 1.0.597 → 1.0.600

package/dist/index.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es34.js","sources":["../src/components/ui/AuthorWithImage/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { AuthorBlock } from \"../AuthorBlock\";\nimport \"./AuthorWithImage.scss\";\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\nimport { useAlertDialog } from \"@/hooks/useAlert\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink, ShareLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col } from \"@/components\";\nimport { Tags } from \"@/sections\";\n\nexport type VariantType = \"Servizio\" | \"Evento\" | \"Approfondimento\";\n\ninterface AuthorWithImageProps {\n  service: {\n    name: string;\n    previewImageUrl?: string;\n    previewImageTitle?: string;\n    updatedBy?: {\n      name?: string;\n      surname?: string;\n    };\n    updatedAt?: string;\n    readingTime?: string;\n  };\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  variant?: VariantType;\n  isPreview?: boolean;\n}\n\nexport const AuthorWithImage = ({\n  service,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"Servizio\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n  isPreview = false,\n}: AuthorWithImageProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const { openAlert } = useAlertDialog();\n  const avatarInitials = useMemo(() => {\n    if (!service?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      service.updatedBy.name ?? \"\",\n      service.updatedBy.surname ?? \"\",\n    );\n  }, [service.updatedBy]);\n  console.log(variant);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (service.previewImageTitle) {\n      return splitInTwo(service.previewImageTitle?.toUpperCase());\n    }\n    return [\"\", \"\"];\n  }, [service]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = service.readingTime ?? \"0\";\n    return Math.ceil(Number(readingTime) / 60)?.toString() || \"0\";\n  }, [service]);\n\n  const renderImage = () => {\n    if (!service.previewImageUrl) return null;\n\n    if (variant === \"Evento\") {\n      return (\n        <div className=\"event-image-container\">\n          <img\n            alt={`Evento ${service.name} background`}\n            src={service.previewImageUrl}\n            className=\"event-image\"\n          />\n          <div className={\"event-content-overlay w-full\"}>\n            <Row gap={\"x24\"} alignItems={\"end\"}>\n              <img\n                src={service.previewImageUrl}\n                alt={`Evento ${service.name}`}\n              />\n              <div style={{ width: \"437px\" }}>\n                <Col gap={\"x32\"}>\n                  <CardCategory\n                    title={\"Milano, 13 - 14 ottobre 2022\"}\n                    className={\"w-full\"}\n                    description={\"Sede dell'evento\"}\n                    description2={\n                      \"Istituto Superiore di Sanità - Viale Regina Elena, 299 - Roma\"\n                    }\n                  />\n                  <Tags\n                    title={\"Argomenti trattati\"}\n                    items={[\n                      \"Organizzazione mondiale della sanità\",\n                      \"GMHS\",\n                      \"Salute mentale\",\n                    ]}\n                  />\n                </Col>\n              </div>\n            </Row>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\"\n        }\n      >\n        <ImageComponent\n          alt={`Service ${service.name} image`}\n          src={service.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        <p className={\"short-title\"}>\n          <span>{firstTitleLine}</span>\n          <span>{secondTitleLine}</span>\n        </p>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <div className={\"action-author\"}>\n        <AuthorBlock\n          authorName={\n            service?.updatedBy?.name\n              ? `${service?.updatedBy?.name} ${service?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(service.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row gap={\"x8\"} className={\"action-link\"}>\n          <ActionIconText\n            textLabel={shareLabel}\n            icon={<ShareLink />}\n            handleAction={openAlert}\n            classNameText={\"fw-bold\"}\n          />\n          <div className={\"share-divider\"}>\n            <ActionIconText\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\n              icon={<CopyLink />}\n              handleAction={copyToClipboard}\n              classNameText={\"fw-bold\"}\n            />\n          </div>\n        </Row>\n      </div>\n\n      {renderImage()}\n      {/*{service.previewImageUrl && (*/}\n      {/*  <div className=\"fullscreen-image-container\">*/}\n      {/*    <ImageComponent*/}\n      {/*      alt={`Service ${service.name} image`}*/}\n      {/*      src={service.previewImageUrl}*/}\n      {/*      style={{ aspectRatio: 21 / 9 }}*/}\n      {/*      {...imageProps}*/}\n      {/*    />*/}\n      {/*    <p className={\"short-title\"}>*/}\n      {/*      <span>{firstTitleLine}</span>*/}\n      {/*      <span>{secondTitleLine}</span>*/}\n      {/*    </p>*/}\n      {/*  </div>*/}\n      {/*)}*/}\n    </>\n  );\n};\n"],"names":["AuthorWithImage","service","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","openAlert","useAlertDialog","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","_a","readingTimeInMinutes","readingTime","renderImage","jsxs","jsx","Row","Col","CardCategory","Tags","Fragment","AuthorBlock","_b","_c","fromISODateToDateFormatted","ActionIconText","ShareLink","CopyLink"],"mappings":"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"}
+{"version":3,"file":"index.es34.js","sources":["../src/components/ui/AuthorWithImage/index.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { AuthorBlock } from \"../AuthorBlock\";\nimport \"./AuthorWithImage.scss\";\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\nimport { useAlertDialog } from \"@/hooks/useAlert\";\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink, ShareLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col } from \"@/components\";\nimport { Tags } from \"@/sections\";\n\nexport type VariantType = \"Servizio\" | \"Evento\" | \"Approfondimento\";\n\ninterface AuthorWithImageProps {\n  service: {\n    name: string;\n    previewImageUrl?: string;\n    previewImageTitle?: string;\n    updatedBy?: {\n      name?: string;\n      surname?: string;\n    };\n    updatedAt?: string;\n    readingTime?: string;\n    eventTitle?: string;\n    eventDescription?: string;\n    eventDescriptionTitle?: string;\n    tags?: string[];\n  };\n  publishedLabel?: string;\n  readingTimeLabel?: string;\n  readingMinuteLabel?: string;\n  tagsLabelTitle?: string;\n  shareLabel?: string;\n  copyLinkLabel?: string;\n  copiedTextLabel?: string;\n  ImageComponent?: \"img\" | React.ComponentType<any>;\n  imageProps?: Record<string, any>;\n  variant?: VariantType;\n  isPreview?: boolean;\n}\n\nexport const AuthorWithImage = ({\n  service,\n  ImageComponent = \"img\",\n  imageProps = {},\n  variant = \"Servizio\",\n  publishedLabel = \"Pubblicato\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingMinuteLabel = \"min\",\n  tagsLabelTitle = \"Argomenti trattati\",\n  shareLabel = \"Condividi\",\n  copyLinkLabel = \"Copia link\",\n  copiedTextLabel = \"Link copiato\",\n  isPreview = false,\n}: AuthorWithImageProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const { openAlert } = useAlertDialog();\n  const avatarInitials = useMemo(() => {\n    if (!service?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      service.updatedBy.name ?? \"\",\n      service.updatedBy.surname ?? \"\",\n    );\n  }, [service.updatedBy]);\n  console.log(variant);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (service.previewImageTitle) {\n      return splitInTwo(service.previewImageTitle?.toUpperCase());\n    }\n    return [\"\", \"\"];\n  }, [service]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = service.readingTime ?? \"0\";\n    return Math.ceil(Number(readingTime) / 60)?.toString() || \"0\";\n  }, [service]);\n\n  const renderImage = () => {\n    if (!service.previewImageUrl) return null;\n\n    if (variant === \"Evento\") {\n      return (\n        <div className=\"event-image-container\">\n          <img\n            alt={`Evento ${service.name} background`}\n            src={service.previewImageUrl}\n            className=\"event-image\"\n          />\n          <div className={\"event-content-overlay w-full\"}>\n            <Row gap={\"x24\"} alignItems={\"end\"}>\n              <ImageComponent\n                src={service.previewImageUrl}\n                alt={`Evento ${service.name}`}\n              />\n              <div style={{ width: \"437px\" }}>\n                <Col gap={\"x32\"}>\n                  <CardCategory\n                    title={service.eventTitle ?? \"-\"}\n                    className={\"w-full\"}\n                    description={service.eventDescriptionTitle ?? \"-\"}\n                    description2={service.eventDescription ?? \"-\"}\n                    classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\n                    classNameDescriptionTitle={\n                      \"text-slate-28 fw-bold fs-6 md-fs-custom\"\n                    }\n                  />\n                  <Tags title={tagsLabelTitle} items={service.tags ?? []} />\n                </Col>\n              </div>\n            </Row>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\"\n        }\n      >\n        <ImageComponent\n          alt={`Service ${service.name} image`}\n          src={service.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        <p className={\"short-title\"}>\n          <span>{firstTitleLine}</span>\n          <span>{secondTitleLine}</span>\n        </p>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <div className={\"action-author\"}>\n        <AuthorBlock\n          authorName={\n            service?.updatedBy?.name\n              ? `${service?.updatedBy?.name} ${service?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(service.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row pb={\"x16\"} gap={\"x8\"} className={\"action-link\"}>\n          <ActionIconText\n            textLabel={shareLabel}\n            icon={<ShareLink />}\n            handleAction={openAlert}\n            classNameText={\"fw-bold\"}\n          />\n          <div className={\"share-divider\"}>\n            <ActionIconText\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\n              icon={<CopyLink />}\n              handleAction={copyToClipboard}\n              classNameText={\"fw-bold\"}\n            />\n          </div>\n        </Row>\n      </div>\n\n      {renderImage()}\n    </>\n  );\n};\n"],"names":["AuthorWithImage","service","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","openAlert","useAlertDialog","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","_a","readingTimeInMinutes","readingTime","renderImage","jsxs","jsx","Row","Col","CardCategory","Tags","Fragment","AuthorBlock","_b","_c","fromISODateToDateFormatted","ActionIconText","ShareLink","CopyLink"],"mappings":"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"}

package/dist/index.es343.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es343.js","sources":["../src/icons/Image/index.tsx"],"sourcesContent":["import { IconProps } from \"@radix-ui/themes\";\r\n\r\nexport const Image = ({ width, height }: IconProps) => {\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      viewBox=\"0 0 21 21\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M19.7667 1.23854H1.89999V19.1052H19.7667V1.23854ZM0.833328 0.171875V20.1719H20.8333V0.171875H0.833328Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M14.8333 7.5941C14.5815 7.5941 14.3444 7.71265 14.1933 7.9141L11.26 11.8252C11.1672 11.9489 11.0254 12.0262 10.8711 12.0372C10.7169 12.0482 10.5655 11.9917 10.4562 11.8823L9.54332 10.9694C9.3793 10.8054 9.15214 10.7206 8.92076 10.7371C8.68939 10.7536 8.47655 10.8697 8.33743 11.0553C8.33209 11.0624 8.32657 11.0694 8.32088 11.0763L5.12494 14.9229L4.30449 14.2413L7.49262 10.404C7.81736 9.97765 8.30993 9.71123 8.845 9.67313C9.38488 9.63469 9.91486 9.83247 10.2976 10.2152L10.7756 10.6933L13.34 7.2741C13.6925 6.80406 14.2458 6.52743 14.8333 6.52743C15.4209 6.52743 15.9741 6.80406 16.3267 7.2741L19.02 10.8652L18.1667 11.5052L15.4733 7.9141C15.3222 7.71265 15.0851 7.5941 14.8333 7.5941Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M3.63333 5.17188C3.63333 3.95685 4.6183 2.97188 5.83333 2.97188C7.04835 2.97188 8.03333 3.95685 8.03333 5.17188C8.03333 6.3869 7.04835 7.37188 5.83333 7.37188C4.6183 7.37188 3.63333 6.3869 3.63333 5.17188ZM5.83333 4.03854C5.20741 4.03854 4.7 4.54595 4.7 5.17188C4.7 5.7978 5.20741 6.30521 5.83333 6.30521C6.45925 6.30521 6.96666 5.7978 6.96666 5.17188C6.96666 4.54595 6.45925 4.03854 5.83333 4.03854Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M1.41111 14.083H20.2556V15.1497H1.41111V14.083Z\"\r\n        fill=\"white\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["Image","width","height","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAE3BC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAF;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es343.js","sources":["../src/icons/Image/index.tsx"],"sourcesContent":["import { IconProps } from \"@radix-ui/themes\";\n\nexport const Image = ({ width, height }: IconProps) => {\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 21 21\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M19.7667 1.23854H1.89999V19.1052H19.7667V1.23854ZM0.833328 0.171875V20.1719H20.8333V0.171875H0.833328Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14.8333 7.5941C14.5815 7.5941 14.3444 7.71265 14.1933 7.9141L11.26 11.8252C11.1672 11.9489 11.0254 12.0262 10.8711 12.0372C10.7169 12.0482 10.5655 11.9917 10.4562 11.8823L9.54332 10.9694C9.3793 10.8054 9.15214 10.7206 8.92076 10.7371C8.68939 10.7536 8.47655 10.8697 8.33743 11.0553C8.33209 11.0624 8.32657 11.0694 8.32088 11.0763L5.12494 14.9229L4.30449 14.2413L7.49262 10.404C7.81736 9.97765 8.30993 9.71123 8.845 9.67313C9.38488 9.63469 9.91486 9.83247 10.2976 10.2152L10.7756 10.6933L13.34 7.2741C13.6925 6.80406 14.2458 6.52743 14.8333 6.52743C15.4209 6.52743 15.9741 6.80406 16.3267 7.2741L19.02 10.8652L18.1667 11.5052L15.4733 7.9141C15.3222 7.71265 15.0851 7.5941 14.8333 7.5941Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3.63333 5.17188C3.63333 3.95685 4.6183 2.97188 5.83333 2.97188C7.04835 2.97188 8.03333 3.95685 8.03333 5.17188C8.03333 6.3869 7.04835 7.37188 5.83333 7.37188C4.6183 7.37188 3.63333 6.3869 3.63333 5.17188ZM5.83333 4.03854C5.20741 4.03854 4.7 4.54595 4.7 5.17188C4.7 5.7978 5.20741 6.30521 5.83333 6.30521C6.45925 6.30521 6.96666 5.7978 6.96666 5.17188C6.96666 4.54595 6.45925 4.03854 5.83333 4.03854Z\"\n        fill=\"white\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M1.41111 14.083H20.2556V15.1497H1.41111V14.083Z\"\n        fill=\"white\"\n      />\n    </svg>\n  );\n};\n"],"names":["Image","width","height","jsxs","jsx"],"mappings":";AAEO,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAE3BC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAAF;AAAA,IACA,QAAAC;AAAA,IACA,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IAEN,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MACP;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACP;AAAA,EAAA;AACF;"}

package/dist/index.es345.js

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, createContext as q, useLayoutEffect as Q } from "react";
-import { S as X } from "./index.es403.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es404.js";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es405.js";
+import { S as X } from "./index.es435.js";
+import { g as Y, m as Z, a as ee, u as re } from "./index.es436.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es437.js";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/dist/index.es346.js

@@ -1,5 +1,5 @@
-import { c as w } from "./index.es416.js";
-import { m as l } from "./index.es415.js";
+import { c as w } from "./index.es448.js";
+import { m as l } from "./index.es447.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es347.js

@@ -1,6 +1,6 @@
-import { c as $ } from "./index.es417.js";
-import { c as F } from "./index.es416.js";
-import { m, a as E, f as T, h as S } from "./index.es415.js";
+import { c as $ } from "./index.es449.js";
+import { c as F } from "./index.es448.js";
+import { m, a as E, f as T, h as S } from "./index.es447.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es35.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./VideoPlayer.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useState } from \"react\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\nconst sizeStyles = {\r\n  small: {\r\n    width: \"311px\",\r\n  },\r\n  medium: {\r\n    width: \"388px\",\r\n  },\r\n  large: {\r\n    width: \"666px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  small: {\r\n    heightImg: \"170px\",\r\n  },\r\n  medium: {\r\n    heightImg: \"183px\",\r\n  },\r\n  large: {\r\n    heightImg: \"371px\",\r\n  },\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype VideoPlayerProps = {\r\n  btnText: string;\r\n  sizeComp?: \"small\" | \"medium\" | \"large\";\r\n  titleTag: HeadingLevel;\r\n  image?: Image;\r\n  asImage?: \"img\";\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = \"large\",\r\n  titleTag: TitleTag = \"h3\",\r\n  image,\r\n  asImage = \"img\",\r\n}: VideoPlayerProps) => {\r\n  const ImageComponent = asImage;\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: width }}\r\n      className={clsx(\"shadow\", isExpanded && \"ui-expanded\")}\r\n    >\r\n      {/*to be replaced with video player*/}\r\n      <div\r\n        style={{ height: heightImg }}\r\n        className={clsx(\"cardImgWrapper\", \"w-full\")}\r\n      >\r\n        <ImageComponent\r\n          src={image?.src}\r\n          className={clsx(\"cardImg\", \"br-x4 h-full w-full\")}\r\n          alt=\"...\"\r\n        />\r\n        <div className={clsx(\"cardImgMask\")}></div>\r\n      </div>\r\n      <div\r\n        className={clsx(\r\n          \"accordion\",\r\n          \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\r\n        )}\r\n      >\r\n        <button\r\n          className={clsx(\r\n            \"ui-btn-accordion\",\r\n            \"base-row justify-content-between align-items-center\",\r\n          )}\r\n          type=\"button\"\r\n          onClick={() => setExpanded(!isExpanded)}\r\n        >\r\n          <TitleTag\r\n            className={clsx(\r\n              \"fw-semibold text-primary base-col justify-content-center\",\r\n            )}\r\n          >\r\n            {btnText}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\r\n          />\r\n        </button>\r\n      </div>\r\n      {isExpanded && (\r\n        <div\r\n          className={clsx(\r\n            \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n          )}\r\n        >\r\n          <p>\r\n            Placeholder content for this accordion, which is intended to\r\n            demonstrate the <code>.accordion-flush</code> class. This is the\r\n            first item's accordion body.\r\n          </p>\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","TitleTag","image","asImage","ImageComponent","width","heightImg","isExpanded","setExpanded","useState","jsxs","Col","clsx","jsx","ArrowDown"],"mappings":";;;;;;AAYA,MAAMA,IAAa;AAAA,EACjB,OAAO;AAAA,IACL,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAU;AAAA,EACd,OAAO;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,EAAA;AAEf,GAYaC,IAAc,CAAC;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAwB;AACtB,QAAMC,IAAiBD,GACjB,EAAE,OAAAE,EAAA,IAAUT,EAAWI,CAAQ,GAC/B,EAAE,WAAAM,EAAA,IAAcT,EAAQG,CAAQ,GAChC,CAACO,GAAYC,CAAW,IAAIC,EAAS,EAAK;AAE9C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,EAAE,OAAAN,EAAa;AAAA,MACtB,WAAWO,EAAK,UAAUL,KAAc,aAAa;AAAA,MAGrD,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,QAAQJ,EAAU;AAAA,YAC3B,WAAWM,EAAK,kBAAkB,QAAQ;AAAA,YAE1C,UAAA;AAAA,cAAAC,gBAAAA,EAAA;AAAA,gBAACT;AAAA,gBAAA;AAAA,kBACC,KAAKF,KAAA,gBAAAA,EAAO;AAAA,kBACZ,WAAWU,EAAK,WAAW,qBAAqB;AAAA,kBAChD,KAAI;AAAA,gBAAA;AAAA,cACN;AAAA,cACCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWD,EAAK,aAAa,EAAG,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACvC;AAAA,QACAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA,UAAAF,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBACA,MAAK;AAAA,gBACL,SAAS,MAAMJ,EAAY,CAACD,CAAU;AAAA,gBAEtC,UAAA;AAAA,kBAAAM,gBAAAA,EAAA;AAAA,oBAACZ;AAAA,oBAAA;AAAA,sBACC,WAAWW;AAAA,wBACT;AAAA,sBACF;AAAA,sBAEC,UAAAb;AAAA,oBAAA;AAAA,kBACH;AAAA,kBACAc,gBAAAA,EAAA;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,OAAO;AAAA,sBACP,WAAWF,EAAK,YAAY,EAAG,UAAaL,EAAY,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC1D;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QACF;AAAA,QACCA,KACCM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,YACF;AAAA,YAEA,iCAAC,KAAE,EAAA,UAAA;AAAA,cAAA;AAAA,cAEeC,gBAAAA,EAAAA,IAAC,UAAK,UAAgB,mBAAA,CAAA;AAAA,cAAO;AAAA,YAAA,EAE/C,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es35.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./VideoPlayer.scss\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { useState } from \"react\";\nimport { Col } from \"@/components\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\nconst sizeStyles = {\n  small: {\n    width: \"311px\",\n  },\n  medium: {\n    width: \"388px\",\n  },\n  large: {\n    width: \"666px\",\n  },\n};\n\nconst imgSize = {\n  small: {\n    heightImg: \"170px\",\n  },\n  medium: {\n    heightImg: \"183px\",\n  },\n  large: {\n    heightImg: \"371px\",\n  },\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: \"small\" | \"medium\" | \"large\";\n  titleTag: HeadingLevel;\n  image?: Image;\n  asImage?: \"img\";\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = \"large\",\n  titleTag: TitleTag = \"h3\",\n  image,\n  asImage = \"img\",\n}: VideoPlayerProps) => {\n  const ImageComponent = asImage;\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: width }}\n      className={clsx(\"shadow\", isExpanded && \"ui-expanded\")}\n    >\n      {/*to be replaced with video player*/}\n      <div\n        style={{ height: heightImg }}\n        className={clsx(\"cardImgWrapper\", \"w-full\")}\n      >\n        <ImageComponent\n          src={image?.src}\n          className={clsx(\"cardImg\", \"br-x4 h-full w-full\")}\n          alt=\"...\"\n        />\n        <div className={clsx(\"cardImgMask\")}></div>\n      </div>\n      <div\n        className={clsx(\n          \"accordion\",\n          \"base-row justify-content-between align-items-center px-x24 w-full flex-1\",\n        )}\n      >\n        <button\n          className={clsx(\n            \"ui-btn-accordion\",\n            \"base-row justify-content-between align-items-center\",\n          )}\n          type=\"button\"\n          onClick={() => setExpanded(!isExpanded)}\n        >\n          <TitleTag\n            className={clsx(\n              \"fw-semibold text-primary base-col justify-content-center\",\n            )}\n          >\n            {btnText}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow\", { [\"expanded\"]: isExpanded })}\n          />\n        </button>\n      </div>\n      {isExpanded && (\n        <div\n          className={clsx(\n            \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n          )}\n        >\n          <p>\n            Placeholder content for this accordion, which is intended to\n            demonstrate the <code>.accordion-flush</code> class. This is the\n            first item's accordion body.\n          </p>\n        </div>\n      )}\n    </Col>\n  );\n};\n"],"names":["sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","TitleTag","image","asImage","ImageComponent","width","heightImg","isExpanded","setExpanded","useState","jsxs","Col","clsx","jsx","ArrowDown"],"mappings":";;;;;;AAYA,MAAMA,IAAa;AAAA,EACjB,OAAO;AAAA,IACL,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EACA,OAAO;AAAA,IACL,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAU;AAAA,EACd,OAAO;AAAA,IACL,WAAW;AAAA,EACb;AAAA,EACA,QAAQ;AAAA,IACN,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,WAAW;AAAA,EAAA;AAEf,GAYaC,IAAc,CAAC;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAAwB;AACtB,QAAMC,IAAiBD,GACjB,EAAE,OAAAE,EAAA,IAAUT,EAAWI,CAAQ,GAC/B,EAAE,WAAAM,EAAA,IAAcT,EAAQG,CAAQ,GAChC,CAACO,GAAYC,CAAW,IAAIC,EAAS,EAAK;AAE9C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,EAAE,OAAAN,EAAa;AAAA,MACtB,WAAWO,EAAK,UAAUL,KAAc,aAAa;AAAA,MAGrD,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO,EAAE,QAAQJ,EAAU;AAAA,YAC3B,WAAWM,EAAK,kBAAkB,QAAQ;AAAA,YAE1C,UAAA;AAAA,cAAAC,gBAAAA,EAAA;AAAA,gBAACT;AAAA,gBAAA;AAAA,kBACC,KAAKF,KAAA,gBAAAA,EAAO;AAAA,kBACZ,WAAWU,EAAK,WAAW,qBAAqB;AAAA,kBAChD,KAAI;AAAA,gBAAA;AAAA,cACN;AAAA,cACCC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWD,EAAK,aAAa,EAAG,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACvC;AAAA,QACAC,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAEA,UAAAF,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWE;AAAA,kBACT;AAAA,kBACA;AAAA,gBACF;AAAA,gBACA,MAAK;AAAA,gBACL,SAAS,MAAMJ,EAAY,CAACD,CAAU;AAAA,gBAEtC,UAAA;AAAA,kBAAAM,gBAAAA,EAAA;AAAA,oBAACZ;AAAA,oBAAA;AAAA,sBACC,WAAWW;AAAA,wBACT;AAAA,sBACF;AAAA,sBAEC,UAAAb;AAAA,oBAAA;AAAA,kBACH;AAAA,kBACAc,gBAAAA,EAAA;AAAA,oBAACC;AAAA,oBAAA;AAAA,sBACC,OAAO;AAAA,sBACP,WAAWF,EAAK,YAAY,EAAG,UAAaL,EAAY,CAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC1D;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QACF;AAAA,QACCA,KACCM,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,YACF;AAAA,YAEA,iCAAC,KAAE,EAAA,UAAA;AAAA,cAAA;AAAA,cAEeC,gBAAAA,EAAAA,IAAC,UAAK,UAAgB,mBAAA,CAAA;AAAA,cAAO;AAAA,YAAA,EAE/C,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es355.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es401.js";
+import { __exports as e } from "./index.es377.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es356.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./index.es402.js";
+import { __exports as u } from "./index.es378.js";
 import B from "react";
 /**
  * @license React