@anoki/fse-ui 1.0.701 → 1.0.703

package/dist/index.es32.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es209.js";
-import { clsx as n } from "./index.es210.js";
+import { clsx as n } from "./index.es211.js";
 import './components/ui/SupportBanner/SupportBanner.css';/* empty css            */
 import { useMemo as h } from "react";
 import { Attachment as g } from "./index.es167.js";

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\";\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":";;;;;;;;AAyBA,MAAMA,IAAiB;AAAA,EACrB,MAAM,CAACC,GAAeC,MACnBC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,MAAAF,GAAa,UAAMD,GAAA;AAAA,EAEhC,QAAQ,CAACA,4BAAmB,UAAO,EAAA,WAAU,gBAAgB,UAAMA,GAAA;AAAA,EACnE,eAAe,CACbA,GACAI,GACAC,GACAC,MAEAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAASF;AAAA,MAER,UAAA;AAAA,QAAQD,KAAAH,gBAAAA,EAAAA,IAACO,GAAW,EAAA,WAAW,QAAS,CAAA;AAAA,QACxCP,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,gBAAiB,UAAMF,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEaU,IAAgB,CAAC;AAAA,EAC5B,KAAAC,IAAM;AAAA,EACN,YAAAC,IAAa;AAAA,EACb,OAAAZ;AAAA,EACA,aAAAa,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,MAAAb,IAAO;AAAA,EACP,MAAAI,IAAO;AAAA,EACP,UAAAU,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,cAAAb;AACF,MAA0B;AAClB,QAAAc,IAAYC,EAAQ,MACpB,MAAM,QAAQpB,CAAI,IACbA,EAAK,IAAI,CAACqB,GAAYC,MAAU;AACrC,UAAMC,IAAiB,MAAM,QAAQT,CAAQ,IACzCA,EAASQ,CAAK,IACdR;AACJ,WACGb,gBAAAA,EAAAA,IAAA,OAAA,EAAgB,WAAU,kBACxB,YAAeS,CAAG;AAAA,MACjBa;AAAA,MACAF;AAAA,MACAjB;AAAA,MACAC;AAAA,SALMiB,CAOV;AAAA,EAAA,CAEH,IAEC,MAAM,QAAQR,CAAQ,IACjBA,EAAS,IAAI,CAACS,GAAgBD,MAEhCrB,gBAAAA,EAAAA,IAAA,OAAA,EAAgB,WAAU,kBACxB,UAAeH,EAAAY,CAAG,EAAEa,GAAgBvB,GAAMI,GAAMC,CAAY,EAAA,GADrDiB,CAEV,CAEH,IAEIxB,EAAeY,CAAG,EAAEI,GAAUd,GAAMI,GAAMC,CAAY,GAC5D,CAACK,GAAKI,GAAUd,GAAMK,CAAY,CAAC;AAGpC,SAAAC,gBAAAA,EAAA;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACTT;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAV,gBAAAA,EAAA;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,WAAWY;AAAA,cACT;AAAA,cACAR,KAAkB;AAAA,YACpB;AAAA,YAEC,UAAAlB;AAAA,UAAA;AAAA,QACH;AAAA,QACAO,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWmB;AAAA,cACTV,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAd,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWwB;AAAA,oBACTP;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBACvD;AAAA,kBAEC,UAAAH;AAAA,gBAAA;AAAA,cACH;AAAA,oCAEC,OAAI,EAAA,WAAWa,EAAK,eAAe,GAAI,UAAUN,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"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":";;;;;;;;AAyBA,MAAMA,IAAiB;AAAA,EACrB,MAAM,CAACC,GAAeC,MACnBC,gBAAAA,EAAA,IAAAC,GAAA,EAAU,MAAAF,GAAa,UAAMD,GAAA;AAAA,EAEhC,QAAQ,CAACA,4BAAmB,UAAO,EAAA,WAAU,gBAAgB,UAAMA,GAAA;AAAA,EACnE,eAAe,CACbA,GACAI,GACAC,GACAC,MAEAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAASF;AAAA,MAER,UAAA;AAAA,QAAQD,KAAAH,gBAAAA,EAAAA,IAACO,GAAW,EAAA,WAAW,QAAS,CAAA;AAAA,QACxCP,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,gBAAiB,UAAMF,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C,GAEaU,IAAgB,CAAC;AAAA,EAC5B,KAAAC,IAAM;AAAA,EACN,YAAAC,IAAa;AAAA,EACb,OAAAZ;AAAA,EACA,aAAAa,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,MAAAb,IAAO;AAAA,EACP,MAAAI,IAAO;AAAA,EACP,UAAAU,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,cAAAb;AACF,MAA0B;AAClB,QAAAc,IAAYC,EAAQ,MACpB,MAAM,QAAQpB,CAAI,IACbA,EAAK,IAAI,CAACqB,GAAYC,MAAU;AACrC,UAAMC,IAAiB,MAAM,QAAQT,CAAQ,IACzCA,EAASQ,CAAK,IACdR;AACJ,WACGb,gBAAAA,EAAAA,IAAA,OAAA,EAAgB,WAAU,kBACxB,YAAeS,CAAG;AAAA,MACjBa;AAAA,MACAF;AAAA,MACAjB;AAAA,MACAC;AAAA,SALMiB,CAOV;AAAA,EAAA,CAEH,IAEC,MAAM,QAAQR,CAAQ,IACjBA,EAAS,IAAI,CAACS,GAAgBD,MAEhCrB,gBAAAA,EAAAA,IAAA,OAAA,EAAgB,WAAU,kBACxB,UAAeH,EAAAY,CAAG,EAAEa,GAAgBvB,GAAMI,GAAMC,CAAY,EAAA,GADrDiB,CAEV,CAEH,IAEIxB,EAAeY,CAAG,EAAEI,GAAUd,GAAMI,GAAMC,CAAY,GAC5D,CAACK,GAAKI,GAAUd,GAAMK,CAAY,CAAC;AAGpC,SAAAC,gBAAAA,EAAA;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACTT;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MACF;AAAA,MAEA,UAAA;AAAA,QAAAV,gBAAAA,EAAA;AAAA,UAACY;AAAA,UAAA;AAAA,YACC,WAAWY;AAAA,cACT;AAAA,cACAR,KAAkB;AAAA,YACpB;AAAA,YAEC,UAAAlB;AAAA,UAAA;AAAA,QACH;AAAA,QACAO,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWmB;AAAA,cACTV,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YACF;AAAA,YAEA,UAAA;AAAA,cAAAd,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWwB;AAAA,oBACTP;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBACvD;AAAA,kBAEC,UAAAH;AAAA,gBAAA;AAAA,cACH;AAAA,oCAEC,OAAI,EAAA,WAAWa,EAAK,eAAe,GAAI,UAAUN,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es33.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es209.js";
 import './components/ui/TabsGlossary/TabsGlossary.css';/* empty css            */
