@anoki/fse-ui 1.0.610 → 1.0.612

package/dist/index.es32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es32.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { ArrowLink, Button, Col } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { Attachment } from \"@/icons\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype ctaLevel = \"link\" | \"button\" | \"outlineButton\";\n\ntype SupportBannerProps = {\n  cta: ctaLevel;\n  bannerType: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag: HeadingLevel;\n  href?: string | string[];\n  icon?: boolean;\n  linkText?: string | string[];\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  handleAction?: () => void;\n};\n\nconst CTA_COMPONENTS = {\n  link: (title: string, href?: string) => (\n    <ArrowLink href={href}>{title}</ArrowLink>\n  ),\n  button: (title: string) => <button className=\"button-style\">{title}</button>,\n  outlineButton: (\n    title: string,\n    _href?: string,\n    icon?: boolean,\n    handleAction?: () => void,\n  ) => (\n    <Button\n      size={\"2\"}\n      textColor=\"primary\"\n      bg=\"lightblue-a03\"\n      className={\"w-full \"}\n      border={\"primary\"}\n      onClick={handleAction}\n    >\n      {icon && <Attachment className={\"mr-x8\"} />}\n      <p className={\"fs-6 fw-bold\"}>{title}</p>\n    </Button>\n  ),\n};\n\nexport const SupportBanner = ({\n  cta = \"link\",\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h3\",\n  href = \"#\",\n  icon = true,\n  linkText = \"Vai al supporto\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  handleAction,\n}: SupportBannerProps) => {\n  const renderCTA = useMemo(() => {\n    if (Array.isArray(href)) {\n      return href.map((singleHref, index) => {\n        const singleLinkText = Array.isArray(linkText)\n          ? linkText[index]\n          : linkText;\n        return (\n          <div key={index} className=\"ui-banner-link\">\n            {CTA_COMPONENTS[cta](\n              singleLinkText,\n              singleHref,\n              icon,\n              handleAction,\n            )}\n          </div>\n        );\n      });\n    }\n    if (Array.isArray(linkText)) {\n      return linkText.map((singleLinkText, index) => {\n        return (\n          <div key={index} className=\"ui-banner-link\">\n            {CTA_COMPONENTS[cta](singleLinkText, href, icon, handleAction)}\n          </div>\n        );\n      });\n    }\n    return CTA_COMPONENTS[cta](linkText, href, icon, handleAction);\n  }, [cta, linkText, href, handleAction]);\n\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={clsx(\n        className,\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\n        \"ui-banner shadow \",\n      )}\n    >\n      <TitleTag\n        className={clsx(\n          \"ui-banner-title text-slate-20\",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {title}\n      </TitleTag>\n      <main\n        className={clsx(\n          mainLayout === \"layout1\"\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\n            : \"ui-banner-content-layout2\",\n          \"ui-banner-content fs-6 text-secondary w-100\",\n        )}\n      >\n        <div\n          className={clsx(\n            classNameDescription,\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\n          )}\n        >\n          {description}\n        </div>\n\n        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n      </main>\n    </Col>\n  );\n};\n"],"names":["CTA_COMPONENTS","title","href","jsx","ArrowLink","_href","icon","handleAction","jsxs","Button","Attachment","SupportBanner","cta","bannerType","description","TitleTag","linkText","mainLayout","className","classNameTitle","classNameDescription","renderCTA","useMemo","singleHref","index","singleLinkText","Col","clsx"],"mappings":"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"}
+{"version":3,"file":"index.es32.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./SupportBanner.scss\";\r\nimport { ArrowLink, Button, Col } from \"@/components\";\r\nimport { useMemo } from \"react\";\r\nimport { Attachment } from \"@/icons\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype ctaLevel = \"link\" | \"button\" | \"outlineButton\";\r\n\r\ntype SupportBannerProps = {\r\n  cta: ctaLevel;\r\n  bannerType: \"filled\" | \"outline\";\r\n  title: string;\r\n  description?: string;\r\n  titleTag: HeadingLevel;\r\n  href?: string | string[];\r\n  icon?: boolean;\r\n  linkText?: string | string[];\r\n  mainLayout?: \"layout1\" | \"layout2\";\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  handleAction?: () => void;\r\n};\r\n\r\nconst CTA_COMPONENTS = {\r\n  link: (title: string, href?: string) => (\r\n    <ArrowLink href={href}>{title}</ArrowLink>\r\n  ),\r\n  button: (title: string) => <button className=\"button-style\">{title}</button>,\r\n  outlineButton: (\r\n    title: string,\r\n    _href?: string,\r\n    icon?: boolean,\r\n    handleAction?: () => void,\r\n  ) => (\r\n    <Button\r\n      size={\"2\"}\r\n      textColor=\"primary\"\r\n      bg=\"lightblue-a03\"\r\n      className={\"w-full \"}\r\n      border={\"primary\"}\r\n      onClick={handleAction}\r\n    >\r\n      {icon && <Attachment className={\"mr-x8\"} />}\r\n      <p className={\"fs-6 fw-bold\"}>{title}</p>\r\n    </Button>\r\n  ),\r\n};\r\n\r\nexport const SupportBanner = ({\r\n  cta = \"link\",\r\n  bannerType = \"outline\",\r\n  title,\r\n  description = \"\",\r\n  titleTag: TitleTag = \"h3\",\r\n  href = \"#\",\r\n  icon = true,\r\n  linkText = \"Vai al supporto\",\r\n  mainLayout = \"layout1\",\r\n  className = \"\",\r\n  classNameTitle = \"\",\r\n  classNameDescription = \"\",\r\n  handleAction,\r\n}: SupportBannerProps) => {\r\n  const renderCTA = useMemo(() => {\r\n    if (Array.isArray(href)) {\r\n      return href.map((singleHref, index) => {\r\n        const singleLinkText = Array.isArray(linkText)\r\n          ? linkText[index]\r\n          : linkText;\r\n        return (\r\n          <div key={index} className=\"ui-banner-link\">\r\n            {CTA_COMPONENTS[cta](\r\n              singleLinkText,\r\n              singleHref,\r\n              icon,\r\n              handleAction,\r\n            )}\r\n          </div>\r\n        );\r\n      });\r\n    }\r\n    if (Array.isArray(linkText)) {\r\n      return linkText.map((singleLinkText, index) => {\r\n        return (\r\n          <div key={index} className=\"ui-banner-link\">\r\n            {CTA_COMPONENTS[cta](singleLinkText, href, icon, handleAction)}\r\n          </div>\r\n        );\r\n      });\r\n    }\r\n    return CTA_COMPONENTS[cta](linkText, href, icon, handleAction);\r\n  }, [cta, linkText, href, handleAction]);\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      className={clsx(\r\n        className,\r\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\r\n        \"ui-banner shadow \",\r\n      )}\r\n    >\r\n      <TitleTag\r\n        className={clsx(\r\n          \"ui-banner-title text-slate-20\",\r\n          classNameTitle || \"fs-4 fw-bold\",\r\n        )}\r\n      >\r\n        {title}\r\n      </TitleTag>\r\n      <main\r\n        className={clsx(\r\n          mainLayout === \"layout1\"\r\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\r\n            : \"ui-banner-content-layout2\",\r\n          \"ui-banner-content fs-6 text-secondary w-100\",\r\n        )}\r\n      >\r\n        <div\r\n          className={clsx(\r\n            classNameDescription,\r\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\r\n          )}\r\n        >\r\n          {description}\r\n        </div>\r\n\r\n        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CTA_COMPONENTS","title","href","jsx","ArrowLink","_href","icon","handleAction","jsxs","Button","Attachment","SupportBanner","cta","bannerType","description","TitleTag","linkText","mainLayout","className","classNameTitle","classNameDescription","renderCTA","useMemo","singleHref","index","singleLinkText","Col","clsx"],"mappings":"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"}