-import { clsx as i } from "./index.es210.js";
+import { clsx as i } from "./index.es211.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\";\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            as=\"ul\"\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,YACA,IAAG;AAAA,YAEF,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\";\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            as=\"ul\"\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,YACA,IAAG;AAAA,YAEF,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.es321.js → index.es333.js}

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es376.js";
-import { useComposedRefs as A } from "./index.es375.js";
-import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es254.js";
-import { composeEventHandlers as F } from "./index.es374.js";
-import { createSlottable as G } from "./index.es395.js";
+import { createContextScope as T } from "./index.es381.js";
+import { useComposedRefs as A } from "./index.es380.js";
+import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es267.js";
+import { composeEventHandlers as F } from "./index.es379.js";
+import { createSlottable as G } from "./index.es405.js";
 import { j as i } from "./index.es209.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v
@@ -124,4 +124,4 @@ export {
   ce as Title,
   te as createAlertDialogScope
 };
-//# sourceMappingURL=index.es321.js.map
+//# sourceMappingURL=index.es333.js.map

package/dist/index.es333.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es333.js","sources":["../node_modules/@radix-ui/react-alert-dialog/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/alert-dialog.tsx\nimport * as React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { createDialogScope } from \"@radix-ui/react-dialog\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { createSlottable } from \"@radix-ui/react-slot\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar ROOT_NAME = \"AlertDialog\";\nvar [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [\n  createDialogScope\n]);\nvar useDialogScope = createDialogScope();\nvar AlertDialog = (props) => {\n  const { __scopeAlertDialog, ...alertDialogProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { ...dialogScope, ...alertDialogProps, modal: true });\n};\nAlertDialog.displayName = ROOT_NAME;\nvar TRIGGER_NAME = \"AlertDialogTrigger\";\nvar AlertDialogTrigger = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...triggerProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { ...dialogScope, ...triggerProps, ref: forwardedRef });\n  }\n);\nAlertDialogTrigger.displayName = TRIGGER_NAME;\nvar PORTAL_NAME = \"AlertDialogPortal\";\nvar AlertDialogPortal = (props) => {\n  const { __scopeAlertDialog, ...portalProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { ...dialogScope, ...portalProps });\n};\nAlertDialogPortal.displayName = PORTAL_NAME;\nvar OVERLAY_NAME = \"AlertDialogOverlay\";\nvar AlertDialogOverlay = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...overlayProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ...dialogScope, ...overlayProps, ref: forwardedRef });\n  }\n);\nAlertDialogOverlay.displayName = OVERLAY_NAME;\nvar CONTENT_NAME = \"AlertDialogContent\";\nvar [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME);\nvar Slottable = createSlottable(\"AlertDialogContent\");\nvar AlertDialogContent = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, children, ...contentProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const contentRef = React.useRef(null);\n    const composedRefs = useComposedRefs(forwardedRef, contentRef);\n    const cancelRef = React.useRef(null);\n    return /* @__PURE__ */ jsx(\n      DialogPrimitive.WarningProvider,\n      {\n        contentName: CONTENT_NAME,\n        titleName: TITLE_NAME,\n        docsSlug: \"alert-dialog\",\n        children: /* @__PURE__ */ jsx(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs(\n          DialogPrimitive.Content,\n          {\n            role: \"alertdialog\",\n            ...dialogScope,\n            ...contentProps,\n            ref: composedRefs,\n            onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {\n              event.preventDefault();\n              cancelRef.current?.focus({ preventScroll: true });\n            }),\n            onPointerDownOutside: (event) => event.preventDefault(),\n            onInteractOutside: (event) => event.preventDefault(),\n            children: [\n              /* @__PURE__ */ jsx(Slottable, { children }),\n              /* @__PURE__ */ jsx(DescriptionWarning, { contentRef })\n            ]\n          }\n        ) })\n      }\n    );\n  }\n);\nAlertDialogContent.displayName = CONTENT_NAME;\nvar TITLE_NAME = \"AlertDialogTitle\";\nvar AlertDialogTitle = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...titleProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Title, { ...dialogScope, ...titleProps, ref: forwardedRef });\n  }\n);\nAlertDialogTitle.displayName = TITLE_NAME;\nvar DESCRIPTION_NAME = \"AlertDialogDescription\";\nvar AlertDialogDescription = React.forwardRef((props, forwardedRef) => {\n  const { __scopeAlertDialog, ...descriptionProps } = props;\n  const dialogScope = useDialogScope(__scopeAlertDialog);\n  return /* @__PURE__ */ jsx(DialogPrimitive.Description, { ...dialogScope, ...descriptionProps, ref: forwardedRef });\n});\nAlertDialogDescription.displayName = DESCRIPTION_NAME;\nvar ACTION_NAME = \"AlertDialogAction\";\nvar AlertDialogAction = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...actionProps } = props;\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...actionProps, ref: forwardedRef });\n  }\n);\nAlertDialogAction.displayName = ACTION_NAME;\nvar CANCEL_NAME = \"AlertDialogCancel\";\nvar AlertDialogCancel = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeAlertDialog, ...cancelProps } = props;\n    const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);\n    const dialogScope = useDialogScope(__scopeAlertDialog);\n    const ref = useComposedRefs(forwardedRef, cancelRef);\n    return /* @__PURE__ */ jsx(DialogPrimitive.Close, { ...dialogScope, ...cancelProps, ref });\n  }\n);\nAlertDialogCancel.displayName = CANCEL_NAME;\nvar DescriptionWarning = ({ contentRef }) => {\n  const MESSAGE = `\\`${CONTENT_NAME}\\` requires a description for the component to be accessible for screen reader users.\n\nYou can add a description to the \\`${CONTENT_NAME}\\` by passing a \\`${DESCRIPTION_NAME}\\` component as a child, which also benefits sighted users by adding visible context to the dialog.\n\nAlternatively, you can use your own component as a description by assigning it an \\`id\\` and passing the same value to the \\`aria-describedby\\` prop in \\`${CONTENT_NAME}\\`. If the description is confusing or duplicative for sighted users, you can use the \\`@radix-ui/react-visually-hidden\\` primitive as a wrapper around your description component.\n\nFor more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;\n  React.useEffect(() => {\n    const hasDescription = document.getElementById(\n      contentRef.current?.getAttribute(\"aria-describedby\")\n    );\n    if (!hasDescription) console.warn(MESSAGE);\n  }, [MESSAGE, contentRef]);\n  return null;\n};\nvar Root2 = AlertDialog;\nvar Trigger2 = AlertDialogTrigger;\nvar Portal2 = AlertDialogPortal;\nvar Overlay2 = AlertDialogOverlay;\nvar Content2 = AlertDialogContent;\nvar Action = AlertDialogAction;\nvar Cancel = AlertDialogCancel;\nvar Title2 = AlertDialogTitle;\nvar Description2 = AlertDialogDescription;\nexport {\n  Action,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Cancel,\n  Content2 as Content,\n  Description2 as Description,\n  Overlay2 as Overlay,\n  Portal2 as Portal,\n  Root2 as Root,\n  Title2 as Title,\n  Trigger2 as Trigger,\n  createAlertDialogScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["ROOT_NAME","createAlertDialogContext","createAlertDialogScope","createContextScope","createDialogScope","useDialogScope","AlertDialog","props","__scopeAlertDialog","alertDialogProps","dialogScope","jsx","DialogPrimitive.Root","TRIGGER_NAME","AlertDialogTrigger","React","forwardedRef","triggerProps","DialogPrimitive.Trigger","PORTAL_NAME","AlertDialogPortal","portalProps","DialogPrimitive.Portal","OVERLAY_NAME","AlertDialogOverlay","overlayProps","DialogPrimitive.Overlay","CONTENT_NAME","AlertDialogContentProvider","useAlertDialogContentContext","Slottable","createSlottable","AlertDialogContent","children","contentProps","contentRef","composedRefs","useComposedRefs","cancelRef","DialogPrimitive.WarningProvider","TITLE_NAME","jsxs","DialogPrimitive.Content","composeEventHandlers","event","_a","DescriptionWarning","AlertDialogTitle","titleProps","DialogPrimitive.Title","DESCRIPTION_NAME","AlertDialogDescription","descriptionProps","DialogPrimitive.Description","ACTION_NAME","AlertDialogAction","actionProps","DialogPrimitive.Close","CANCEL_NAME","AlertDialogCancel","cancelProps","ref","MESSAGE","Root2","Portal2","Overlay2","Content2","Cancel","Title2","Description2"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index.es34.js

@@ -2,13 +2,13 @@ import { j as i } from "./index.es209.js";
 import { useMemo as t } from "react";
 import { AuthorBlock as A } from "./index.es95.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as U } from "./index.es247.js";
-import { useCopyToClipboardCurrentPage as D } from "./index.es248.js";
-import { getFullNameInitials as E } from "./index.es249.js";
+import { fromISODateToDateFormatted as U } from "./index.es260.js";
+import { useCopyToClipboardCurrentPage as D } from "./index.es261.js";
+import { getFullNameInitials as E } from "./index.es262.js";
 import { Row as L } from "./index.es9.js";
-import { splitInTwo as k } from "./index.es250.js";
+import { splitInTwo as k } from "./index.es263.js";
 import { ActionIconText as $ } from "./index.es60.js";
-import { clsx as p } from "./index.es210.js";
+import { clsx as p } from "./index.es211.js";
 import { ShareButton as M } from "./index.es114.js";
 import { CopyLink as S } from "./index.es175.js";
 import { Tags as F } from "./index.es123.js";

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\";\r\nimport { AuthorBlock } from \"../AuthorBlock\";\r\nimport \"./AuthorWithImage.scss\";\r\nimport { fromISODateToDateFormatted } from \"@/utils/dates\";\r\nimport { useCopyToClipboardCurrentPage } from \"@/hooks/useCopyToClipboardCurrentPage\";\r\nimport { getFullNameInitials } from \"@/utils/getFullNameInitials\";\r\nimport { Row } from \"../Row\";\r\nimport { CopyLink } from \"@/icons\";\r\nimport { splitInTwo } from \"@/utils/splitInTwo\";\r\nimport { ActionIconText } from \"../ActionIconText\";\r\nimport { CardCategory, Col, ShareButton } from \"@/components\";\r\nimport { Tags } from \"@/sections\";\r\nimport clsx from \"clsx\";\r\n\r\n// export type VariantType = \"service\" | \"event\" | \"insight\";\r\n\r\ntype BaseServiceProps = {\r\n  name: string;\r\n  previewImageUrl?: string;\r\n  previewImageTitle?: string;\r\n  updatedBy?: {\r\n    name?: string;\r\n    surname?: string;\r\n  };\r\n  updatedAt?: string;\r\n  readingTime?: number;\r\n};\r\n\r\ntype Event = BaseServiceProps & {\r\n  eventTitle?: string;\r\n  eventDescription?: string;\r\n  eventDescriptionTitle?: string;\r\n  tags?: string[];\r\n};\r\n\r\ntype Service = BaseServiceProps;\r\nexport const AuthenticatedModeEnum = {\r\n  AUTHENTICATED: \"authenticated\",\r\n  PUBLIC: \"public\",\r\n} as const;\r\n\r\nexport type AuthenticatedModes =\r\n  (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\r\ninterface AuthorWithImageCommonProps {\r\n  publishedLabel?: string;\r\n  readingTimeLabel?: string;\r\n  readingMinuteLabel?: string;\r\n  tagsLabelTitle?: string;\r\n  shareLabel?: string;\r\n  copyLinkLabel?: string;\r\n  copiedTextLabel?: string;\r\n  ImageComponent?: \"img\" | React.ComponentType<any>;\r\n  imageProps?: Record<string, any>;\r\n  isPreview?: boolean;\r\n  modeAuthenticated?: boolean;\r\n}\r\n\r\ntype ServiceProps = {\r\n  data: Service;\r\n  variant: \"service\";\r\n} & AuthorWithImageCommonProps;\r\n\r\ntype EventProps = {\r\n  data: Event;\r\n  variant: \"event\";\r\n} & AuthorWithImageCommonProps;\r\n//\r\n// type InsightProps = {\r\n//   data: null;\r\n//   variant: \"insight\";\r\n// } & AuthorWithImageCommonProps;\r\n\r\nexport type AuthorWithImageProps = ServiceProps | EventProps;\r\n\r\nexport const AuthorWithImage = ({\r\n  data = {} as Service | Event,\r\n  ImageComponent = \"img\",\r\n  imageProps = {},\r\n  variant = \"service\",\r\n  publishedLabel = \"Pubblicato\",\r\n  readingTimeLabel = \"Tempo di lettura\",\r\n  readingMinuteLabel = \"min\",\r\n  tagsLabelTitle = \"Argomenti trattati\",\r\n  shareLabel = \"Condividi\",\r\n  copyLinkLabel = \"Copia link\",\r\n  copiedTextLabel = \"Link copiato\",\r\n  isPreview = false,\r\n  modeAuthenticated = false,\r\n}: AuthorWithImageProps) => {\r\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\r\n  const avatarInitials = useMemo(() => {\r\n    if (!data?.updatedBy) return \"-\";\r\n    return getFullNameInitials(\r\n      data.updatedBy.name ?? \"\",\r\n      data.updatedBy.surname ?? \"\",\r\n    );\r\n  }, [data.updatedBy]);\r\n\r\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\r\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\r\n      return [null, null];\r\n    }\r\n\r\n    const words = data.previewImageTitle.trim().split(/\\s+/);\r\n\r\n    if (words.length >= 4) {\r\n      return splitInTwo(data.previewImageTitle.toUpperCase());\r\n    }\r\n\r\n    return [data.previewImageTitle.toUpperCase(), null];\r\n  }, [data.previewImageTitle]);\r\n\r\n  const readingTimeInMinutes = useMemo(() => {\r\n    const readingTime = data.readingTime ?? 0;\r\n    return Math.ceil(Number(readingTime) / 60) || 0;\r\n  }, [data]);\r\n\r\n  const renderImage = () => {\r\n    if (!data.previewImageUrl) return null;\r\n\r\n    if (variant === \"event\") {\r\n      const isEvent = (obj: Service | Event): obj is Event => {\r\n        return \"eventTitle\" in obj;\r\n      };\r\n\r\n      return (\r\n        <div\r\n          className={clsx(\r\n            isPreview ? \"event-preview\" : \"event-image-container\",\r\n            modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n          )}\r\n        >\r\n          <img\r\n            className=\"event-background\"\r\n            src={data.previewImageUrl}\r\n            alt={`Evento ${data.name}`}\r\n          />\r\n\r\n          <div className=\"event-content-overlay\">\r\n            <div className={\"event-content\"}>\r\n              <img\r\n                className=\"event-main-image\"\r\n                src={data.previewImageUrl}\r\n                alt={`Evento ${data.name}`}\r\n              />\r\n\r\n              <div className=\"event-card-container\">\r\n                <Col gap={\"x32\"}>\r\n                  <CardCategory\r\n                    title={isEvent(data) ? (data.eventTitle ?? \"-\") : \"-\"}\r\n                    className={\"w-full\"}\r\n                    description={\r\n                      isEvent(data) ? (data.eventDescriptionTitle ?? \"-\") : \"-\"\r\n                    }\r\n                    description2={\r\n                      isEvent(data) ? (data.eventDescription ?? \"-\") : \"-\"\r\n                    }\r\n                    classNameTitle={\"text-slate-20 fs-5 md-fs-custom-2\"}\r\n                    classNameDescriptionTitle={\r\n                      \"text-slate-28 fw-bold fs-6 md-fs-custom\"\r\n                    }\r\n                  />\r\n                  <Tags\r\n                    title={tagsLabelTitle}\r\n                    items={isEvent(data) ? (data.tags ?? []) : []}\r\n                  />\r\n                </Col>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        className={clsx(\r\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\",\r\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\r\n        )}\r\n      >\r\n        <ImageComponent\r\n          alt={`Service ${data.name} image`}\r\n          src={data.previewImageUrl}\r\n          style={{ aspectRatio: 21 / 9 }}\r\n          {...imageProps}\r\n        />\r\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\r\n          <p className={\"short-title\"}>\r\n            <span>{firstTitleLine}</span>\r\n            {secondTitleLine && <span>{secondTitleLine}</span>}\r\n          </p>\r\n        )}\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div className={\"action-author\"}>\r\n        <AuthorBlock\r\n          authorName={\r\n            data?.updatedBy?.name\r\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\r\n              : \"-\"\r\n          }\r\n          avatar={{ initials: avatarInitials }}\r\n          publishedLabel={publishedLabel}\r\n          publishedDate={\r\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\r\n          }\r\n          readingTimeLabel={readingTimeLabel}\r\n          readingTimeValue={readingTimeInMinutes}\r\n          readingMinuteLabel={readingMinuteLabel}\r\n        />\r\n        <Row gap={\"x8\"} className={\"action-link\"}>\r\n          <ShareButton\r\n            textLabel={shareLabel}\r\n            href={window.location.href}\r\n            titleShared={data.name}\r\n          />\r\n          <div className={\"share-divider\"}>\r\n            <ActionIconText\r\n              textLabel={isCopied ? copiedTextLabel : copyLinkLabel}\r\n              icon={<CopyLink />}\r\n              handleAction={copyToClipboard}\r\n              classNameText={\"fw-bold\"}\r\n            />\r\n          </div>\r\n        </Row>\r\n      </div>\r\n\r\n      {renderImage()}\r\n    </>\r\n  );\r\n};\r\n"],"names":["AuthenticatedModeEnum","AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","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 { getFullNameInitials } from \"@/utils/getFullNameInitials\";\nimport { Row } from \"../Row\";\nimport { CopyLink } from \"@/icons\";\nimport { splitInTwo } from \"@/utils/splitInTwo\";\nimport { ActionIconText } from \"../ActionIconText\";\nimport { CardCategory, Col, ShareButton } from \"@/components\";\nimport { Tags } from \"@/sections\";\nimport clsx from \"clsx\";\n\n// export type VariantType = \"service\" | \"event\" | \"insight\";\n\ntype BaseServiceProps = {\n  name: string;\n  previewImageUrl?: string;\n  previewImageTitle?: string;\n  updatedBy?: {\n    name?: string;\n    surname?: string;\n  };\n  updatedAt?: string;\n  readingTime?: number;\n};\n\ntype Event = BaseServiceProps & {\n  eventTitle?: string;\n  eventDescription?: string;\n  eventDescriptionTitle?: string;\n  tags?: string[];\n};\n\ntype Service = BaseServiceProps;\nexport const AuthenticatedModeEnum = {\n  AUTHENTICATED: \"authenticated\",\n  PUBLIC: \"public\",\n} as const;\n\nexport type AuthenticatedModes =\n  (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];\ninterface AuthorWithImageCommonProps {\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  isPreview?: boolean;\n  modeAuthenticated?: boolean;\n}\n\ntype ServiceProps = {\n  data: Service;\n  variant: \"service\";\n} & AuthorWithImageCommonProps;\n\ntype EventProps = {\n  data: Event;\n  variant: \"event\";\n} & AuthorWithImageCommonProps;\n//\n// type InsightProps = {\n//   data: null;\n//   variant: \"insight\";\n// } & AuthorWithImageCommonProps;\n\nexport type AuthorWithImageProps = ServiceProps | EventProps;\n\nexport const AuthorWithImage = ({\n  data = {} as Service | Event,\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  modeAuthenticated = false,\n}: AuthorWithImageProps) => {\n  const { copyToClipboard, isCopied } = useCopyToClipboardCurrentPage();\n  const avatarInitials = useMemo(() => {\n    if (!data?.updatedBy) return \"-\";\n    return getFullNameInitials(\n      data.updatedBy.name ?? \"\",\n      data.updatedBy.surname ?? \"\",\n    );\n  }, [data.updatedBy]);\n\n  const [firstTitleLine, secondTitleLine] = useMemo(() => {\n    if (!data.previewImageTitle || data.previewImageTitle.trim() === \"\") {\n      return [null, null];\n    }\n\n    const words = data.previewImageTitle.trim().split(/\\s+/);\n\n    if (words.length >= 4) {\n      return splitInTwo(data.previewImageTitle.toUpperCase());\n    }\n\n    return [data.previewImageTitle.toUpperCase(), null];\n  }, [data.previewImageTitle]);\n\n  const readingTimeInMinutes = useMemo(() => {\n    const readingTime = data.readingTime ?? 0;\n    return Math.ceil(Number(readingTime) / 60) || 0;\n  }, [data]);\n\n  const renderImage = () => {\n    if (!data.previewImageUrl) return null;\n\n    if (variant === \"event\") {\n      const isEvent = (obj: Service | Event): obj is Event => {\n        return \"eventTitle\" in obj;\n      };\n\n      return (\n        <div\n          className={clsx(\n            isPreview ? \"event-preview\" : \"event-image-container\",\n            modeAuthenticated ? \"margin-authenticated\" : \"\",\n          )}\n        >\n          <img\n            className=\"event-background\"\n            src={data.previewImageUrl}\n            alt={`Evento ${data.name}`}\n          />\n\n          <div className=\"event-content-overlay\">\n            <div className={\"event-content\"}>\n              <img\n                className=\"event-main-image\"\n                src={data.previewImageUrl}\n                alt={`Evento ${data.name}`}\n              />\n\n              <div className=\"event-card-container\">\n                <Col gap={\"x32\"}>\n                  <CardCategory\n                    title={isEvent(data) ? (data.eventTitle ?? \"-\") : \"-\"}\n                    className={\"w-full\"}\n                    description={\n                      isEvent(data) ? (data.eventDescriptionTitle ?? \"-\") : \"-\"\n                    }\n                    description2={\n                      isEvent(data) ? (data.eventDescription ?? \"-\") : \"-\"\n                    }\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\n                    title={tagsLabelTitle}\n                    items={isEvent(data) ? (data.tags ?? []) : []}\n                  />\n                </Col>\n              </div>\n            </div>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div\n        className={clsx(\n          isPreview ? \"service-detail-image\" : \"fullscreen-image-container\",\n          modeAuthenticated ? \"margin-authenticated\" : \"\",\n        )}\n      >\n        <ImageComponent\n          alt={`Service ${data.name} image`}\n          src={data.previewImageUrl}\n          style={{ aspectRatio: 21 / 9 }}\n          {...imageProps}\n        />\n        {data.previewImageTitle && data.previewImageTitle.trim() !== \"\" && (\n          <p className={\"short-title\"}>\n            <span>{firstTitleLine}</span>\n            {secondTitleLine && <span>{secondTitleLine}</span>}\n          </p>\n        )}\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <div className={\"action-author\"}>\n        <AuthorBlock\n          authorName={\n            data?.updatedBy?.name\n              ? `${data?.updatedBy?.name} ${data?.updatedBy?.surname}`\n              : \"-\"\n          }\n          avatar={{ initials: avatarInitials }}\n          publishedLabel={publishedLabel}\n          publishedDate={\n            fromISODateToDateFormatted(data.updatedAt ?? \"\", \"it\") ?? \"-\"\n          }\n          readingTimeLabel={readingTimeLabel}\n          readingTimeValue={readingTimeInMinutes}\n          readingMinuteLabel={readingMinuteLabel}\n        />\n        <Row gap={\"x8\"} className={\"action-link\"}>\n          <ShareButton\n            textLabel={shareLabel}\n            href={window.location.href}\n            titleShared={data.name}\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":["AuthenticatedModeEnum","AuthorWithImage","data","ImageComponent","imageProps","variant","publishedLabel","readingTimeLabel","readingMinuteLabel","tagsLabelTitle","shareLabel","copyLinkLabel","copiedTextLabel","isPreview","modeAuthenticated","copyToClipboard","isCopied","useCopyToClipboardCurrentPage","avatarInitials","useMemo","getFullNameInitials","firstTitleLine","secondTitleLine","splitInTwo","readingTimeInMinutes","readingTime","renderImage","isEvent","obj","jsxs","clsx","jsx","Col","CardCategory","Tags","Fragment","AuthorBlock","_a","_b","_c","fromISODateToDateFormatted","Row","ShareButton","ActionIconText","CopyLink"],"mappings":"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"}