package/dist/index.es326.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es196.js";
-import { clsx as s } from "./index.es197.js";
+import { clsx as s } from "./index.es198.js";
 import './components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,

package/dist/index.es326.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es326.js","sources":["../src/components/ui/ChangeProfileModal/ChangeProfileModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./ChangeProfileModalContent.scss\";\n\ntype ChangeProfileModalContentProps = {\n  overrideClassNames?: string;\n  children?: React.ReactNode;\n};\n\nexport const ChangeProfileModalContent = ({\n  overrideClassNames,\n  children,\n}: ChangeProfileModalContentProps) => {\n  return (\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\n      {children}\n    </div>\n  );\n};\n"],"names":["ChangeProfileModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA4B,CAAC;AAAA,EACxC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}
+{"version":3,"file":"index.es326.js","sources":["../src/components/ui/ChangeProfileModal/ChangeProfileModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ChangeProfileModalContent.scss\";\r\n\r\ntype ChangeProfileModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ChangeProfileModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: ChangeProfileModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ChangeProfileModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA4B,CAAC;AAAA,EACxC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}

package/dist/index.es33.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es196.js";
 import './components/ui/TabsGlossary/TabsGlossary.css';/* empty css            */
-import { clsx as i } from "./index.es197.js";
+import { clsx as i } from "./index.es198.js";
 import u, { useState as x } from "react";
 import { Row as p } from "./index.es9.js";
 import { Loader as b } from "./index.es65.js";

package/dist/index.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es33.js","sources":["../src/components/ui/TabsGlossary/index.tsx"],"sourcesContent":["import \"./TabsGlossary.scss\";\nimport clsx from \"clsx\";\nimport React, { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { Loader, Row } from \"@/components\";\n\ntype TabItem = {\n  label: string;\n  disabled?: boolean;\n};\n\ntype ActionItem = PropsWithChildren<{\n  label: string;\n  icon: ReactNode;\n  onClick: () => void;\n  loading?: boolean;\n}>;\n\ntype TabsGlossaryProps = {\n  CTA?: \"link\" | \"primary\";\n  navigationItems: TabItem[];\n  activeIndex: number;\n  onTabChange: (index: number) => void;\n  actions?: ActionItem[];\n  children?: ReactNode;\n  // onDownload?: () => void;\n  // onAdd?: () => void;\n  // downloadAllLabel?: string;\n  // addDocumentLabel?: string;\n  // actionType?: \"download\" | \"add\" | null;\n};\n\nexport const TabsGlossary = ({\n  CTA = \"link\",\n  navigationItems,\n  children,\n  activeIndex = 0,\n  onTabChange,\n  actions = [],\n  // onDownload,\n  // onAdd,\n  // downloadAllLabel = \"Scarica tutti\",\n  // addDocumentLabel = \"Aggiungi documento\",\n  // actionType,\n}: TabsGlossaryProps) => {\n  const [active, setActive] = useState(activeIndex);\n\n  // const isDownloading = loading && actionType === \"download\";\n  // const isAdding = loading && actionType === \"add\";\n\n  return (\n    <div>\n      <div className={clsx(\"ui-document-container-tabs\")}>\n        <nav\n          className={\"ui-document-container-tabs-nav-new\"}\n          aria-label=\"Menu di navigazione\"\n        >\n          <Row\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"secondary\"}\n            className={clsx(\n              \"ui-document-container-tabs-nav list-style-none ui-tabs\",\n            )}\n          >\n            {navigationItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-document-container-tabs-nav-responsive-flex\",\n                    !item.disabled ? \"cursor-pointer\" : \"text-muted\",\n                    \"ui-tab\",\n                    active === index && \"text-primary ui-active-tab-glossary \",\n                  )}\n                  onClick={() => {\n                    if (!item.disabled) {\n                      setActive(index);\n                      onTabChange(index);\n                    }\n                  }}\n                >\n                  <a className={\"text-decoration-none\"}>{item.label}</a>\n                </li>\n              );\n            })}\n          </Row>\n        </nav>\n        {children}\n        {CTA === \"link\" && (\n          <nav className={\"ui-document-container-tabs-nav-new\"}>\n            <ul className=\"list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8\">\n              {actions.map((action, index) => (\n                <React.Fragment key={index}>\n                  <li\n                    className={clsx(\n                      !action.loading && \"cursor-pointer\",\n                      \"text-primary base-row justify-content-center align-items-center gap-x8\",\n                    )}\n                    onClick={() => !action.loading && action.onClick()}\n                  >\n                    {action.icon}\n                    <p>{action.label}</p>\n                    {action.loading && <Loader loading={action.loading} />}\n                  </li>\n                  {index < actions.length - 1 && (\n                    <li>\n                      <span className=\"ui-divider\"></span>\n                    </li>\n                  )}\n                </React.Fragment>\n              ))}\n            </ul>\n          </nav>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["TabsGlossary","CTA","navigationItems","children","activeIndex","onTabChange","actions","active","setActive","useState","jsxs","clsx","jsx","Row","item","index","action","React","Loader"],"mappings":";;;;;;AA+BO,MAAMA,IAAe,CAAC;AAAA,EAC3B,KAAAC,IAAM;AAAA,EACN,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMZ,MAAyB;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASL,CAAW;AAKhD,+BACG,OACC,EAAA,UAAAM,gBAAAA,EAAA,KAAC,SAAI,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,cAAW;AAAA,QAEX,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,WAAWF;AAAA,cACT;AAAA,YACF;AAAA,YAEC,UAAgBT,EAAA,IAAI,CAACY,GAAMC,MAExBH,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWD;AAAA,kBACT;AAAA,kBACCG,EAAK,WAA8B,eAAnB;AAAA,kBACjB;AAAA,kBACAP,MAAWQ,KAAS;AAAA,gBACtB;AAAA,gBACA,SAAS,MAAM;AACT,kBAACD,EAAK,aACRN,EAAUO,CAAK,GACfV,EAAYU,CAAK;AAAA,gBAErB;AAAA,gBAEA,UAACH,gBAAAA,EAAAA,IAAA,KAAA,EAAE,WAAW,wBAAyB,YAAK,MAAM,CAAA;AAAA,cAAA;AAAA,cAd7CG;AAAA,YAeP,CAEH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IACF;AAAA,IACCZ;AAAA,IACAF,MAAQ,UACPW,gBAAAA,EAAA,IAAC,SAAI,WAAW,sCACd,gCAAC,MAAG,EAAA,WAAU,wEACX,UAAAN,EAAQ,IAAI,CAACU,GAAQD,MACnBL,gBAAAA,EAAAA,KAAAO,EAAM,UAAN,EACC,UAAA;AAAA,MAAAP,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT,CAACK,EAAO,WAAW;AAAA,YACnB;AAAA,UACF;AAAA,UACA,SAAS,MAAM,CAACA,EAAO,WAAWA,EAAO,QAAQ;AAAA,UAEhD,UAAA;AAAA,YAAOA,EAAA;AAAA,YACRJ,gBAAAA,EAAAA,IAAC,KAAG,EAAA,UAAAI,EAAO,MAAM,CAAA;AAAA,YAChBA,EAAO,WAAWJ,gBAAAA,MAACM,GAAO,EAAA,SAASF,EAAO,QAAS,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACtD;AAAA,MACCD,IAAQT,EAAQ,SAAS,KACxBM,gBAAAA,EAAA,IAAC,QACC,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,aAAa,CAAA,EAC/B,CAAA;AAAA,IAAA,KAfiBG,CAiBrB,CACD,EAAA,CACH,EACF,CAAA;AAAA,EAAA,EAAA,CAEJ,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"index.es33.js","sources":["../src/components/ui/TabsGlossary/index.tsx"],"sourcesContent":["import \"./TabsGlossary.scss\";\r\nimport clsx from \"clsx\";\r\nimport React, { PropsWithChildren, ReactNode, useState } from \"react\";\r\nimport { Loader, Row } from \"@/components\";\r\n\r\ntype TabItem = {\r\n  label: string;\r\n  disabled?: boolean;\r\n};\r\n\r\ntype ActionItem = PropsWithChildren<{\r\n  label: string;\r\n  icon: ReactNode;\r\n  onClick: () => void;\r\n  loading?: boolean;\r\n}>;\r\n\r\ntype TabsGlossaryProps = {\r\n  CTA?: \"link\" | \"primary\";\r\n  navigationItems: TabItem[];\r\n  activeIndex: number;\r\n  onTabChange: (index: number) => void;\r\n  actions?: ActionItem[];\r\n  children?: ReactNode;\r\n  // onDownload?: () => void;\r\n  // onAdd?: () => void;\r\n  // downloadAllLabel?: string;\r\n  // addDocumentLabel?: string;\r\n  // actionType?: \"download\" | \"add\" | null;\r\n};\r\n\r\nexport const TabsGlossary = ({\r\n  CTA = \"link\",\r\n  navigationItems,\r\n  children,\r\n  activeIndex = 0,\r\n  onTabChange,\r\n  actions = [],\r\n  // onDownload,\r\n  // onAdd,\r\n  // downloadAllLabel = \"Scarica tutti\",\r\n  // addDocumentLabel = \"Aggiungi documento\",\r\n  // actionType,\r\n}: TabsGlossaryProps) => {\r\n  const [active, setActive] = useState(activeIndex);\r\n\r\n  // const isDownloading = loading && actionType === \"download\";\r\n  // const isAdding = loading && actionType === \"add\";\r\n\r\n  return (\r\n    <div>\r\n      <div className={clsx(\"ui-document-container-tabs\")}>\r\n        <nav\r\n          className={\"ui-document-container-tabs-nav-new\"}\r\n          aria-label=\"Menu di navigazione\"\r\n        >\r\n          <Row\r\n            gap={\"x20\"}\r\n            fw={\"semibold\"}\r\n            text={\"secondary\"}\r\n            className={clsx(\r\n              \"ui-document-container-tabs-nav list-style-none ui-tabs\",\r\n            )}\r\n          >\r\n            {navigationItems.map((item, index) => {\r\n              return (\r\n                <li\r\n                  key={index}\r\n                  className={clsx(\r\n                    \"ui-document-container-tabs-nav-responsive-flex\",\r\n                    !item.disabled ? \"cursor-pointer\" : \"text-muted\",\r\n                    \"ui-tab\",\r\n                    active === index && \"text-primary ui-active-tab-glossary \",\r\n                  )}\r\n                  onClick={() => {\r\n                    if (!item.disabled) {\r\n                      setActive(index);\r\n                      onTabChange(index);\r\n                    }\r\n                  }}\r\n                >\r\n                  <a className={\"text-decoration-none\"}>{item.label}</a>\r\n                </li>\r\n              );\r\n            })}\r\n          </Row>\r\n        </nav>\r\n        {children}\r\n        {CTA === \"link\" && (\r\n          <nav className={\"ui-document-container-tabs-nav-new\"}>\r\n            <ul className=\"list-style-none base-row gap-x20 fw-semibold text-primary fs-8 pb-x8\">\r\n              {actions.map((action, index) => (\r\n                <React.Fragment key={index}>\r\n                  <li\r\n                    className={clsx(\r\n                      !action.loading && \"cursor-pointer\",\r\n                      \"text-primary base-row justify-content-center align-items-center gap-x8\",\r\n                    )}\r\n                    onClick={() => !action.loading && action.onClick()}\r\n                  >\r\n                    {action.icon}\r\n                    <p>{action.label}</p>\r\n                    {action.loading && <Loader loading={action.loading} />}\r\n                  </li>\r\n                  {index < actions.length - 1 && (\r\n                    <li>\r\n                      <span className=\"ui-divider\"></span>\r\n                    </li>\r\n                  )}\r\n                </React.Fragment>\r\n              ))}\r\n            </ul>\r\n          </nav>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TabsGlossary","CTA","navigationItems","children","activeIndex","onTabChange","actions","active","setActive","useState","jsxs","clsx","jsx","Row","item","index","action","React","Loader"],"mappings":";;;;;;AA+BO,MAAMA,IAAe,CAAC;AAAA,EAC3B,KAAAC,IAAM;AAAA,EACN,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,aAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMZ,MAAyB;AACvB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASL,CAAW;AAKhD,+BACG,OACC,EAAA,UAAAM,gBAAAA,EAAA,KAAC,SAAI,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,cAAW;AAAA,QAEX,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,WAAWF;AAAA,cACT;AAAA,YACF;AAAA,YAEC,UAAgBT,EAAA,IAAI,CAACY,GAAMC,MAExBH,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,WAAWD;AAAA,kBACT;AAAA,kBACCG,EAAK,WAA8B,eAAnB;AAAA,kBACjB;AAAA,kBACAP,MAAWQ,KAAS;AAAA,gBACtB;AAAA,gBACA,SAAS,MAAM;AACT,kBAACD,EAAK,aACRN,EAAUO,CAAK,GACfV,EAAYU,CAAK;AAAA,gBAErB;AAAA,gBAEA,UAACH,gBAAAA,EAAAA,IAAA,KAAA,EAAE,WAAW,wBAAyB,YAAK,MAAM,CAAA;AAAA,cAAA;AAAA,cAd7CG;AAAA,YAeP,CAEH;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IACF;AAAA,IACCZ;AAAA,IACAF,MAAQ,UACPW,gBAAAA,EAAA,IAAC,SAAI,WAAW,sCACd,gCAAC,MAAG,EAAA,WAAU,wEACX,UAAAN,EAAQ,IAAI,CAACU,GAAQD,MACnBL,gBAAAA,EAAAA,KAAAO,EAAM,UAAN,EACC,UAAA;AAAA,MAAAP,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT,CAACK,EAAO,WAAW;AAAA,YACnB;AAAA,UACF;AAAA,UACA,SAAS,MAAM,CAACA,EAAO,WAAWA,EAAO,QAAQ;AAAA,UAEhD,UAAA;AAAA,YAAOA,EAAA;AAAA,YACRJ,gBAAAA,EAAAA,IAAC,KAAG,EAAA,UAAAI,EAAO,MAAM,CAAA;AAAA,YAChBA,EAAO,WAAWJ,gBAAAA,MAACM,GAAO,EAAA,SAASF,EAAO,QAAS,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACtD;AAAA,MACCD,IAAQT,EAAQ,SAAS,KACxBM,gBAAAA,EAAA,IAAC,QACC,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,aAAa,CAAA,EAC/B,CAAA;AAAA,IAAA,KAfiBG,CAiBrB,CACD,EAAA,CACH,EACF,CAAA;AAAA,EAAA,EAAA,CAEJ,EACF,CAAA;AAEJ;"}

package/dist/index.es331.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es438.js";
-import { scrollAreaPropDefs as r } from "./index.es439.js";
-import { extractMarginProps as E } from "./index.es440.js";
-import { getMarginStyles as z } from "./index.es441.js";
-import { getResponsiveClassNames as i } from "./index.es442.js";
-import { getSubtree as C } from "./index.es443.js";
-import { mergeStyles as R } from "./index.es444.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es445.js";
+import l from "./index.es425.js";
+import { scrollAreaPropDefs as r } from "./index.es426.js";
+import { extractMarginProps as E } from "./index.es427.js";
+import { getMarginStyles as z } from "./index.es428.js";
+import { getResponsiveClassNames as i } from "./index.es429.js";
+import { getSubtree as C } from "./index.es430.js";
+import { mergeStyles as R } from "./index.es431.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es432.js";
 const D = e.forwardRef((p, u) => {
   const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
   return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));

package/dist/index.es337.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es196.js";
-import { clsx as d } from "./index.es197.js";
+import { clsx as d } from "./index.es198.js";
 import m from "./index.es339.js";
 const x = ({
   index: t,

package/dist/index.es337.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es337.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../../ToggleContent\";\nimport { ToggleLabel } from \"../../types\";\n\nexport interface StepData {\n  title: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemProps extends StepData {\n  index: number;\n  isOpen: boolean;\n  onToggle: () => void;\n  detailLabels: ToggleLabel;\n}\n\nexport const StepItem: React.FC<StepItemProps> = ({\n  index,\n  title,\n  content,\n  isOpen,\n  detailLabels,\n  onToggle,\n}) => {\n  return (\n    <div className=\"step-item\">\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\n        <div className=\"step-number\">{index + 1}</div>\n        <div className=\"step-title\">{title}</div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-box\">\n          <div className=\"\"></div>\n          <div className=\"line\"></div>\n        </div>\n        <div className=\"step-details-content\">\n          <ToggleContent\n            className=\"toggle-btn\"\n            onClick={onToggle}\n            isOpen={isOpen}\n            toggleLabels={detailLabels}\n          />\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es337.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport ToggleContent from \"../../ToggleContent\";\r\nimport { ToggleLabel } from \"../../types\";\r\n\r\nexport interface StepData {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemProps extends StepData {\r\n  index: number;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  detailLabels: ToggleLabel;\r\n}\r\n\r\nexport const StepItem: React.FC<StepItemProps> = ({\r\n  index,\r\n  title,\r\n  content,\r\n  isOpen,\r\n  detailLabels,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className=\"step-item\">\r\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\r\n        <div className=\"step-number\">{index + 1}</div>\r\n        <div className=\"step-title\">{title}</div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-box\">\r\n          <div className=\"\"></div>\r\n          <div className=\"line\"></div>\r\n        </div>\r\n        <div className=\"step-details-content\">\r\n          <ToggleContent\r\n            className=\"toggle-btn\"\r\n            onClick={onToggle}\r\n            isOpen={isOpen}\r\n            toggleLabels={detailLabels}\r\n          />\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACvCQ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,EAAA,CAAA;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,gBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACE,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,GAAG,CAAA;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,OAAO,CAAA;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAChB;AAAA,MACCD,KAAUK,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,gBAAgB,UAAQN,EAAA,CAAA;AAAA,IAAA,EACpD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es339.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es196.js";
-import { clsx as e } from "./index.es197.js";
+import { clsx as e } from "./index.es198.js";
 import { ArrowTop as m } from "./index.es167.js";
 import { ArrowDown as n } from "./index.es123.js";
 const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [

package/dist/index.es339.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es339.js","sources":["../src/components/ui/Accordion/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\nimport { ToggleLabel } from \"./types\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  className?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  toggleLabels: ToggleLabel;\n};\n\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\n  return (\n    <button className={clsx(\"\", className)} onClick={onClick}>\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\n    </button>\n  );\n};\n\nexport default ToggleContent;\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}
+{"version":3,"file":"index.es339.js","sources":["../src/components/ui/Accordion/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\r\nimport { ToggleLabel } from \"./types\";\r\nimport clsx from \"clsx\";\r\n\r\ntype Props = {\r\n  className?: string;\r\n  isOpen: boolean;\r\n  onClick: () => void;\r\n  toggleLabels: ToggleLabel;\r\n};\r\n\r\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\r\n  return (\r\n    <button className={clsx(\"\", className)} onClick={onClick}>\r\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\r\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\r\n    </button>\r\n  );\r\n};\r\n\r\nexport default ToggleContent;\r\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}

package/dist/index.es34.js

@@ -1,105 +1,94 @@
 import { j as a } from "./index.es196.js";
 import { useMemo as n } from "react";
-import { AuthorBlock as L } from "./index.es94.js";
+import { AuthorBlock as D } from "./index.es94.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as U } from "./index.es245.js";
-import { useCopyToClipboardCurrentPage as $ } from "./index.es246.js";
-import { useAlertDialog as R } from "./index.es247.js";
+import { fromISODateToDateFormatted as L } from "./index.es245.js";
+import { useCopyToClipboardCurrentPage as U } from "./index.es246.js";
+import { useAlertDialog as $ } from "./index.es247.js";
 import { getFullNameInitials as S } from "./index.es248.js";
-import { Row as p } from "./index.es9.js";
+import { Row as s } from "./index.es9.js";
 import { splitInTwo as E } from "./index.es249.js";
-import { ActionIconText as u } from "./index.es60.js";
+import { ActionIconText as d } from "./index.es60.js";
 import { ShareLink as F } from "./index.es170.js";
 import { CopyLink as M } from "./index.es169.js";
-import { Tags as O } from "./index.es120.js";
-import { Col as V } from "./index.es10.js";
-import { CardCategory as W } from "./index.es26.js";
-const it = ({
+import { Tags as R } from "./index.es120.js";
+import { Col as O } from "./index.es10.js";
+import { CardCategory as P } from "./index.es26.js";
+const et = ({
   service: t,
-  ImageComponent: i = "img",
-  imageProps: o = {},
-  imagePropsCard: x = {},
-  variant: f = "service",
+  ImageComponent: p = "img",
+  imageProps: u = {},
+  variant: x = "service",
   publishedLabel: g = "Pubblicato",
   readingTimeLabel: c = "Tempo di lettura",
-  readingMinuteLabel: h = "min",
-  tagsLabelTitle: j = "Argomenti trattati",
-  shareLabel: T = "Condividi",
-  copyLinkLabel: N = "Copia link",
-  copiedTextLabel: y = "Link copiato",
-  isPreview: l = !1
+  readingMinuteLabel: f = "min",
+  tagsLabelTitle: h = "Argomenti trattati",
+  shareLabel: j = "Condividi",
+  copyLinkLabel: T = "Copia link",
+  copiedTextLabel: N = "Link copiato",
+  isPreview: o = !1
 }) => {
-  var r, m, s;
-  const { copyToClipboard: w, isCopied: b } = $(), { openAlert: I } = R(), C = n(() => t != null && t.updatedBy ? S(
+  var i, m, r;
+  const { copyToClipboard: I, isCopied: b } = U(), { openAlert: y } = $(), w = n(() => t != null && t.updatedBy ? S(
     t.updatedBy.name ?? "",
     t.updatedBy.surname ?? ""
-  ) : "-", [t.updatedBy]), [A, B] = n(() => {
+  ) : "-", [t.updatedBy]), [C, A] = n(() => {
     var e;
     return t.previewImageTitle ? E((e = t.previewImageTitle) == null ? void 0 : e.toUpperCase()) : ["", ""];
-  }, [t]), k = n(() => {
-    var d;
+  }, [t]), B = n(() => {
+    var l;
     const e = t.readingTime ?? "0";
-    return ((d = Math.ceil(Number(e) / 60)) == null ? void 0 : d.toString()) || "0";
-  }, [t]), D = () => t.previewImageUrl ? f === "event" ? /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      className: l ? "service-detail-image" : "event-image-container",
-      children: [
+    return ((l = Math.ceil(Number(e) / 60)) == null ? void 0 : l.toString()) || "0";
+  }, [t]), k = () => t.previewImageUrl ? x === "event" ? /* @__PURE__ */ a.jsxs("div", { className: o ? "event-preview" : "event-image-container", children: [
+    /* @__PURE__ */ a.jsx(
+      "img",
+      {
+        className: "event-background",
+        src: t.previewImageUrl,
+        alt: `Evento ${t.name}`
+      }
+    ),
+    /* @__PURE__ */ a.jsx("div", { className: "event-content-overlay", children: /* @__PURE__ */ a.jsxs(s, { gap: "x24", alignItems: "end", children: [
+      /* @__PURE__ */ a.jsx(
+        "img",
+        {
+          className: "event-main-image",
+          src: t.previewImageUrl,
+          alt: `Evento ${t.name}`
+        }
+      ),
+      /* @__PURE__ */ a.jsx("div", { className: "event-card-container", children: /* @__PURE__ */ a.jsxs(O, { gap: "x32", children: [
         /* @__PURE__ */ a.jsx(
-          i,
+          P,
           {
-            alt: `Evento ${t.name} background`,
-            src: t.previewImageUrl,
-            className: "event-image",
-            style: { aspectRatio: 21 / 9 },
-            ...o
+            title: t.eventTitle ?? "-",
+            className: "w-full",
+            description: t.eventDescriptionTitle ?? "-",
+            description2: t.eventDescription ?? "-",
+            classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
+            classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
           }
         ),
-        /* @__PURE__ */ a.jsx("div", { className: "event-content-overlay w-full", children: /* @__PURE__ */ a.jsxs(p, { gap: "x24", alignItems: "end", children: [
-          /* @__PURE__ */ a.jsx(
-            i,
-            {
-              src: t.previewImageUrl,
-              alt: `Evento ${t.name}`,
-              width: 668,
-              height: 351,
-              ...x
-            }
-          ),
-          /* @__PURE__ */ a.jsx("div", { style: { width: "437px" }, children: /* @__PURE__ */ a.jsxs(V, { gap: "x32", children: [
-            /* @__PURE__ */ a.jsx(
-              W,
-              {
-                title: t.eventTitle ?? "-",
-                className: "w-full",
-                description: t.eventDescriptionTitle ?? "-",
-                description2: t.eventDescription ?? "-",
-                classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
-                classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
-              }
-            ),
-            /* @__PURE__ */ a.jsx(O, { title: j, items: t.tags ?? [] })
-          ] }) })
-        ] }) })
-      ]
-    }
-  ) : /* @__PURE__ */ a.jsxs(
+        /* @__PURE__ */ a.jsx(R, { title: h, items: t.tags ?? [] })
+      ] }) })
+    ] }) })
+  ] }) : /* @__PURE__ */ a.jsxs(
     "div",
     {
-      className: l ? "service-detail-image" : "fullscreen-image-container",
+      className: o ? "service-detail-image" : "fullscreen-image-container",
       children: [
         /* @__PURE__ */ a.jsx(
-          i,
+          p,
           {
             alt: `Service ${t.name} image`,
             src: t.previewImageUrl,
             style: { aspectRatio: 21 / 9 },
-            ...o
+            ...u
           }
         ),
         /* @__PURE__ */ a.jsxs("p", { className: "short-title", children: [
-          /* @__PURE__ */ a.jsx("span", { children: A }),
-          /* @__PURE__ */ a.jsx("span", { children: B })
+          /* @__PURE__ */ a.jsx("span", { children: C }),
+          /* @__PURE__ */ a.jsx("span", { children: A })
         ] })
       ]
     }
@@ -107,42 +96,42 @@ const it = ({
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsxs("div", { className: "action-author", children: [
       /* @__PURE__ */ a.jsx(
-        L,
+        D,
         {
-          authorName: (r = t == null ? void 0 : t.updatedBy) != null && r.name ? `${(m = t == null ? void 0 : t.updatedBy) == null ? void 0 : m.name} ${(s = t == null ? void 0 : t.updatedBy) == null ? void 0 : s.surname}` : "-",
-          avatar: { initials: C },
+          authorName: (i = t == null ? void 0 : t.updatedBy) != null && i.name ? `${(m = t == null ? void 0 : t.updatedBy) == null ? void 0 : m.name} ${(r = t == null ? void 0 : t.updatedBy) == null ? void 0 : r.surname}` : "-",
+          avatar: { initials: w },
           publishedLabel: g,
-          publishedDate: U(t.updatedAt ?? "", "it") ?? "-",
+          publishedDate: L(t.updatedAt ?? "", "it") ?? "-",
           readingTimeLabel: c,
-          readingTimeValue: k,
-          readingMinuteLabel: h
+          readingTimeValue: B,
+          readingMinuteLabel: f
         }
       ),
-      /* @__PURE__ */ a.jsxs(p, { pb: "x16", gap: "x8", className: "action-link", children: [
+      /* @__PURE__ */ a.jsxs(s, { pb: "x16", gap: "x8", className: "action-link", children: [
         /* @__PURE__ */ a.jsx(
-          u,
+          d,
           {
-            textLabel: T,
+            textLabel: j,
             icon: /* @__PURE__ */ a.jsx(F, {}),
-            handleAction: I,
+            handleAction: y,
             classNameText: "fw-bold"
           }
         ),
         /* @__PURE__ */ a.jsx("div", { className: "share-divider", children: /* @__PURE__ */ a.jsx(
-          u,
+          d,
           {
-            textLabel: b ? y : N,
+            textLabel: b ? N : T,
             icon: /* @__PURE__ */ a.jsx(M, {}),
-            handleAction: w,
+            handleAction: I,
             classNameText: "fw-bold"
           }
         ) })
       ] })
     ] }),
-    D()
+    k()
   ] });
 };
 export {
-  it as AuthorWithImage
+  et as AuthorWithImage
 };
 //# sourceMappingURL=index.es34.js.map

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 = \"service\" | \"event\" | \"insight\";\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  imagePropsCard?: Record<string, any>;\n  variant?: VariantType;\n  isPreview?: boolean;\n}\n\nexport const AuthorWithImage = ({\n  service,\n  ImageComponent = \"img\",\n  imageProps = {},\n  imagePropsCard = {},\n  variant = \"service\",\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\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 === \"event\") {\n      return (\n        <div\n          className={\n            isPreview ? \"service-detail-image\" : \"event-image-container\"\n          }\n        >\n          <ImageComponent\n            alt={`Evento ${service.name} background`}\n            src={service.previewImageUrl}\n            className=\"event-image\"\n            style={{ aspectRatio: 21 / 9 }}\n            {...imageProps}\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                width={668}\n                height={351}\n                {...imagePropsCard}\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","imagePropsCard","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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"}
+{"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 = \"service\" | \"event\" | \"insight\";\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 = \"service\",\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\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 === \"event\") {\n      return (\n        <div className={isPreview ? \"event-preview\" : \"event-image-container\"}>\n          <img\n            className=\"event-background\"\n            src={service.previewImageUrl}\n            alt={`Evento ${service.name}`}\n          />\n\n          <div className=\"event-content-overlay\">\n            <Row gap={\"x24\"} alignItems={\"end\"}>\n              <img\n                className=\"event-main-image\"\n                src={service.previewImageUrl}\n                alt={`Evento ${service.name}`}\n              />\n\n              {/* Card con dettagli */}\n              <div className=\"event-card-container\">\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\";\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;"}
+{"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;"}

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.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";
+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";
 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.es448.js";
-import { m as l } from "./index.es447.js";
+import { c as w } from "./index.es414.js";
+import { m as l } from "./index.es415.js";
 function N(x) {
   let {
     swiper: a,

package/dist/index.es347.js

@@ -1,6 +1,6 @@
-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";
+import { c as $ } from "./index.es416.js";
+import { c as F } from "./index.es414.js";
+import { m, a as E, f as T, h as S } from "./index.es415.js";
 function N(I) {
   let {
     swiper: e,

package/dist/index.es35.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es196.js";
-import { clsx as s } from "./index.es197.js";
+import { clsx as s } from "./index.es198.js";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
 import { ArrowDown as x } from "./index.es123.js";
 import { useState as h } from "react";

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\";\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;"}
+{"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;"}

package/dist/index.es355.js

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