package/dist/{index.es329.js → index.es341.js}

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es209.js";
-import { clsx as s } from "./index.es210.js";
+import { clsx as s } from "./index.es211.js";
 import './components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
@@ -8,4 +8,4 @@ const i = ({
 export {
   i as ChangeProfileModalContent
 };
-//# sourceMappingURL=index.es329.js.map
+//# sourceMappingURL=index.es341.js.map

package/dist/index.es341.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es341.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;"}

package/dist/index.es346.js

@@ -1,53 +1,18 @@
-import { j as e } from "./index.es209.js";
-const C = ({ width: l, height: d }) => /* @__PURE__ */ e.jsxs(
-  "svg",
-  {
-    width: l,
-    height: d,
-    viewBox: "0 0 21 21",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ e.jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M19.7667 1.23854H1.89999V19.1052H19.7667V1.23854ZM0.833328 0.171875V20.1719H20.8333V0.171875H0.833328Z",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          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",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          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",
-          fill: "white"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        "path",
-        {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M1.41111 14.083H20.2556V15.1497H1.41111V14.083Z",
-          fill: "white"
-        }
-      )
-    ]
-  }
-);
+import * as e from "react";
+import l from "./index.es455.js";
+import { scrollAreaPropDefs as r } from "./index.es456.js";
+import { extractMarginProps as E } from "./index.es457.js";
+import { getMarginStyles as z } from "./index.es458.js";
+import { getResponsiveClassNames as i } from "./index.es459.js";
+import { getSubtree as C } from "./index.es460.js";
+import { mergeStyles as R } from "./index.es461.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es462.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)));
+});
+D.displayName = "ScrollArea";
 export {
-  C as Image
+  D as ScrollArea
 };
 //# sourceMappingURL=index.es346.js.map

package/dist/index.es346.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es346.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.es346.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/scroll-area.js"],"sourcesContent":["import*as r from\"react\";import s from\"classnames\";import{ScrollArea as e}from\"radix-ui\";import{scrollAreaPropDefs as o}from\"./scroll-area.props.js\";import{extractMarginProps as h}from\"../helpers/extract-margin-props.js\";import{getMarginStyles as w}from\"../helpers/get-margin-styles.js\";import{getResponsiveClassNames as m}from\"../helpers/get-responsive-styles.js\";import{getSubtree as C}from\"../helpers/get-subtree.js\";import{mergeStyles as z}from\"../helpers/merge-styles.js\";const c=r.forwardRef((n,S)=>{const{rest:f,...P}=h(n),[u,A]=w(P),{asChild:a,children:d,className:y,style:v,type:t,scrollHideDelay:N=t!==\"scroll\"?0:void 0,dir:V,size:i=o.size.default,radius:p=o.radius.default,scrollbars:l=o.scrollbars.default,...b}=f;return r.createElement(e.Root,{type:t,scrollHideDelay:N,className:s(\"rt-ScrollAreaRoot\",u,y),style:z(A,v),asChild:a},C({asChild:a,children:d},g=>r.createElement(r.Fragment,null,r.createElement(e.Viewport,{...b,ref:S,className:\"rt-ScrollAreaViewport\"},g),r.createElement(\"div\",{className:\"rt-ScrollAreaViewportFocusRing\"}),l!==\"vertical\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"horizontal\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l!==\"horizontal\"?r.createElement(e.Scrollbar,{\"data-radius\":p,orientation:\"vertical\",className:s(\"rt-ScrollAreaScrollbar\",m({className:\"rt-r-size\",value:i,propValues:o.size.values}))},r.createElement(e.Thumb,{className:\"rt-ScrollAreaThumb\"})):null,l===\"both\"?r.createElement(e.Corner,{className:\"rt-ScrollAreaCorner\"}):null)))});c.displayName=\"ScrollArea\";export{c as ScrollArea};\n//# sourceMappingURL=scroll-area.js.map\n"],"names":["c","r","n","S","f","P","h","u","A","w","a","d","y","v","t","N","V","i","o","p","l","b","e.Root","s","z","C","g","e.Viewport","e.Scrollbar","m","e.Thumb","e.Corner"],"mappings":";;;;;;;;;AAAie,MAACA,IAAEC,EAAE,WAAW,CAACC,GAAEC,MAAI;AAAC,QAAK,EAAC,MAAKC,GAAE,GAAGC,EAAC,IAAEC,EAAEJ,CAAC,GAAE,CAACK,GAAEC,CAAC,IAAEC,EAAEJ,CAAC,GAAE,EAAC,SAAQK,GAAE,UAASC,GAAE,WAAUC,GAAE,OAAMC,GAAE,MAAKC,GAAE,iBAAgBC,IAAED,MAAI,WAAS,IAAE,QAAO,KAAIE,GAAE,MAAKC,IAAEC,EAAE,KAAK,SAAQ,QAAOC,IAAED,EAAE,OAAO,SAAQ,YAAWE,IAAEF,EAAE,WAAW,SAAQ,GAAGG,EAAC,IAAEjB;AAAE,SAAOH,EAAE,cAAcqB,GAAO,EAAC,MAAKR,GAAE,iBAAgBC,GAAE,WAAUQ,EAAE,qBAAoBhB,GAAEK,CAAC,GAAE,OAAMY,EAAEhB,GAAEK,CAAC,GAAE,SAAQH,EAAC,GAAEe,EAAE,EAAC,SAAQf,GAAE,UAASC,EAAC,GAAEe,CAAAA,MAAGzB,EAAE,cAAcA,EAAE,UAAS,MAAKA,EAAE,cAAc0B,GAAW,EAAC,GAAGN,GAAE,KAAIlB,GAAE,WAAU,wBAAuB,GAAEuB,CAAC,GAAEzB,EAAE,cAAc,OAAM,EAAC,WAAU,iCAAgC,CAAC,GAAEmB,MAAI,aAAWnB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,cAAa,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,eAAanB,EAAE,cAAc2B,GAAY,EAAC,eAAcT,GAAE,aAAY,YAAW,WAAUI,EAAE,0BAAyBM,EAAE,EAAC,WAAU,aAAY,OAAMZ,GAAE,YAAWC,EAAE,KAAK,OAAM,CAAC,CAAC,EAAC,GAAEjB,EAAE,cAAc6B,GAAQ,EAAC,WAAU,qBAAoB,CAAC,CAAC,IAAE,MAAKV,MAAI,SAAOnB,EAAE,cAAc8B,GAAS,EAAC,WAAU,sBAAqB,CAAC,IAAE,IAAI,CAAC,CAAC;AAAC,CAAC;AAAE/B,EAAE,cAAY;","x_google_ignoreList":[0]}

package/dist/index.es35.js

@@ -1,12 +1,12 @@
 import { j as e } from "./index.es209.js";
-import { clsx as i } from "./index.es210.js";
+import { clsx as i } from "./index.es211.js";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
 import { ArrowDown as f } from "./index.es129.js";
 import { useState as r } from "react";
 import { PlayVideo as y } from "./index.es188.js";
-import { Col as w } from "./index.es10.js";
-var j = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t.EXTRA_LARGE = "extra-large", t.VERTICAL = "vertical", t.FULL_WIDTH = "full-width", t))(j || {});
-const v = {
+import { Col as v } from "./index.es10.js";
+var w = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t.EXTRA_LARGE = "extra-large", t.VERTICAL = "vertical", t.FULL_WIDTH = "full-width", t))(w || {});
+const j = {
   small: {
     width: "311px"
   },
@@ -51,15 +51,19 @@ const v = {
   previewImageSrc: x,
   videoSrc: c
 }) => {
-  const [a, n] = r(!1), [d, m] = r(!1), { width: h } = v[l], { heightImg: p } = b[l], [s, u] = r(!1), g = () => {
+  const [a, n] = r(!1), [d, m] = r(!1), { width: h } = j[l], { heightImg: p } = b[l], [s, u] = r(!1), g = () => {
     d ? n(!a) : (m(!0), n(!0));
   };
   return /* @__PURE__ */ e.jsxs(
-    w,
+    v,
     {
       br: "x4",
       style: { width: h },
-      className: i("shadow", s && "ui-expanded", "video-section-container"),
+      className: i(
+        "shadow",
+        s && "ui-expanded",
+        "video-section-container"
+      ),
       children: [
         /* @__PURE__ */ e.jsxs(
           "div",
@@ -71,7 +75,9 @@ const v = {
               /* @__PURE__ */ e.jsx(
                 "div",
                 {
-                  className: i("start-video-container", { "fade-out": a || d }),
+                  className: i("start-video-container", {
+                    "fade-out": a || d
+                  }),
                   style: {
                     backgroundImage: `url(${x})`,
                     backgroundSize: "cover",
@@ -116,7 +122,7 @@ const v = {
                 "button",
                 {
                   className: i(
-                    "ui-btn-accordion",
+                    "ui-btn-accordion-video",
                     "base-row justify-content-between align-items-center"
                   ),
                   type: "button",
@@ -159,7 +165,7 @@ const v = {
   );
 };
 export {
-  j as VIDEO_PLAYER_SIZE,
+  w as VIDEO_PLAYER_SIZE,
   G as VideoPlayer
 };
 //# sourceMappingURL=index.es35.js.map

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\nimport { PlayVideo } from \"@/icons\";\r\n\r\nexport enum VIDEO_PLAYER_SIZE {\r\n  SMALL = \"small\",\r\n  MEDIUM = \"medium\",\r\n  LARGE = \"large\",\r\n  EXTRA_LARGE = \"extra-large\",\r\n  VERTICAL = \"vertical\",\r\n  FULL_WIDTH = \"full-width\",\r\n}\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"666px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: { \r\n    width: \"360px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"100dvw\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"371px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\ntype VideoPlayerProps = {\r\n  btnText: string;\r\n  sizeComp?: VIDEO_PLAYER_SIZE;\r\n  previewImageSrc?: string;\r\n  transcription: string;\r\n  videoSrc: string;\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n\r\n  const handlePlay = () => {\r\n    if (!hasPlayedOnce) {\r\n      setHasPlayedOnce(true);\r\n      setIsPlaying(true);\r\n    } else {\r\n      setIsPlaying(!isPlaying);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: width }}\r\n      className={clsx(\"shadow\", isExpanded && \"ui-expanded\", \"video-section-container\")}\r\n    >\r\n      <div \r\n        className=\"video-player-container\" \r\n        style={{ height: heightImg }}\r\n        onClick={handlePlay}\r\n      >\r\n        <div\r\n          className={clsx(\"start-video-container\", { \"fade-out\": isPlaying || hasPlayedOnce })}\r\n          style={{\r\n            backgroundImage: `url(${previewImageSrc})`,\r\n            backgroundSize: 'cover',\r\n            backgroundPosition: 'center',\r\n            backgroundRepeat: 'no-repeat',\r\n            pointerEvents: 'none'\r\n          }}\r\n        >\r\n          <div\r\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\r\n          >\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo />\r\n            </div>\r\n            <div className=\"play-button-text\">\r\n              Riproduci\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"video-container\">\r\n          <video\r\n            controls\r\n            src={videoSrc !== \"\" ? videoSrc : undefined} \r\n            autoPlay={isPlaying} \r\n            onEnded={() => setIsPlaying(false)}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div className=\"transcription-container\">\r\n          <div\r\n          className={clsx(\r\n            \"expand-button-container\",\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            <span\r\n              className={clsx(\r\n                \"fw-semibold text-primary base-col justify-content-center\",\r\n              )}\r\n            >\r\n              {btnText}\r\n            </span>\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              \"transcription-text-container\",\r\n              \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n            )}\r\n          >\r\n            <p>\r\n              {transcription}\r\n            </p>\r\n          </div>\r\n        )}\r\n      </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","handlePlay","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown"],"mappings":";;;;;;;AAOY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;AASZ,MAAMC,IAAa;AAAA,EAChB,OAA0B;AAAA,IACzB,OAAO;AAAA,EACT;AAAA,EACC,QAA2B;AAAA,IAC1B,OAAO;AAAA,EACT;AAAA,EACC,OAA0B;AAAA,IACzB,OAAO;AAAA,EACT;AAAA,EACC,UAA6B;AAAA,IAC5B,OAAO;AAAA,EACT;AAAA,EACC,eAAgC;AAAA,IAC/B,OAAO;AAAA,EACT;AAAA,EACC,cAA+B;AAAA,IAC9B,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAU;AAAA,EACb,OAA0B;AAAA,IACzB,WAAW;AAAA,EACb;AAAA,EACC,QAA2B;AAAA,IAC1B,WAAW;AAAA,EACb;AAAA,EACC,OAA0B;AAAA,IACzB,WAAW;AAAA,EACb;AAAA,EACC,eAAgC;AAAA,IAC/B,WAAW;AAAA,EACb;AAAA,EACC,UAA6B;AAAA,IAC5B,WAAW;AAAA,EACb;AAAA,EACC,cAA+B;AAAA,IAC9B,WAAW;AAAA,EAAA;AAEf,GAUaC,IAAc,CAAC;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AACF,MAAwB;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,EAAK,GAClD,EAAE,OAAAG,EAAA,IAAUb,EAAWI,CAAQ,GAC/B,EAAE,WAAAU,EAAA,IAAcb,EAAQG,CAAQ,GAChC,CAACW,GAAYC,CAAW,IAAIN,EAAS,EAAK,GAE1CO,IAAa,MAAM;AACvB,IAAKN,IAIHF,EAAa,CAACD,CAAS,KAHvBI,EAAiB,EAAI,GACrBH,EAAa,EAAI;AAAA,EAIrB;AAGE,SAAAS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,EAAE,OAAAN,EAAa;AAAA,MACtB,WAAWO,EAAK,UAAUL,KAAc,eAAe,yBAAyB;AAAA,MAEhF,UAAA;AAAA,QAAAG,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,QAAQJ,EAAU;AAAA,YAC3B,SAASG;AAAA,YAET,UAAA;AAAA,cAAAI,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD,EAAK,yBAAyB,EAAE,YAAYZ,KAAaG,GAAe;AAAA,kBACnF,OAAO;AAAA,oBACL,iBAAiB,OAAOL,CAAe;AAAA,oBACvC,gBAAgB;AAAA,oBAChB,oBAAoB;AAAA,oBACpB,kBAAkB;AAAA,oBAClB,eAAe;AAAA,kBACjB;AAAA,kBAEA,UAAAY,gBAAAA,EAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWE,EAAK,yBAAyB,EAAG,QAAWZ,GAAW;AAAA,sBAElE,UAAA;AAAA,wBAAAa,gBAAAA,MAAC,OAAI,EAAA,WAAU,oBACb,UAAAA,gBAAAA,MAACC,IAAU,CAAA,GACb;AAAA,wBACCD,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,oBAAmB,UAElC,YAAA,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cACF;AAAA,cACAA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mBACb,UAAAA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,UAAQ;AAAA,kBACR,KAAKd,MAAa,KAAKA,IAAW;AAAA,kBAClC,UAAUC;AAAA,kBACV,SAAS,MAAMC,EAAa,EAAK;AAAA,gBAAA;AAAA,cAAA,EAErC,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAECJ,KACCa,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,UAAAG,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACD,WAAWD;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,cAEA,UAAAF,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWE;AAAA,oBACT;AAAA,oBACA;AAAA,kBACF;AAAA,kBACA,MAAK;AAAA,kBACL,SAAS,MAAMJ,EAAY,CAACD,CAAU;AAAA,kBAEtC,UAAA;AAAA,oBAAAM,gBAAAA,EAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,WAAWD;AAAA,0BACT;AAAA,wBACF;AAAA,wBAEC,UAAAjB;AAAA,sBAAA;AAAA,oBACH;AAAA,oBACAkB,gBAAAA,EAAA;AAAA,sBAACE;AAAA,sBAAA;AAAA,wBACC,OAAO;AAAA,wBACP,WAAWH,EAAK,YAAY,EAAG,UAAaL,EAAY,CAAA;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBAC1D;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UACF;AAAA,UACCA,KACCM,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACA;AAAA,cACF;AAAA,cAEA,UAAAC,gBAAAA,EAAAA,IAAC,OACE,UACHhB,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEF;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\";\nimport { PlayVideo } from \"@/icons\";\n\nexport enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nconst sizeStyles = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    width: \"311px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    width: \"388px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    width: \"666px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"100dvw\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n};\n\nconst imgSize = {\n  [VIDEO_PLAYER_SIZE.SMALL]: {\n    heightImg: \"170px\",\n  },\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\n    heightImg: \"183px\",\n  },\n  [VIDEO_PLAYER_SIZE.LARGE]: {\n    heightImg: \"371px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    heightImg: \"400px\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    heightImg: \"640px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    heightImg: \"525px\",\n  },\n};\n\ntype VideoPlayerProps = {\n  btnText: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription: string;\n  videoSrc: string;\n};\n\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n  const { width } = sizeStyles[sizeComp];\n  const { heightImg } = imgSize[sizeComp];\n  const [isExpanded, setExpanded] = useState(false);\n\n  const handlePlay = () => {\n    if (!hasPlayedOnce) {\n      setHasPlayedOnce(true);\n      setIsPlaying(true);\n    } else {\n      setIsPlaying(!isPlaying);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: width }}\n      className={clsx(\n        \"shadow\",\n        isExpanded && \"ui-expanded\",\n        \"video-section-container\",\n      )}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{ height: heightImg }}\n        onClick={handlePlay}\n      >\n        <div\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage: `url(${previewImageSrc})`,\n            backgroundSize: \"cover\",\n            backgroundPosition: \"center\",\n            backgroundRepeat: \"no-repeat\",\n            pointerEvents: \"none\",\n          }}\n        >\n          <div\n            className={clsx(\"play-button-container\", { [\"hidden\"]: isPlaying })}\n          >\n            <div className=\"play-button-icon\">\n              <PlayVideo />\n            </div>\n            <div className=\"play-button-text\">Riproduci</div>\n          </div>\n        </div>\n        <div className=\"video-container\">\n          <video\n            controls\n            src={videoSrc !== \"\" ? videoSrc : undefined}\n            autoPlay={isPlaying}\n            onEnded={() => setIsPlaying(false)}\n          />\n        </div>\n      </div>\n\n      {transcription && (\n        <div className=\"transcription-container\">\n          <div\n            className={clsx(\n              \"expand-button-container\",\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-video\",\n                \"base-row justify-content-between align-items-center\",\n              )}\n              type=\"button\"\n              onClick={() => setExpanded(!isExpanded)}\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center\",\n                )}\n              >\n                {btnText}\n              </span>\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                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <p>{transcription}</p>\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n"],"names":["VIDEO_PLAYER_SIZE","sizeStyles","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","handlePlay","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown"],"mappings":"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"}

package/dist/{index.es340.js → index.es352.js}

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es209.js";
-import { clsx as d } from "./index.es210.js";
-import m from "./index.es342.js";
+import { clsx as d } from "./index.es211.js";
+import m from "./index.es354.js";
 const x = ({
   index: t,
   title: l,
@@ -35,4 +35,4 @@ const x = ({
 export {
   x as StepItem
 };
-//# sourceMappingURL=index.es340.js.map
+//# sourceMappingURL=index.es352.js.map

package/dist/index.es352.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es352.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;"}

package/dist/{index.es342.js → index.es354.js}

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es209.js";
-import { clsx as e } from "./index.es210.js";
+import { clsx as e } from "./index.es211.js";
 import { ArrowTop as m } from "./index.es173.js";
 import { ArrowDown as n } from "./index.es129.js";
 const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [
@@ -9,4 +9,4 @@ const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PU
 export {
   p as default
 };
-//# sourceMappingURL=index.es342.js.map
+//# sourceMappingURL=index.es354.js.map

package/dist/index.es354.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es354.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;"}

package/dist/index.es358.js

@@ -0,0 +1,53 @@
+import { j as e } from "./index.es209.js";
+const C = ({ width: l, height: d }) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    width: l,
+    height: d,
+    viewBox: "0 0 21 21",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M19.7667 1.23854H1.89999V19.1052H19.7667V1.23854ZM0.833328 0.171875V20.1719H20.8333V0.171875H0.833328Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          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",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          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",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M1.41111 14.083H20.2556V15.1497H1.41111V14.083Z",
+          fill: "white"
+        }
+      )
+    ]
+  }
+);
+export {
+  C as Image
+};
+//# sourceMappingURL=index.es358.js.map

package/dist/index.es358.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es358.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;"}