@anoki/fse-ui 2.3.0-RC22 → 2.3.0-RC23

package/dist/index.cjs270.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VideoPlayer/VideoPlayer.css');const t=require("./index.cjs278.js"),T=require("./index.cjs19.js"),W=require("./index.cjs218.js"),i=require("./index.cjs280.js"),l=require("react");;/* empty css              */const e=require("./index.cjs268.js"),q=require("./index.cjs508.js"),k=require("./index.cjs82.js"),H=require("./index.cjs210.js"),M={[e.VIDEO_PLAYER_SIZE.SMALL]:{width:"311px"},[e.VIDEO_PLAYER_SIZE.MEDIUM]:{width:"388px"},[e.VIDEO_PLAYER_SIZE.LARGE]:{width:"642px"},[e.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{width:"992px"},[e.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{width:"100%"},[e.VIDEO_PLAYER_SIZE.VERTICAL]:{width:"360px"}},A={[e.VIDEO_PLAYER_SIZE.SMALL]:{heightImg:"170px"},[e.VIDEO_PLAYER_SIZE.MEDIUM]:{heightImg:"183px"},[e.VIDEO_PLAYER_SIZE.LARGE]:{heightImg:"357px"},[e.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{heightImg:"400px"},[e.VIDEO_PLAYER_SIZE.VERTICAL]:{heightImg:"640px"},[e.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{heightImg:"525px"}},G=({btnText:P="Trascrizione",sizeComp:n=e.VIDEO_PLAYER_SIZE.LARGE,transcription:h,previewImageSrc:p,videoSrc:I,videoTitle:R,videoLang:m,playButtonLabel:b="Riproduci",videoAriaLabel:S="Video player",showDivider:V=!0})=>{const[_,v]=l.useState(!1),[o,f]=l.useState(!1),[r,D]=l.useState(!1),j=l.useRef(null),g=q(),{width:x}=M[n];let c,d;if(x.includes("%"))c=x,d=A[n].heightImg;else{const s=parseInt(x,10),u=parseInt(A[n].heightImg,10)/s,y=g?Math.min(s,g):s,N=Math.round(y*u);c=`${y}px`,d=`${N}px`}const a=n===e.VIDEO_PLAYER_SIZE.VERTICAL,w=n===e.VIDEO_PLAYER_SIZE.EXTRA_LARGE||n===e.VIDEO_PLAYER_SIZE.FULL_WIDTH,L=a?"642px":c,O=a?"640px":d,Y=a?"360px":c,Z=async s=>{s&&(s.preventDefault(),s.stopPropagation());const E=j.current;if(!E){console.error("no video element found");return}try{o||(f(!0),v(!0),await E.play())}catch(u){console.error("Error controlling video:",u)}};return t.jsxRuntimeExports.jsxs(k.Col,{br:"x4",style:{width:L},className:i.clsx("video-section-container"),children:[t.jsxRuntimeExports.jsxs("div",{className:"video-player-container",style:{height:O,width:Y,...a&&{alignSelf:"center"}},children:[t.jsxRuntimeExports.jsx("button",{className:i.clsx("start-video-container",{"fade-out":_||o}),style:{backgroundImage:p&&!o?`url("${p}")`:"none",display:o?"none":"block"},onClick:s=>Z(s),type:"button",children:t.jsxRuntimeExports.jsxs("div",{className:i.clsx("play-button-container",{hidden:_}),children:[t.jsxRuntimeExports.jsx("div",{className:"play-button-icon",children:t.jsxRuntimeExports.jsx(H.PlayVideo,{decorative:!0})}),t.jsxRuntimeExports.jsx("div",{className:"play-button-text",children:b})]})}),t.jsxRuntimeExports.jsx("div",{className:"video-container",children:t.jsxRuntimeExports.jsxs("video",{ref:j,controls:!0,src:I||void 0,"aria-label":S,title:R||void 0,children:[t.jsxRuntimeExports.jsx("source",{src:I||void 0}),m&&t.jsxRuntimeExports.jsx("track",{kind:"subtitles",src:"subtitles_en.vtt",srcLang:m==="italiano"?"it":"en"})," "]})})]}),h&&t.jsxRuntimeExports.jsxs("div",{className:i.clsx(w?"transcription-container":"ui-has-border-bottom",!V&&"ui-video-no-divider"),style:{width:L},children:[t.jsxRuntimeExports.jsx("div",{className:i.clsx("expand-button-container","accordion","base-row justify-content-between align-items-center"),children:t.jsxRuntimeExports.jsxs("button",{className:i.clsx("ui-btn-accordion-video","base-row justify-content-between align-items-center"),type:"button",onClick:()=>D(!r),"aria-expanded":r,"aria-controls":"transcription-content",children:[t.jsxRuntimeExports.jsx("span",{className:i.clsx("fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"),children:P}),t.jsxRuntimeExports.jsx(T.ArrowDown,{color:"primary",className:i.clsx("ui-arrow",{expanded:r}),decorative:!0})]})}),r&&t.jsxRuntimeExports.jsx("div",{id:"transcription-content",className:i.clsx("transcription-text-container","pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"),children:t.jsxRuntimeExports.jsx(W.RichText,{additionalClass:"text-black text-charcoal-dust rich-text-element",classNameTitle:"heading-2-lg fw-extra-bold text-black text-charcoal-dust",description:h})})]})]})};exports.VIDEO_PLAYER_SIZE=e.VIDEO_PLAYER_SIZE;exports.VideoPlayer=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VideoPlayer/VideoPlayer.css');const e=require("./index.cjs278.js"),W=require("./index.cjs19.js"),q=require("./index.cjs218.js"),i=require("./index.cjs280.js"),l=require("react");;/* empty css              */const t=require("./index.cjs268.js"),k=require("./index.cjs508.js"),H=require("./index.cjs82.js"),G=require("./index.cjs210.js"),U={[t.VIDEO_PLAYER_SIZE.SMALL]:{width:"311px"},[t.VIDEO_PLAYER_SIZE.MEDIUM]:{width:"388px"},[t.VIDEO_PLAYER_SIZE.LARGE]:{width:"642px"},[t.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{width:"992px"},[t.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{width:"100%"},[t.VIDEO_PLAYER_SIZE.VERTICAL]:{width:"360px"}},S={[t.VIDEO_PLAYER_SIZE.SMALL]:{heightImg:"170px"},[t.VIDEO_PLAYER_SIZE.MEDIUM]:{heightImg:"183px"},[t.VIDEO_PLAYER_SIZE.LARGE]:{heightImg:"357px"},[t.VIDEO_PLAYER_SIZE.EXTRA_LARGE]:{heightImg:"400px"},[t.VIDEO_PLAYER_SIZE.VERTICAL]:{heightImg:"640px"},[t.VIDEO_PLAYER_SIZE.FULL_WIDTH]:{heightImg:"525px"}},$=({btnText:y="Trascrizione",sizeComp:n=t.VIDEO_PLAYER_SIZE.LARGE,transcription:p,previewImageSrc:I,videoSrc:R,videoTitle:m,videoLang:_,playButtonLabel:P="Riproduci",videoAriaLabel:b="Video player",showDivider:V=!0})=>{const[L,D]=l.useState(!1),[o,v]=l.useState(!1),[r,f]=l.useState(!1),j=l.useRef(null),d=k(),{width:x}=U[n];let c,E;if(x.includes("%"))c=x,E=S[n].heightImg;else{const s=parseInt(x,10),h=parseInt(S[n].heightImg,10)/s,N=n===t.VIDEO_PLAYER_SIZE.SMALL||n===t.VIDEO_PLAYER_SIZE.MEDIUM?32:0,M=d?d-N:s,A=d?Math.min(s,M):s,T=Math.round(A*h);c=`${A}px`,E=`${T}px`}const a=n===t.VIDEO_PLAYER_SIZE.VERTICAL,w=n===t.VIDEO_PLAYER_SIZE.EXTRA_LARGE||n===t.VIDEO_PLAYER_SIZE.FULL_WIDTH,g=a?"642px":c,O=a?"640px":E,Y=a?"360px":c,Z=async s=>{s&&(s.preventDefault(),s.stopPropagation());const u=j.current;if(!u){console.error("no video element found");return}try{o||(v(!0),D(!0),await u.play())}catch(h){console.error("Error controlling video:",h)}};return e.jsxRuntimeExports.jsxs(H.Col,{br:"x4",style:{width:g},className:i.clsx("video-section-container"),children:[e.jsxRuntimeExports.jsxs("div",{className:"video-player-container",style:{height:O,width:Y,...a&&{alignSelf:"center"}},children:[e.jsxRuntimeExports.jsx("button",{className:i.clsx("start-video-container",{"fade-out":L||o}),style:{backgroundImage:I&&!o?`url("${I}")`:"none",display:o?"none":"block"},onClick:s=>Z(s),type:"button",children:e.jsxRuntimeExports.jsxs("div",{className:i.clsx("play-button-container",{hidden:L}),children:[e.jsxRuntimeExports.jsx("div",{className:"play-button-icon",children:e.jsxRuntimeExports.jsx(G.PlayVideo,{decorative:!0})}),e.jsxRuntimeExports.jsx("div",{className:"play-button-text",children:P})]})}),e.jsxRuntimeExports.jsx("div",{className:"video-container",children:e.jsxRuntimeExports.jsxs("video",{ref:j,controls:!0,src:R||void 0,"aria-label":b,title:m||void 0,children:[e.jsxRuntimeExports.jsx("source",{src:R||void 0}),_&&e.jsxRuntimeExports.jsx("track",{kind:"subtitles",src:"subtitles_en.vtt",srcLang:_==="italiano"?"it":"en"})," "]})})]}),p&&e.jsxRuntimeExports.jsxs("div",{className:i.clsx(w?"transcription-container":"ui-has-border-bottom",!V&&"ui-video-no-divider"),style:{width:g},children:[e.jsxRuntimeExports.jsx("div",{className:i.clsx("expand-button-container","accordion","base-row justify-content-between align-items-center"),children:e.jsxRuntimeExports.jsxs("button",{className:i.clsx("ui-btn-accordion-video","base-row justify-content-between align-items-center"),type:"button",onClick:()=>f(!r),"aria-expanded":r,"aria-controls":"transcription-content",children:[e.jsxRuntimeExports.jsx("span",{className:i.clsx("fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"),children:y}),e.jsxRuntimeExports.jsx(W.ArrowDown,{color:"primary",className:i.clsx("ui-arrow",{expanded:r}),decorative:!0})]})}),r&&e.jsxRuntimeExports.jsx("div",{id:"transcription-content",className:i.clsx("transcription-text-container","pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"),children:e.jsxRuntimeExports.jsx(q.RichText,{additionalClass:"text-black text-charcoal-dust rich-text-element",classNameTitle:"heading-2-lg fw-extra-bold text-black text-charcoal-dust",description:p})})]})]})};exports.VIDEO_PLAYER_SIZE=t.VIDEO_PLAYER_SIZE;exports.VideoPlayer=$;
 //# sourceMappingURL=index.cjs270.js.map

package/dist/index.cjs270.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs270.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { RichText } from \"@/sections/RichText\";\nimport clsx from \"clsx\";\nimport { useRef, useState } from \"react\";\nimport \"./VideoPlayer.scss\";\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\nimport useWindowWidth from \"@/hooks/useWindowWidth\";\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: \"642px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"992px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\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: \"357px\",\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\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n  videoTitle,\n  videoLang,\n  playButtonLabel = \"Riproduci\",\n  videoAriaLabel = \"Video player\",\n  showDivider = true,\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const windowWidth = useWindowWidth();\n\n  const { width: componentBaseWidthString } = sizeStyles[sizeComp];\n\n  let width;\n  let calculatedHeight;\n\n  if (componentBaseWidthString.includes(\"%\")) {\n    width = componentBaseWidthString;\n\n    calculatedHeight = imgSize[sizeComp].heightImg;\n  } else {\n    const componentBaseWidth = parseInt(componentBaseWidthString, 10);\n    const componentBaseHeight = parseInt(imgSize[sizeComp].heightImg, 10);\n\n    const aspectRatio = componentBaseHeight / componentBaseWidth;\n\n    const finalWidthInPx = windowWidth\n      ? Math.min(componentBaseWidth, windowWidth)\n      : componentBaseWidth;\n\n    const finalHeightInPx = Math.round(finalWidthInPx * aspectRatio);\n\n    width = `${finalWidthInPx}px`;\n    calculatedHeight = `${finalHeightInPx}px`;\n  }\n\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\n  const isLargeSize =\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\n\n  const containerWidth = isVertical ? \"642px\" : width;\n  const videoHeight = isVertical ? \"640px\" : calculatedHeight;\n  const videoWidth = isVertical ? \"360px\" : width;\n\n  const handlePlay = async (e?: React.MouseEvent) => {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    const video = videoRef.current;\n\n    if (!video) {\n      console.error(\"no video element found\");\n      return;\n    }\n\n    try {\n      if (!hasPlayedOnce) {\n        setHasPlayedOnce(true);\n        setIsPlaying(true);\n        await video.play();\n      }\n    } catch (error) {\n      console.error(\"Error controlling video:\", error);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: containerWidth }}\n      className={clsx(\"video-section-container\")}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{\n          height: videoHeight,\n          width: videoWidth,\n          ...(isVertical && { alignSelf: \"center\" }),\n        }}\n      >\n        <button\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage:\n              previewImageSrc && !hasPlayedOnce\n                ? `url(\"${previewImageSrc}\")`\n                : \"none\",\n            display: hasPlayedOnce ? \"none\" : \"block\",\n          }}\n          onClick={(e) => handlePlay(e)}\n          type=\"button\"\n        >\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\n            <div className=\"play-button-icon\">\n              <PlayVideo decorative />\n            </div>\n            <div className=\"play-button-text\">{playButtonLabel}</div>\n          </div>\n        </button>\n        <div className=\"video-container\">\n          <video\n            ref={videoRef}\n            controls\n            src={videoSrc || undefined}\n            aria-label={videoAriaLabel}\n            title={videoTitle ? videoTitle : undefined}\n          >\n            <source src={videoSrc || undefined} />\n            {videoLang  && (\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\n          </video>\n        </div>\n      </div>\n\n      {transcription && (\n        <div\n          className={clsx(\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\n            !showDivider && \"ui-video-no-divider\",\n          )}\n          style={{ width: containerWidth }}\n        >\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center\",\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              aria-expanded={isExpanded}\n              aria-controls=\"transcription-content\"\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\n                decorative\n              />\n            </button>\n          </div>\n          {isExpanded && (\n            <div\n              id=\"transcription-content\"\n              className={clsx(\n                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <RichText\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\n                description={transcription}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n\nexport { VIDEO_PLAYER_SIZE };\nexport type { VideoPlayerProps };\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","showDivider","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","isExpanded","setExpanded","videoRef","useRef","windowWidth","useWindowWidth","componentBaseWidthString","width","calculatedHeight","componentBaseWidth","aspectRatio","finalWidthInPx","finalHeightInPx","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"kYAWMA,EAAa,CACjB,CAACC,EAAAA,kBAAkB,KAAK,EAAG,CACzB,MAAO,OAAA,EAET,CAACA,EAAAA,kBAAkB,MAAM,EAAG,CAC1B,MAAO,OAAA,EAET,CAACA,EAAAA,kBAAkB,KAAK,EAAG,CACzB,MAAO,OAAA,EAET,CAACA,EAAAA,kBAAkB,WAAW,EAAG,CAC/B,MAAO,OAAA,EAET,CAACA,EAAAA,kBAAkB,UAAU,EAAG,CAC9B,MAAO,MAAA,EAET,CAACA,EAAAA,kBAAkB,QAAQ,EAAG,CAC5B,MAAO,OAAA,CAEX,EAEMC,EAAU,CACd,CAACD,EAAAA,kBAAkB,KAAK,EAAG,CACzB,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,MAAM,EAAG,CAC1B,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,KAAK,EAAG,CACzB,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,WAAW,EAAG,CAC/B,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,QAAQ,EAAG,CAC5B,UAAW,OAAA,EAEb,CAACA,EAAAA,kBAAkB,UAAU,EAAG,CAC9B,UAAW,OAAA,CAEf,EAEaE,EAAc,CAAC,CAC1B,QAAAC,EAAU,eACV,SAAAC,EAAWJ,EAAAA,kBAAkB,MAC7B,cAAAK,EACA,gBAAAC,EACA,SAAAC,EACA,WAAAC,EACA,UAAAC,EACA,gBAAAC,EAAkB,YAClB,eAAAC,EAAiB,eACjB,YAAAC,EAAc,EAChB,IAAwB,CACtB,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAeC,CAAgB,EAAIF,EAAAA,SAAS,EAAK,EAElD,CAACG,EAAYC,CAAW,EAAIJ,EAAAA,SAAS,EAAK,EAC1CK,EAAWC,EAAAA,OAAyB,IAAI,EAExCC,EAAcC,EAAA,EAEd,CAAE,MAAOC,GAA6BzB,EAAWK,CAAQ,EAE/D,IAAIqB,EACAC,EAEJ,GAAIF,EAAyB,SAAS,GAAG,EACvCC,EAAQD,EAERE,EAAmBzB,EAAQG,CAAQ,EAAE,cAChC,CACL,MAAMuB,EAAqB,SAASH,EAA0B,EAAE,EAG1DI,EAFsB,SAAS3B,EAAQG,CAAQ,EAAE,UAAW,EAAE,EAE1BuB,EAEpCE,EAAiBP,EACnB,KAAK,IAAIK,EAAoBL,CAAW,EACxCK,EAEEG,EAAkB,KAAK,MAAMD,EAAiBD,CAAW,EAE/DH,EAAQ,GAAGI,CAAc,KACzBH,EAAmB,GAAGI,CAAe,IACvC,CAEA,MAAMC,EAAa3B,IAAaJ,EAAAA,kBAAkB,SAC5CgC,EACJ5B,IAAaJ,EAAAA,kBAAkB,aAC/BI,IAAaJ,EAAAA,kBAAkB,WAE3BiC,EAAiBF,EAAa,QAAUN,EACxCS,EAAcH,EAAa,QAAUL,EACrCS,EAAaJ,EAAa,QAAUN,EAEpCW,EAAa,MAAOC,GAAyB,CAC7CA,IACFA,EAAE,eAAA,EACFA,EAAE,gBAAA,GAGJ,MAAMC,EAAQlB,EAAS,QAEvB,GAAI,CAACkB,EAAO,CACV,QAAQ,MAAM,wBAAwB,EACtC,MACF,CAEA,GAAI,CACGtB,IACHC,EAAiB,EAAI,EACrBH,EAAa,EAAI,EACjB,MAAMwB,EAAM,KAAA,EAEhB,OAASC,EAAO,CACd,QAAQ,MAAM,2BAA4BA,CAAK,CACjD,CACF,EAEA,OACEC,EAAAA,kBAAAA,KAACC,EAAAA,IAAA,CACC,GAAI,KACJ,MAAO,CAAE,MAAOR,CAAA,EAChB,UAAWS,EAAAA,KAAK,yBAAyB,EAEzC,SAAA,CAAAF,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAU,yBACV,MAAO,CACL,OAAQN,EACR,MAAOC,EACP,GAAIJ,GAAc,CAAE,UAAW,QAAA,CAAS,EAG1C,SAAA,CAAAY,EAAAA,kBAAAA,IAAC,SAAA,CACC,UAAWD,EAAAA,KAAK,wBAAyB,CACvC,WAAY7B,GAAaG,CAAA,CAC1B,EACD,MAAO,CACL,gBACEV,GAAmB,CAACU,EAChB,QAAQV,CAAe,KACvB,OACN,QAASU,EAAgB,OAAS,OAAA,EAEpC,QAAUqB,GAAMD,EAAWC,CAAC,EAC5B,KAAK,SAEL,SAAAG,EAAAA,kBAAAA,KAAC,OAAI,UAAWE,EAAAA,KAAK,wBAAyB,CAAE,OAAQ7B,CAAA,CAAW,EACjE,SAAA,CAAA8B,EAAAA,kBAAAA,IAAC,OAAI,UAAU,mBACb,iCAACC,EAAAA,UAAA,CAAU,WAAU,GAAC,CAAA,CACxB,EACAD,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mBAAoB,SAAAjC,CAAA,CAAgB,CAAA,CAAA,CACrD,CAAA,CAAA,EAEFiC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,kBACb,SAAAH,EAAAA,kBAAAA,KAAC,QAAA,CACC,IAAKpB,EACL,SAAQ,GACR,IAAKb,GAAY,OACjB,aAAYI,EACZ,MAAOH,GAA0B,OAEjC,SAAA,CAAAmC,EAAAA,kBAAAA,IAAC,SAAA,CAAO,IAAKpC,GAAY,MAAA,CAAW,EACnCE,GACCkC,EAAAA,kBAAAA,IAAC,QAAA,CAAM,KAAK,YAAY,IAAI,mBAAmB,QAASlC,IAAc,WAAa,KAAO,IAAA,CAAM,EAChG,GAAA,CAAA,CAAA,CACJ,CACF,CAAA,CAAA,CAAA,EAGDJ,GACCmC,EAAAA,kBAAAA,KAAC,MAAA,CACC,UAAWE,EAAAA,KACTV,EAAc,0BAA4B,uBAC1C,CAACpB,GAAe,qBAAA,EAElB,MAAO,CAAE,MAAOqB,CAAA,EAEhB,SAAA,CAAAU,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWD,EAAAA,KACT,0BACA,YACA,qDAAA,EAGF,SAAAF,EAAAA,kBAAAA,KAAC,SAAA,CACC,UAAWE,EAAAA,KACT,yBACA,qDAAA,EAEF,KAAK,SACL,QAAS,IAAMvB,EAAY,CAACD,CAAU,EACtC,gBAAeA,EACf,gBAAc,wBAEd,SAAA,CAAAyB,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWD,EAAAA,KACT,8FAAA,EAGD,SAAAvC,CAAA,CAAA,EAEHwC,EAAAA,kBAAAA,IAACE,EAAAA,UAAA,CACC,MAAO,UACP,UAAWH,EAAAA,KAAK,WAAY,CAAE,SAAUxB,EAAY,EACpD,WAAU,EAAA,CAAA,CACZ,CAAA,CAAA,CACF,CAAA,EAEDA,GACCyB,EAAAA,kBAAAA,IAAC,MAAA,CACC,GAAG,wBACH,UAAWD,EAAAA,KACT,+BACA,qDAAA,EAGF,SAAAC,EAAAA,kBAAAA,IAACG,EAAAA,SAAA,CACC,gBAAgB,kDAChB,eAAe,2DACf,YAAazC,CAAA,CAAA,CACf,CAAA,CACF,CAAA,CAAA,CAEJ,CAAA,CAAA,CAIR"}
+{"version":3,"file":"index.cjs270.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\nimport { PlayVideo } from \"@/icons\";\nimport { ArrowDown } from \"@/icons/ArrowDown\";\nimport { RichText } from \"@/sections/RichText\";\nimport clsx from \"clsx\";\nimport { useRef, useState } from \"react\";\nimport \"./VideoPlayer.scss\";\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\nimport useWindowWidth from \"@/hooks/useWindowWidth\";\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: \"642px\",\n  },\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\n    width: \"992px\",\n  },\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\n    width: \"100%\",\n  },\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\n    width: \"360px\",\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: \"357px\",\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\nexport const VideoPlayer = ({\n  btnText = \"Trascrizione\",\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\n  transcription,\n  previewImageSrc,\n  videoSrc,\n  videoTitle,\n  videoLang,\n  playButtonLabel = \"Riproduci\",\n  videoAriaLabel = \"Video player\",\n  showDivider = true,\n}: VideoPlayerProps) => {\n  const [isPlaying, setIsPlaying] = useState(false);\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\n\n  const [isExpanded, setExpanded] = useState(false);\n  const videoRef = useRef<HTMLVideoElement>(null);\n\n  const windowWidth = useWindowWidth();\n\n  const { width: componentBaseWidthString } = sizeStyles[sizeComp];\n\n  let width;\n  let calculatedHeight;\n\n  if (componentBaseWidthString.includes(\"%\")) {\n    width = componentBaseWidthString;\n\n    calculatedHeight = imgSize[sizeComp].heightImg;\n  } else {\n    const componentBaseWidth = parseInt(componentBaseWidthString, 10);\n    const componentBaseHeight = parseInt(imgSize[sizeComp].heightImg, 10);\n\n    const aspectRatio = componentBaseHeight / componentBaseWidth;\n\n    // For small sizes, account for device padding (16px on each side)\n    const isSmallSize =\n      sizeComp === VIDEO_PLAYER_SIZE.SMALL ||\n      sizeComp === VIDEO_PLAYER_SIZE.MEDIUM;\n    const padding = isSmallSize ? 32 : 0; // 16px left + 16px right\n    const availableWidth = windowWidth\n      ? windowWidth - padding\n      : componentBaseWidth;\n\n    const finalWidthInPx = windowWidth\n      ? Math.min(componentBaseWidth, availableWidth)\n      : componentBaseWidth;\n\n    const finalHeightInPx = Math.round(finalWidthInPx * aspectRatio);\n\n    width = `${finalWidthInPx}px`;\n    calculatedHeight = `${finalHeightInPx}px`;\n  }\n\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\n  const isLargeSize =\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\n\n  const containerWidth = isVertical ? \"642px\" : width;\n  const videoHeight = isVertical ? \"640px\" : calculatedHeight;\n  const videoWidth = isVertical ? \"360px\" : width;\n\n  const handlePlay = async (e?: React.MouseEvent) => {\n    if (e) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    const video = videoRef.current;\n\n    if (!video) {\n      console.error(\"no video element found\");\n      return;\n    }\n\n    try {\n      if (!hasPlayedOnce) {\n        setHasPlayedOnce(true);\n        setIsPlaying(true);\n        await video.play();\n      }\n    } catch (error) {\n      console.error(\"Error controlling video:\", error);\n    }\n  };\n\n  return (\n    <Col\n      br={\"x4\"}\n      style={{ width: containerWidth }}\n      className={clsx(\"video-section-container\")}\n    >\n      <div\n        className=\"video-player-container\"\n        style={{\n          height: videoHeight,\n          width: videoWidth,\n          ...(isVertical && { alignSelf: \"center\" }),\n        }}\n      >\n        <button\n          className={clsx(\"start-video-container\", {\n            \"fade-out\": isPlaying || hasPlayedOnce,\n          })}\n          style={{\n            backgroundImage:\n              previewImageSrc && !hasPlayedOnce\n                ? `url(\"${previewImageSrc}\")`\n                : \"none\",\n            display: hasPlayedOnce ? \"none\" : \"block\",\n          }}\n          onClick={(e) => handlePlay(e)}\n          type=\"button\"\n        >\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\n            <div className=\"play-button-icon\">\n              <PlayVideo decorative />\n            </div>\n            <div className=\"play-button-text\">{playButtonLabel}</div>\n          </div>\n        </button>\n        <div className=\"video-container\">\n          <video\n            ref={videoRef}\n            controls\n            src={videoSrc || undefined}\n            aria-label={videoAriaLabel}\n            title={videoTitle ? videoTitle : undefined}\n          >\n            <source src={videoSrc || undefined} />\n            {videoLang  && (\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\n          </video>\n        </div>\n      </div>\n\n      {transcription && (\n        <div\n          className={clsx(\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\n            !showDivider && \"ui-video-no-divider\",\n          )}\n          style={{ width: containerWidth }}\n        >\n          <div\n            className={clsx(\n              \"expand-button-container\",\n              \"accordion\",\n              \"base-row justify-content-between align-items-center\",\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              aria-expanded={isExpanded}\n              aria-controls=\"transcription-content\"\n            >\n              <span\n                className={clsx(\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\n                )}\n              >\n                {btnText}\n              </span>\n              <ArrowDown\n                color={\"primary\"}\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\n                decorative\n              />\n            </button>\n          </div>\n          {isExpanded && (\n            <div\n              id=\"transcription-content\"\n              className={clsx(\n                \"transcription-text-container\",\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\n              )}\n            >\n              <RichText\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\n                description={transcription}\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </Col>\n  );\n};\n\nexport { VIDEO_PLAYER_SIZE };\nexport type { VideoPlayerProps };\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","showDivider","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","isExpanded","setExpanded","videoRef","useRef","windowWidth","useWindowWidth","componentBaseWidthString","width","calculatedHeight","componentBaseWidth","aspectRatio","padding","availableWidth","finalWidthInPx","finalHeightInPx","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.cjs271.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs278.js"),n=require("./index.cjs280.js"),c=require("./index.cjs352.js"),u=({width:l=24,height:r=24,className:i,color:o,decorative:e=!1,ariaLabel:t="Show"})=>{const a=c.createColorClasses({color:o});return s.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:l,height:r,fill:"currentColor",viewBox:"0 0 24 24",className:n.clsx(i,a),"aria-hidden":e,"aria-label":e?void 0:t,children:s.jsxRuntimeExports.jsx("path",{fill:"#06C",fillRule:"evenodd",d:"M12 5.496a11 11 0 0 1 9.8 6.004l.2.5-.2.5a11 11 0 0 1-19.6 0L2 12l.2-.5A11 11 0 0 1 12 5.496M3.1 12a9.8 9.8 0 0 0 8.9 5.5 9.8 9.8 0 0 0 8.9-5.5A9.8 9.8 0 0 0 12 6.5 9.8 9.8 0 0 0 3.1 12M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8m-3 4a3 3 0 0 0 3 3 2.9 2.9 0 0 0 3-3 3 3 0 1 0-6 0",clipRule:"evenodd"})})};exports.Visible=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs278.js"),n=require("./index.cjs280.js"),c=require("./index.cjs313.js"),u=({width:l=24,height:r=24,className:i,color:o,decorative:e=!1,ariaLabel:t="Show"})=>{const a=c.createColorClasses({color:o});return s.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:l,height:r,fill:"currentColor",viewBox:"0 0 24 24",className:n.clsx(i,a),"aria-hidden":e,"aria-label":e?void 0:t,children:s.jsxRuntimeExports.jsx("path",{fill:"#06C",fillRule:"evenodd",d:"M12 5.496a11 11 0 0 1 9.8 6.004l.2.5-.2.5a11 11 0 0 1-19.6 0L2 12l.2-.5A11 11 0 0 1 12 5.496M3.1 12a9.8 9.8 0 0 0 8.9 5.5 9.8 9.8 0 0 0 8.9-5.5A9.8 9.8 0 0 0 12 6.5 9.8 9.8 0 0 0 3.1 12M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8m-3 4a3 3 0 0 0 3 3 2.9 2.9 0 0 0 3-3 3 3 0 1 0-6 0",clipRule:"evenodd"})})};exports.Visible=u;
 //# sourceMappingURL=index.cjs271.js.map

package/dist/index.cjs275.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs278.js"),i=require("./index.cjs280.js"),m=require("./index.cjs352.js"),n=({width:e=24,height:r=24,className:a,color:o,decorative:c=!1,ariaLabel:l="World"})=>{const t=m.createColorClasses({color:o});return s.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:r,fill:"currentColor",viewBox:"0 0 16 16",className:i.clsx(a,t),"aria-hidden":c,"aria-label":c?void 0:l,children:s.jsxRuntimeExports.jsx("path",{d:"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"})})};exports.World=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs278.js"),i=require("./index.cjs280.js"),m=require("./index.cjs313.js"),n=({width:e=24,height:r=24,className:a,color:o,decorative:c=!1,ariaLabel:l="World"})=>{const t=m.createColorClasses({color:o});return s.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:r,fill:"currentColor",viewBox:"0 0 16 16",className:i.clsx(a,t),"aria-hidden":c,"aria-label":c?void 0:l,children:s.jsxRuntimeExports.jsx("path",{d:"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m7.5-6.923c-.67.204-1.335.82-1.887 1.855q-.215.403-.395.872c.705.157 1.472.257 2.282.287zM4.249 3.539q.214-.577.481-1.078a7 7 0 0 1 .597-.933A7 7 0 0 0 3.051 3.05q.544.277 1.198.49zM3.509 7.5c.036-1.07.188-2.087.436-3.008a9 9 0 0 1-1.565-.667A6.96 6.96 0 0 0 1.018 7.5zm1.4-2.741a12.3 12.3 0 0 0-.4 2.741H7.5V5.091c-.91-.03-1.783-.145-2.591-.332M8.5 5.09V7.5h2.99a12.3 12.3 0 0 0-.399-2.741c-.808.187-1.681.301-2.591.332zM4.51 8.5c.035.987.176 1.914.399 2.741A13.6 13.6 0 0 1 7.5 10.91V8.5zm3.99 0v2.409c.91.03 1.783.145 2.591.332.223-.827.364-1.754.4-2.741zm-3.282 3.696q.18.469.395.872c.552 1.035 1.218 1.65 1.887 1.855V11.91c-.81.03-1.577.13-2.282.287zm.11 2.276a7 7 0 0 1-.598-.933 9 9 0 0 1-.481-1.079 8.4 8.4 0 0 0-1.198.49 7 7 0 0 0 2.276 1.522zm-1.383-2.964A13.4 13.4 0 0 1 3.508 8.5h-2.49a6.96 6.96 0 0 0 1.362 3.675c.47-.258.995-.482 1.565-.667m6.728 2.964a7 7 0 0 0 2.275-1.521 8.4 8.4 0 0 0-1.197-.49 9 9 0 0 1-.481 1.078 7 7 0 0 1-.597.933M8.5 11.909v3.014c.67-.204 1.335-.82 1.887-1.855q.216-.403.395-.872A12.6 12.6 0 0 0 8.5 11.91zm3.555-.401c.57.185 1.095.409 1.565.667A6.96 6.96 0 0 0 14.982 8.5h-2.49a13.4 13.4 0 0 1-.437 3.008M14.982 7.5a6.96 6.96 0 0 0-1.362-3.675c-.47.258-.995.482-1.565.667.248.92.4 1.938.437 3.008zM11.27 2.461q.266.502.482 1.078a8.4 8.4 0 0 0 1.196-.49 7 7 0 0 0-2.275-1.52c.218.283.418.597.597.932m-.488 1.343a8 8 0 0 0-.395-.872C9.835 1.897 9.17 1.282 8.5 1.077V4.09c.81-.03 1.577-.13 2.282-.287z"})})};exports.World=n;
 //# sourceMappingURL=index.cjs275.js.map

package/dist/index.cjs276.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs278.js"),c=require("./index.cjs280.js"),u=require("./index.cjs352.js"),a=({width:s=21,height:r=22,className:t,color:n,decorative:e=!0,ariaLabel:l="Zoom in"})=>{const i=u.createColorClasses({color:n});return o.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:r,fill:"none",viewBox:"0 0 21 22",className:c.clsx(t,i),"aria-hidden":e,"aria-label":e?void 0:l,children:o.jsxRuntimeExports.jsx("path",{fill:"currentColor",stroke:"currentColor",strokeWidth:"1.2",d:"M19.8 11.272h-9v9.416H9.6v-9.416h-9v-1.256h9V.6h1.2v9.416h9z"})})};exports.ZoomIn=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs278.js"),c=require("./index.cjs280.js"),u=require("./index.cjs313.js"),a=({width:s=21,height:r=22,className:t,color:n,decorative:e=!0,ariaLabel:l="Zoom in"})=>{const i=u.createColorClasses({color:n});return o.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:r,fill:"none",viewBox:"0 0 21 22",className:c.clsx(t,i),"aria-hidden":e,"aria-label":e?void 0:l,children:o.jsxRuntimeExports.jsx("path",{fill:"currentColor",stroke:"currentColor",strokeWidth:"1.2",d:"M19.8 11.272h-9v9.416H9.6v-9.416h-9v-1.256h9V.6h1.2v9.416h9z"})})};exports.ZoomIn=a;
 //# sourceMappingURL=index.cjs276.js.map

package/dist/index.cjs277.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs278.js"),u=require("./index.cjs280.js"),c=require("./index.cjs352.js"),a=({width:s=21,height:r=3,className:t,color:l,decorative:o=!0,ariaLabel:n="Zoom out"})=>{const i=c.createColorClasses({color:l});return e.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:r,fill:"none",viewBox:"0 0 21 3",className:u.clsx(t,i),"aria-hidden":o,"aria-label":o?void 0:n,children:e.jsxRuntimeExports.jsx("path",{fill:"currentColor",stroke:"currentColor",strokeWidth:"1.2",d:"M19.8 1.855H.6V.6h19.2z"})})};exports.ZoomOut=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs278.js"),u=require("./index.cjs280.js"),c=require("./index.cjs313.js"),a=({width:s=21,height:r=3,className:t,color:l,decorative:o=!0,ariaLabel:n="Zoom out"})=>{const i=c.createColorClasses({color:l});return e.jsxRuntimeExports.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,height:r,fill:"none",viewBox:"0 0 21 3",className:u.clsx(t,i),"aria-hidden":o,"aria-label":o?void 0:n,children:e.jsxRuntimeExports.jsx("path",{fill:"currentColor",stroke:"currentColor",strokeWidth:"1.2",d:"M19.8 1.855H.6V.6h19.2z"})})};exports.ZoomOut=a;
 //# sourceMappingURL=index.cjs277.js.map

package/dist/index.cjs28.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs278.js"),i=require("./index.cjs352.js"),x=require("./index.cjs280.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs278.js"),i=require("./index.cjs313.js"),x=require("./index.cjs280.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
 //# sourceMappingURL=index.cjs28.js.map

package/dist/index.cjs313.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=["bg","text","color","border"],o=e=>t.map(r=>e[r]?r==="color"?`text-${e[r]}`:`${r}-${e[r]}`:"").filter(Boolean);exports.createColorClasses=o;
+//# sourceMappingURL=index.cjs313.js.map

package/dist/index.cjs313.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs313.js","sources":["../src/theme/colors.ts"],"sourcesContent":["export type ColorKeys =\n  | \"primary\"\n  | \"white\"\n  | \"status-success\"\n  | \"warning\"\n  | \"error\"\n  | \"muted\"\n  | \"emphasis\"\n  | \"slate-20\"\n  | \"slate-14\"\n  | \"slate-28\"\n  | \"border-divider\"\n  | \"transparent\"\n  | \"blue-30\"\n  | \"blue-15\"\n  | \"disabled\"\n  | \"lightblue-a01\"\n  | \"lightblue-a02\"\n  | \"lightblue-a03\"\n  | \"secondary\"\n  | \"blue-48\";\n\nexport type ColorProps = {\n  bg?: ColorKeys;\n  text?: ColorKeys;\n  color?: ColorKeys;\n  border?: ColorKeys;\n};\n\nexport type ColorPropsKeys = keyof ColorProps;\nconst colorPropsKeys: ColorPropsKeys[] = [\"bg\", \"text\", \"color\", \"border\"];\n\nexport const createColorClasses = <TProps extends ColorProps>(\n  props: TProps,\n) => {\n  return colorPropsKeys\n    .map((key) => {\n      if (!props[key]) return \"\";\n\n      if (key === \"color\") return `text-${props[key]}`;\n      return `${key}-${props[key]}`;\n    })\n    .filter(Boolean);\n};\n"],"names":["colorPropsKeys","createColorClasses","props","key"],"mappings":"gFA8BA,MAAMA,EAAmC,CAAC,KAAM,OAAQ,QAAS,QAAQ,EAE5DC,EACXC,GAEOF,EACJ,IAAKG,GACCD,EAAMC,CAAG,EAEVA,IAAQ,QAAgB,QAAQD,EAAMC,CAAG,CAAC,GACvC,GAAGA,CAAG,IAAID,EAAMC,CAAG,CAAC,GAHH,EAIzB,EACA,OAAO,OAAO"}

package/dist/{index.cjs314.js → index.cjs315.js}

@@ -1,2 +1,2 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/Breadcrumb/Breadcrumb.css');const s=require("./index.cjs278.js");;/* empty css              */const c=require("./index.cjs280.js"),m=({label:t,href:r,isClickable:e,asLink:n="a"})=>{const u=n;return s.jsxRuntimeExports.jsx("span",{className:c.clsx("ui-breadcrumb-item",{"active text-slate-20 fw-semibold":e,"text-slate-28":!e}),children:r&&e?s.jsxRuntimeExports.jsx(u,{href:r,children:t}):t})};exports.BreadcrumbItem=m;
-//# sourceMappingURL=index.cjs314.js.map
+//# sourceMappingURL=index.cjs315.js.map

package/dist/{index.cjs314.js.map → index.cjs315.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.cjs314.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <span\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </span>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":"uLAWaA,EAAiB,CAAC,CAC7B,MAAAC,EACA,KAAAC,EACA,YAAAC,EACA,OAAAC,EAAS,GACX,IAA2B,CACzB,MAAMC,EAAgBD,EACtB,OACEE,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,KAAK,qBAAsB,CACpC,mCAAoCJ,EACpC,gBAAiB,CAACA,CAAA,CACnB,EAEA,YAAQA,EACPG,wBAACD,EAAA,CAAc,KAAAH,EAAa,WAAM,EAElCD,CAAA,CAAA,CAIR"}
+{"version":3,"file":"index.cjs315.js","sources":["../src/components/navigations/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import \"./Breadcrumb.scss\";\nimport clsx from \"clsx\";\nimport { ComponentType } from \"react\";\n\nexport type BreadcrumbItemProps = {\n  label: string;\n  href?: string;\n  isClickable?: boolean;\n  asLink?: \"a\" | ComponentType<any>;\n};\n\nexport const BreadcrumbItem = ({\n  label,\n  href,\n  isClickable,\n  asLink = \"a\",\n}: BreadcrumbItemProps) => {\n  const LinkComponent = asLink;\n  return (\n    <span\n      className={clsx(\"ui-breadcrumb-item\", {\n        \"active text-slate-20 fw-semibold\": isClickable,\n        \"text-slate-28\": !isClickable,\n      })}\n    >\n      {href && isClickable ? (\n        <LinkComponent href={href}>{label}</LinkComponent>\n      ) : (\n        label\n      )}\n    </span>\n  );\n};\n"],"names":["BreadcrumbItem","label","href","isClickable","asLink","LinkComponent","jsx","clsx"],"mappings":"uLAWaA,EAAiB,CAAC,CAC7B,MAAAC,EACA,KAAAC,EACA,YAAAC,EACA,OAAAC,EAAS,GACX,IAA2B,CACzB,MAAMC,EAAgBD,EACtB,OACEE,EAAAA,kBAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,KAAK,qBAAsB,CACpC,mCAAoCJ,EACpC,gBAAiB,CAACA,CAAA,CACnB,EAEA,YAAQA,EACPG,wBAACD,EAAA,CAAc,KAAAH,EAAa,WAAM,EAElCD,CAAA,CAAA,CAIR"}

package/dist/index.cjs319.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderDesktop/HeaderDesktop.css');const e=require("./index.cjs278.js"),w=require("./index.cjs104.js"),m=require("./index.cjs161.js"),t=require("./index.cjs280.js"),y=require("./index.cjs290.js"),v=require("./index.cjs36.js"),$=require("./index.cjs91.js");;/* empty css              */const k=require("./index.cjs164.js"),a=require("./index.cjs219.js"),q=({title:o,region:l,asLink:u="a",labels:h,navigatonItems:p,supportLink:n,loginLink:j="/",shortTitle:c,headerTitleClassname:R,children:E,headerLogoUrl2:d,variant:s="default"})=>{const r=u,g=m.LOGOS.nazionale,b=m.LOGOS[l],x=s==="operator"?"text-white":"text-primary",f=s==="operator"?"text-white":"text-blue-30";return e.jsxRuntimeExports.jsxs("div",{className:t.clsx("sticky-header bg-white",s==="operator"&&"ui-header-desktop-operator"),children:[e.jsxRuntimeExports.jsxs(k.HeaderSlim,{pt:"x16",pb:"x16",display:"flex",justifyContent:"space-between",alignItems:"center",containerClassName:t.clsx(s==="operator"?"ui-slim-operator":"bg-slate-20"),children:[e.jsxRuntimeExports.jsxs(r,{href:"/",className:t.clsx("fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",s==="default"?"text-white":"text-slate-20"),children:[d&&e.jsxRuntimeExports.jsx("div",{style:{backgroundImage:`url(${d})`},className:"ui-header-item-image"}),c||o,e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Vai alla homepage"})]}),E]}),e.jsxRuntimeExports.jsxs("header",{className:t.clsx(s==="operator"?"bg-radial":"bg-white"),children:[e.jsxRuntimeExports.jsxs(a.Row,{py:"x20",gap:"x16",alignItems:"center",justifyContent:"space-between",className:"max-h-x116 ui-container",children:[e.jsxRuntimeExports.jsxs(a.Row,{gap:"x16",alignItems:"center",children:[e.jsxRuntimeExports.jsxs(a.Row,{gap:"x16",alignItems:"center",justifyContent:"center",children:[e.jsxRuntimeExports.jsx(g,{height:44,width:27,variant:s}),l!=="nazionale"&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(w.Divider,{bg:"border-divider",direction:"vertical"}),e.jsxRuntimeExports.jsx(b,{width:44,height:44,color:s==="operator"?"lightblue-a03":"white"})]})]}),e.jsxRuntimeExports.jsx("h1",{className:t.clsx(R,"ui-header-title"),children:s==="default"?e.jsxRuntimeExports.jsx(y.Balancer,{children:e.jsxRuntimeExports.jsxs(r,{href:"/",className:"text-decoration-none hover-underline_dark",children:[e.jsxRuntimeExports.jsx("span",{className:"ui-title-line-height",children:o}),e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Vai alla homepage"})]})}):e.jsxRuntimeExports.jsxs(r,{href:"/",className:"text-decoration-none hover-underline_dark",children:[e.jsxRuntimeExports.jsx("span",{className:"ui-title-line-height",children:o}),e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Vai alla homepage"})]})})]}),e.jsxRuntimeExports.jsxs(v.Button,{size:"2",href:j,asLink:"a",className:"login-button",variant:s==="operator"?"secondary":"primary",children:[e.jsxRuntimeExports.jsxs("span",{style:{fontSize:14},children:[" ",h.login," "]}),e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:" Accedi con Cohesion"})]})]}),e.jsxRuntimeExports.jsx("nav",{"aria-label":"Menu di navigazione",className:"shadow-bottom",children:e.jsxRuntimeExports.jsxs($.Container,{containerClass:"ui-container",className:"base-row align-items-center justify-content-between max-h-x52",children:[e.jsxRuntimeExports.jsx(a.Row,{as:"ul",className:"list-style-none",role:"list",children:p.map((i,N)=>e.jsxRuntimeExports.jsx("li",{className:t.clsx("py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",i.active&&"active"),children:e.jsxRuntimeExports.jsxs(r,{href:i.href,className:t.clsx("text-decoration-none fs-custom",i.active?`fw-bold ${x}`:`fw-semibold ${x}`),target:i.isNewTab?"_blank":void 0,rel:i.isNewTab?"noopener noreferrer":void 0,children:[i.label,i.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},N))}),n&&e.jsxRuntimeExports.jsxs(r,{href:n.href,className:t.clsx("text-decoration-none fs-custom py-x12 px-x0",n.active?`fw-bold ${f}`:`fw-semibold ${x}`,"ui-header-desktop-support-link",n.active&&(s==="operator"?"active-operator":"active")),children:[n.label,n.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})]})})]})]})};exports.HeaderDesktop=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderMobile/HeaderMobile.css');const e=require("./index.cjs278.js"),m=require("./index.cjs36.js"),g=require("./index.cjs165.js"),i=require("react"),r=require("./index.cjs280.js"),y=require("./index.cjs446.js"),R=require("./index.cjs91.js");;/* empty css              */const w=require("./index.cjs82.js"),C=require("./index.cjs160.js"),N=require("./index.cjs219.js"),k=require("./index.cjs80.js"),q=({shortTitle:p,menuTitle:h="Menù",region:j,asLink:l="a",navigatonItems:b,labels:c,loginLink:v="/",variant:d="default"})=>{const f=l,[n,u]=i.useState(!1),o="main-navigation",x=i.useRef(null);y.useFocusTrap(x,n);const t=i.useCallback(()=>{u(!n)},[n]);i.useEffect(()=>(n?document.body.classList.add("ui-body-overflow-hidden"):document.body.classList.remove("ui-body-overflow-hidden"),()=>{document.body.classList.remove("ui-body-overflow-hidden")}),[n]),i.useEffect(()=>{const s=a=>{a.key==="Escape"&&n&&t()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[n,t]);const E=()=>{u(!1)};return e.jsxRuntimeExports.jsxs("div",{className:"sticky-header shadow",children:[e.jsxRuntimeExports.jsx(g.HeaderTopBanner,{asLink:l,shortTitle:p,region:j,variant:d}),e.jsxRuntimeExports.jsxs(R.Container,{className:r.clsx(d==="operator"?"bg-radial":"bg-slate-20 ","min-h-x64 base-row align-items-center justify-content-end"),as:"header",py:"x8",children:[e.jsxRuntimeExports.jsxs(N.Row,{gap:"x24",alignItems:"center",justifyContent:"end",children:[e.jsxRuntimeExports.jsxs(m.Button,{size:"3",bg:"white",textColor:"primary",href:v,asLink:"a",className:"ui-login-button-header-mobile",children:[c.login,e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:" Accedi con Cohesion"})]}),e.jsxRuntimeExports.jsx("button",{"aria-expanded":n,"aria-label":"Apri menu di navigazione",onClick:t,className:"ui-mobile-menu-toggle","aria-controls":o,children:e.jsxRuntimeExports.jsx(C.Hamburguer,{width:40,height:40,color:"white"})})]}),e.jsxRuntimeExports.jsxs("nav",{id:o,"aria-label":"Menu di navigazione",className:r.clsx(n?"ui-mobile-nav-panel":"visually-hidden"),ref:x,children:[e.jsxRuntimeExports.jsxs(w.Col,{className:"ui-mobile-nav-header",children:[e.jsxRuntimeExports.jsxs(m.Button,{size:"4",textColor:"primary",bg:"transparent",onClick:t,"aria-label":"Chiudi menu di navigazione","aria-controls":o,children:[c.closeMenu,e.jsxRuntimeExports.jsx(k.Close,{})]}),e.jsxRuntimeExports.jsx("h2",{className:"fs-3 text-slate-20",children:h})]}),e.jsxRuntimeExports.jsx("ul",{className:"list-style-none p-x16",role:"list",children:b.map((s,a)=>e.jsxRuntimeExports.jsx("li",{className:r.clsx("ui-mobile-nav-item",s.active&&"active"),children:e.jsxRuntimeExports.jsxs(f,{href:s.href,className:r.clsx("text-decoration-none text-primary fs-5",s.active?"fw-bold":"fw-normal"),onClick:E,target:s.isNewTab?"_blank":void 0,rel:s.isNewTab?"noopener noreferrer":void 0,children:[s.label,s.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},a))})]})]})]})};exports.HeaderMobile=q;
 //# sourceMappingURL=index.cjs319.js.map

package/dist/index.cjs319.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs319.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"@/components\";\nimport clsx from \"clsx\";\nimport { Balancer } from \"react-wrap-balancer\";\nimport { Button } from \"@/components/ui/Button\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderDesktop.scss\";\nimport { Row } from \"@/components\";\n\nimport { WithVariant } from \"@/types/variant\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderDesktopProps = WithVariant<{\n  title: React.ReactNode | string;\n  region: Region;\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n  labels: NavigationLabels;\n  navigatonItems: NavigationItem[];\n  supportLink?: NavigationItem;\n  loginLink?: string;\n  shortTitle?: React.ReactNode;\n  headerTitleClassname?: string;\n  headerLogoUrl2?: string;\n}>;\n\nexport const HeaderDesktop = ({\n  title,\n  region,\n  asLink = \"a\",\n  labels,\n  navigatonItems,\n  supportLink,\n  loginLink = \"/\",\n  shortTitle,\n  headerTitleClassname,\n  children,\n  headerLogoUrl2,\n  variant = \"default\",\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  const textLinkVariant =\n    variant === \"operator\" ? \"text-white\" : \"text-primary\";\n  const activeLinkVariant =\n    variant === \"operator\" ? \"text-white\" : \"text-blue-30\";\n\n  return (\n    <div\n      className={clsx(\n        \"sticky-header bg-white\",\n        variant === \"operator\" && \"ui-header-desktop-operator\",\n      )}\n    >\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        containerClassName={clsx(\n          variant === \"operator\" ? \"ui-slim-operator\" : \"bg-slate-20\",\n        )}\n      >\n        <LinkComponent\n          href=\"/\"\n          className={clsx(\n            \"fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\",\n            variant === \"default\" ? \"text-white\" : \"text-slate-20\",\n          )}\n        >\n          {headerLogoUrl2 && (\n            <div\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\n              className={\"ui-header-item-image\"}\n            ></div>\n          )}\n\n          {shortTitle ? shortTitle : title}\n          <span className=\"visually-hidden\">Vai alla homepage</span>\n        </LinkComponent>\n\n        {children}\n      </HeaderSlim>\n      <header\n        className={clsx(variant === \"operator\" ? \"bg-radial\" : \"bg-white\")}\n      >\n        <Row\n          py={\"x20\"}\n          gap={\"x16\"}\n          alignItems=\"center\"\n          justifyContent={\"space-between\"}\n          className=\"max-h-x116 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={44} width={27} variant={variant} />\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n                  <RegionIcon\n                    width={44}\n                    height={44}\n                    color={variant === \"operator\" ? \"lightblue-a03\" : \"white\"}\n                  />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname, \"ui-header-title\")}>\n              {variant === \"default\" ? (\n                <Balancer>\n                  <LinkComponent\n                    href=\"/\"\n                    className={\"text-decoration-none hover-underline_dark\"}\n                  >\n                    <span className={\"ui-title-line-height\"}>{title}</span>\n                    <span className=\"visually-hidden\">Vai alla homepage</span>\n                  </LinkComponent>\n                </Balancer>\n              ) : (\n                <LinkComponent\n                  href=\"/\"\n                  className={\"text-decoration-none hover-underline_dark\"}\n                >\n                  <span className={\"ui-title-line-height\"}>{title}</span>\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\n                </LinkComponent>\n              )}\n            </h1>\n          </Row>\n          <Button\n            size=\"2\"\n            href={loginLink}\n            asLink=\"a\"\n            className=\"login-button\"\n            variant={variant === \"operator\" ? \"secondary\" : \"primary\"}\n          >\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n        </Row>\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\n          <Container\n            containerClass=\"ui-container\"\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\n          >\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\n              {navigatonItems.map((item, index) => {\n                return (\n                  <li\n                    key={index}\n                    className={clsx(\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\n                      item.active && \"active\",\n                    )}\n                  >\n                    <LinkComponent\n                      href={item.href}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? `fw-bold ${textLinkVariant}`\n                          : `fw-semibold ${textLinkVariant}`,\n                      )}\n                      target={item.isNewTab ? \"_blank\" : undefined}\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                    >\n                      {item.label}\n                      {item.active && (\n                        <span className=\"visually-hidden\">Attivo</span>\n                      )}\n                    </LinkComponent>\n                  </li>\n                );\n              })}\n            </Row>\n            {supportLink && (\n              <LinkComponent\n                href={supportLink.href}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x0\",\n                  supportLink.active\n                    ? `fw-bold ${activeLinkVariant}`\n                    : `fw-semibold ${textLinkVariant}`,\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active &&\n                    (variant === \"operator\" ? \"active-operator\" : \"active\"),\n                )}\n              >\n                {supportLink.label}\n                {supportLink.active && (\n                  <span className=\"visually-hidden\">Attivo</span>\n                )}\n              </LinkComponent>\n            )}\n          </Container>\n        </nav>\n      </header>\n    </div>\n  );\n};\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","variant","LinkComponent","NationalIcon","LOGOS","RegionIcon","textLinkVariant","activeLinkVariant","jsxs","clsx","HeaderSlim","jsx","Row","Fragment","Divider","Balancer","Button","Container","item","index"],"mappings":"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"}
+{"version":3,"file":"index.cjs319.js","sources":["../src/components/navigations/HeaderMobile/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/Button\";\nimport { Region } from \"../Header\";\nimport { HeaderTopBanner, HeaderTopBannerProps } from \"../HeaderTopBanner\";\nimport { Close, Hamburguer } from \"@/icons\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { useFocusTrap } from \"@/hooks/useFocusTrap\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderMobile.scss\";\nimport { Col } from \"@/components/ui/Col\";\nimport { Row } from \"@/components\";\nimport { WithVariant } from \"@/types/variant\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderMobileProps = HeaderTopBannerProps &\n  WithVariant<{\n    shortTitle: React.ReactNode;\n    menuTitle?: string;\n    region: Region;\n    navigatonItems: NavigationItem[];\n    labels: NavigationLabels;\n    loginLink?: string;\n  }>;\n\nexport const HeaderMobile = ({\n  shortTitle,\n  menuTitle = \"Menù\",\n  region,\n  asLink = \"a\",\n  navigatonItems,\n  labels,\n  loginLink = \"/\",\n  variant = \"default\",\n}: HeaderMobileProps) => {\n  const LinkComponent = asLink;\n  const [isOpen, setIsOpen] = useState(false);\n  const navId = \"main-navigation\";\n  const navRef = useRef<HTMLElement>(null);\n\n  useFocusTrap(navRef, isOpen);\n\n  const toggleMenu = useCallback(() => {\n    setIsOpen(!isOpen);\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isOpen) {\n      document.body.classList.add(\"ui-body-overflow-hidden\");\n    } else {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    }\n\n    return () => {\n      document.body.classList.remove(\"ui-body-overflow-hidden\");\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\" && isOpen) {\n        toggleMenu();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleEscape);\n    return () => document.removeEventListener(\"keydown\", handleEscape);\n  }, [isOpen, toggleMenu]);\n\n  const handleLinkClick = () => {\n    setIsOpen(false);\n  };\n\n  return (\n    <div className=\"sticky-header shadow\">\n      <HeaderTopBanner\n        asLink={asLink}\n        shortTitle={shortTitle}\n        region={region}\n        variant={variant}\n      />\n\n      <Container\n        className={clsx(\n          variant === \"operator\" ? \"bg-radial\" : \"bg-slate-20 \",\n          \"min-h-x64 base-row align-items-center justify-content-end\",\n        )}\n        as=\"header\"\n        py=\"x8\"\n      >\n        <Row gap={\"x24\"} alignItems={\"center\"} justifyContent={\"end\"}>\n          <Button\n            size=\"3\"\n            bg=\"white\"\n            textColor=\"primary\"\n            href={loginLink}\n            asLink=\"a\"\n            className={\"ui-login-button-header-mobile\"}\n          >\n            {labels.login}\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n          <button\n            aria-expanded={isOpen}\n            aria-label=\"Apri menu di navigazione\"\n            onClick={toggleMenu}\n            className=\"ui-mobile-menu-toggle\"\n            aria-controls={navId}\n          >\n            <Hamburguer width={40} height={40} color=\"white\" />\n          </button>\n        </Row>\n\n        <nav\n          id={navId}\n          aria-label=\"Menu di navigazione\"\n          className={clsx(isOpen ? \"ui-mobile-nav-panel\" : \"visually-hidden\")}\n          ref={navRef}\n        >\n          <Col className=\"ui-mobile-nav-header\">\n            <Button\n              size=\"4\"\n              textColor=\"primary\"\n              bg=\"transparent\"\n              onClick={toggleMenu}\n              aria-label=\"Chiudi menu di navigazione\"\n              aria-controls={navId}\n            >\n              {labels.closeMenu}\n              <Close />\n            </Button>\n            <h2 className=\"fs-3 text-slate-20\">{menuTitle}</h2>\n          </Col>\n\n          <ul className=\"list-style-none p-x16\" role=\"list\">\n            {navigatonItems.map((item, index) => {\n              return (\n                <li\n                  key={index}\n                  className={clsx(\n                    \"ui-mobile-nav-item\",\n                    item.active && \"active\",\n                  )}\n                >\n                  <LinkComponent\n                    href={item.href}\n                    className={clsx(\n                      \"text-decoration-none text-primary fs-5\",\n                      item.active ? \"fw-bold\" : \"fw-normal\",\n                    )}\n                    onClick={handleLinkClick}\n                    target={item.isNewTab ? \"_blank\" : undefined}\n                    rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                  >\n                    {item.label}\n                    {item.active && (\n                      <span className=\"visually-hidden\">Attivo</span>\n                    )}\n                  </LinkComponent>\n                </li>\n              );\n            })}\n          </ul>\n        </nav>\n      </Container>\n    </div>\n  );\n};\n"],"names":["HeaderMobile","shortTitle","menuTitle","region","asLink","navigatonItems","labels","loginLink","variant","LinkComponent","isOpen","setIsOpen","useState","navId","navRef","useRef","useFocusTrap","toggleMenu","useCallback","useEffect","handleEscape","e","handleLinkClick","jsxs","jsx","HeaderTopBanner","Container","clsx","Row","Button","Hamburguer","Col","Close","item","index"],"mappings":"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"}

package/dist/index.cjs320.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=s=>{const[r,n]=c.useState(!1);return c.useEffect(()=>{const e=window.matchMedia(s);n(e.matches);const t=a=>{n(a.matches)};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[s]),r},o=(s,r)=>{const[n,e]=c.useState(r);return c.useEffect(()=>{const t=window.matchMedia(s);e(t.matches);const a=i=>{e(i.matches)};return t.addEventListener("change",a),()=>{t.removeEventListener("change",a)}},[s]),n};exports.useMediaQuery=u;exports.useMediaQueryV2=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/navigations/HeaderDesktop/HeaderDesktop.css');const e=require("./index.cjs278.js"),w=require("./index.cjs104.js"),m=require("./index.cjs161.js"),t=require("./index.cjs280.js"),y=require("./index.cjs290.js"),v=require("./index.cjs36.js"),$=require("./index.cjs91.js");;/* empty css              */const k=require("./index.cjs164.js"),a=require("./index.cjs219.js"),q=({title:o,region:l,asLink:u="a",labels:h,navigatonItems:p,supportLink:n,loginLink:j="/",shortTitle:c,headerTitleClassname:R,children:E,headerLogoUrl2:d,variant:s="default"})=>{const r=u,g=m.LOGOS.nazionale,b=m.LOGOS[l],x=s==="operator"?"text-white":"text-primary",f=s==="operator"?"text-white":"text-blue-30";return e.jsxRuntimeExports.jsxs("div",{className:t.clsx("sticky-header bg-white",s==="operator"&&"ui-header-desktop-operator"),children:[e.jsxRuntimeExports.jsxs(k.HeaderSlim,{pt:"x16",pb:"x16",display:"flex",justifyContent:"space-between",alignItems:"center",containerClassName:t.clsx(s==="operator"?"ui-slim-operator":"bg-slate-20"),children:[e.jsxRuntimeExports.jsxs(r,{href:"/",className:t.clsx("fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8",s==="default"?"text-white":"text-slate-20"),children:[d&&e.jsxRuntimeExports.jsx("div",{style:{backgroundImage:`url(${d})`},className:"ui-header-item-image"}),c||o,e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Vai alla homepage"})]}),E]}),e.jsxRuntimeExports.jsxs("header",{className:t.clsx(s==="operator"?"bg-radial":"bg-white"),children:[e.jsxRuntimeExports.jsxs(a.Row,{py:"x20",gap:"x16",alignItems:"center",justifyContent:"space-between",className:"max-h-x116 ui-container",children:[e.jsxRuntimeExports.jsxs(a.Row,{gap:"x16",alignItems:"center",children:[e.jsxRuntimeExports.jsxs(a.Row,{gap:"x16",alignItems:"center",justifyContent:"center",children:[e.jsxRuntimeExports.jsx(g,{height:44,width:27,variant:s}),l!=="nazionale"&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(w.Divider,{bg:"border-divider",direction:"vertical"}),e.jsxRuntimeExports.jsx(b,{width:44,height:44,color:s==="operator"?"lightblue-a03":"white"})]})]}),e.jsxRuntimeExports.jsx("h1",{className:t.clsx(R,"ui-header-title"),children:s==="default"?e.jsxRuntimeExports.jsx(y.Balancer,{children:e.jsxRuntimeExports.jsxs(r,{href:"/",className:"text-decoration-none hover-underline_dark",children:[e.jsxRuntimeExports.jsx("span",{className:"ui-title-line-height",children:o}),e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Vai alla homepage"})]})}):e.jsxRuntimeExports.jsxs(r,{href:"/",className:"text-decoration-none hover-underline_dark",children:[e.jsxRuntimeExports.jsx("span",{className:"ui-title-line-height",children:o}),e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Vai alla homepage"})]})})]}),e.jsxRuntimeExports.jsxs(v.Button,{size:"2",href:j,asLink:"a",className:"login-button",variant:s==="operator"?"secondary":"primary",children:[e.jsxRuntimeExports.jsxs("span",{style:{fontSize:14},children:[" ",h.login," "]}),e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:" Accedi con Cohesion"})]})]}),e.jsxRuntimeExports.jsx("nav",{"aria-label":"Menu di navigazione",className:"shadow-bottom",children:e.jsxRuntimeExports.jsxs($.Container,{containerClass:"ui-container",className:"base-row align-items-center justify-content-between max-h-x52",children:[e.jsxRuntimeExports.jsx(a.Row,{as:"ul",className:"list-style-none",role:"list",children:p.map((i,N)=>e.jsxRuntimeExports.jsx("li",{className:t.clsx("py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",i.active&&"active"),children:e.jsxRuntimeExports.jsxs(r,{href:i.href,className:t.clsx("text-decoration-none fs-custom",i.active?`fw-bold ${x}`:`fw-semibold ${x}`),target:i.isNewTab?"_blank":void 0,rel:i.isNewTab?"noopener noreferrer":void 0,children:[i.label,i.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})},N))}),n&&e.jsxRuntimeExports.jsxs(r,{href:n.href,className:t.clsx("text-decoration-none fs-custom py-x12 px-x0",n.active?`fw-bold ${f}`:`fw-semibold ${x}`,"ui-header-desktop-support-link",n.active&&(s==="operator"?"active-operator":"active")),children:[n.label,n.active&&e.jsxRuntimeExports.jsx("span",{className:"visually-hidden",children:"Attivo"})]})]})})]})]})};exports.HeaderDesktop=q;
 //# sourceMappingURL=index.cjs320.js.map

package/dist/index.cjs320.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs320.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":"yGAEaA,EAAiBC,GAA2B,CACvD,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQ,OAAO,WAAWL,CAAK,EAErCE,EAAWG,EAAM,OAAO,EAExB,MAAMC,EAAYC,GAA+B,CAC/CL,EAAWK,EAAM,OAAO,CAC1B,EAEA,OAAAF,EAAM,iBAAiB,SAAUC,CAAQ,EAElC,IAAM,CACXD,EAAM,oBAAoB,SAAUC,CAAQ,CAC9C,CACF,EAAG,CAACN,CAAK,CAAC,EAEHC,CACT,EAEaO,EAAkB,CAC7BR,EACAS,IACY,CACZ,KAAM,CAACR,EAASC,CAAU,EAAIC,EAAAA,SAASM,CAAY,EAEnDL,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQ,OAAO,WAAWL,CAAK,EAErCE,EAAWG,EAAM,OAAO,EAExB,MAAMC,EAAYC,GAA+B,CAC/CL,EAAWK,EAAM,OAAO,CAC1B,EAEA,OAAAF,EAAM,iBAAiB,SAAUC,CAAQ,EAElC,IAAM,CACXD,EAAM,oBAAoB,SAAUC,CAAQ,CAC9C,CACF,EAAG,CAACN,CAAK,CAAC,EAEHC,CACT"}
+{"version":3,"file":"index.cjs320.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\nimport { LOGOS, Region } from \"../Header\";\nimport { HeaderSlim } from \"@/components\";\nimport clsx from \"clsx\";\nimport { Balancer } from \"react-wrap-balancer\";\nimport { Button } from \"@/components/ui/Button\";\nimport { Container } from \"@/components/ui/Container\";\nimport \"./HeaderDesktop.scss\";\nimport { Row } from \"@/components\";\n\nimport { WithVariant } from \"@/types/variant\";\n\ntype NavigationItem = {\n  label: string;\n  href: string;\n  active?: boolean;\n  isNewTab?: boolean;\n};\n\ntype NavigationLabels = {\n  closeMenu: string;\n  login: string;\n};\n\nexport type HeaderDesktopProps = WithVariant<{\n  title: React.ReactNode | string;\n  region: Region;\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n  labels: NavigationLabels;\n  navigatonItems: NavigationItem[];\n  supportLink?: NavigationItem;\n  loginLink?: string;\n  shortTitle?: React.ReactNode;\n  headerTitleClassname?: string;\n  headerLogoUrl2?: string;\n}>;\n\nexport const HeaderDesktop = ({\n  title,\n  region,\n  asLink = \"a\",\n  labels,\n  navigatonItems,\n  supportLink,\n  loginLink = \"/\",\n  shortTitle,\n  headerTitleClassname,\n  children,\n  headerLogoUrl2,\n  variant = \"default\",\n}: HeaderDesktopProps) => {\n  const LinkComponent = asLink;\n  const NationalIcon = LOGOS[\"nazionale\"];\n  const RegionIcon = LOGOS[region];\n\n  const textLinkVariant =\n    variant === \"operator\" ? \"text-white\" : \"text-primary\";\n  const activeLinkVariant =\n    variant === \"operator\" ? \"text-white\" : \"text-blue-30\";\n\n  return (\n    <div\n      className={clsx(\n        \"sticky-header bg-white\",\n        variant === \"operator\" && \"ui-header-desktop-operator\",\n      )}\n    >\n      <HeaderSlim\n        pt=\"x16\"\n        pb=\"x16\"\n        display=\"flex\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        containerClassName={clsx(\n          variant === \"operator\" ? \"ui-slim-operator\" : \"bg-slate-20\",\n        )}\n      >\n        <LinkComponent\n          href=\"/\"\n          className={clsx(\n            \"fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\",\n            variant === \"default\" ? \"text-white\" : \"text-slate-20\",\n          )}\n        >\n          {headerLogoUrl2 && (\n            <div\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\n              className={\"ui-header-item-image\"}\n            ></div>\n          )}\n\n          {shortTitle ? shortTitle : title}\n          <span className=\"visually-hidden\">Vai alla homepage</span>\n        </LinkComponent>\n\n        {children}\n      </HeaderSlim>\n      <header\n        className={clsx(variant === \"operator\" ? \"bg-radial\" : \"bg-white\")}\n      >\n        <Row\n          py={\"x20\"}\n          gap={\"x16\"}\n          alignItems=\"center\"\n          justifyContent={\"space-between\"}\n          className=\"max-h-x116 ui-container\"\n        >\n          <Row gap={\"x16\"} alignItems=\"center\">\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\n              <NationalIcon height={44} width={27} variant={variant} />\n              {region !== \"nazionale\" && (\n                <>\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\n                  <RegionIcon\n                    width={44}\n                    height={44}\n                    color={variant === \"operator\" ? \"lightblue-a03\" : \"white\"}\n                  />\n                </>\n              )}\n            </Row>\n            <h1 className={clsx(headerTitleClassname, \"ui-header-title\")}>\n              {variant === \"default\" ? (\n                <Balancer>\n                  <LinkComponent\n                    href=\"/\"\n                    className={\"text-decoration-none hover-underline_dark\"}\n                  >\n                    <span className={\"ui-title-line-height\"}>{title}</span>\n                    <span className=\"visually-hidden\">Vai alla homepage</span>\n                  </LinkComponent>\n                </Balancer>\n              ) : (\n                <LinkComponent\n                  href=\"/\"\n                  className={\"text-decoration-none hover-underline_dark\"}\n                >\n                  <span className={\"ui-title-line-height\"}>{title}</span>\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\n                </LinkComponent>\n              )}\n            </h1>\n          </Row>\n          <Button\n            size=\"2\"\n            href={loginLink}\n            asLink=\"a\"\n            className=\"login-button\"\n            variant={variant === \"operator\" ? \"secondary\" : \"primary\"}\n          >\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\n          </Button>\n        </Row>\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\n          <Container\n            containerClass=\"ui-container\"\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\n          >\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\n              {navigatonItems.map((item, index) => {\n                return (\n                  <li\n                    key={index}\n                    className={clsx(\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\n                      item.active && \"active\",\n                    )}\n                  >\n                    <LinkComponent\n                      href={item.href}\n                      className={clsx(\n                        \"text-decoration-none fs-custom\",\n                        item.active\n                          ? `fw-bold ${textLinkVariant}`\n                          : `fw-semibold ${textLinkVariant}`,\n                      )}\n                      target={item.isNewTab ? \"_blank\" : undefined}\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\n                    >\n                      {item.label}\n                      {item.active && (\n                        <span className=\"visually-hidden\">Attivo</span>\n                      )}\n                    </LinkComponent>\n                  </li>\n                );\n              })}\n            </Row>\n            {supportLink && (\n              <LinkComponent\n                href={supportLink.href}\n                className={clsx(\n                  \"text-decoration-none fs-custom py-x12 px-x0\",\n                  supportLink.active\n                    ? `fw-bold ${activeLinkVariant}`\n                    : `fw-semibold ${textLinkVariant}`,\n                  \"ui-header-desktop-support-link\",\n                  supportLink.active &&\n                    (variant === \"operator\" ? \"active-operator\" : \"active\"),\n                )}\n              >\n                {supportLink.label}\n                {supportLink.active && (\n                  <span className=\"visually-hidden\">Attivo</span>\n                )}\n              </LinkComponent>\n            )}\n          </Container>\n        </nav>\n      </header>\n    </div>\n  );\n};\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","variant","LinkComponent","NationalIcon","LOGOS","RegionIcon","textLinkVariant","activeLinkVariant","jsxs","clsx","HeaderSlim","jsx","Row","Fragment","Divider","Balancer","Button","Container","item","index"],"mappings":"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"}

package/dist/index.cjs321.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),u=s=>{const[r,n]=c.useState(!1);return c.useEffect(()=>{const e=window.matchMedia(s);n(e.matches);const t=a=>{n(a.matches)};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[s]),r},o=(s,r)=>{const[n,e]=c.useState(r);return c.useEffect(()=>{const t=window.matchMedia(s);e(t.matches);const a=i=>{e(i.matches)};return t.addEventListener("change",a),()=>{t.removeEventListener("change",a)}},[s]),n};exports.useMediaQuery=u;exports.useMediaQueryV2=o;
+//# sourceMappingURL=index.cjs321.js.map

package/dist/index.cjs321.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs321.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\nexport const useMediaQuery = (query: string): boolean => {\n  const [matches, setMatches] = useState(false);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\nexport const useMediaQueryV2 = (\n  query: string,\n  initialValue: boolean,\n): boolean => {\n  const [matches, setMatches] = useState(initialValue);\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n\n    setMatches(media.matches);\n\n    const listener = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    media.addEventListener(\"change\", listener);\n\n    return () => {\n      media.removeEventListener(\"change\", listener);\n    };\n  }, [query]);\n\n  return matches;\n};\n\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\ntype BreakpointMap = {\n  [key in Breakpoint]: boolean;\n};\n\nconst breakpoints: Record<Breakpoint, number> = {\n  xs: 576,\n  sm: 768,\n  md: 992,\n  lg: 1200,\n  xl: 1400,\n};\n\nexport const useBreakpoint = (): BreakpointMap => {\n  const [current, setCurrent] = useState<BreakpointMap>({\n    xs: false,\n    sm: false,\n    md: false,\n    lg: false,\n    xl: false,\n  });\n\n  const evaluate = () => {\n    const width = window.innerWidth;\n    const result: BreakpointMap = {\n      xs: width < breakpoints.xs,\n      sm: width >= breakpoints.xs && width < breakpoints.md,\n      md: width >= breakpoints.md && width < breakpoints.lg,\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\n      xl: width >= breakpoints.lg,\n    };\n    setCurrent(result);\n  };\n\n  useEffect(() => {\n    evaluate();\n    window.addEventListener(\"resize\", evaluate);\n    return () => window.removeEventListener(\"resize\", evaluate);\n  }, []);\n\n  return current;\n};\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":"yGAEaA,EAAiBC,GAA2B,CACvD,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQ,OAAO,WAAWL,CAAK,EAErCE,EAAWG,EAAM,OAAO,EAExB,MAAMC,EAAYC,GAA+B,CAC/CL,EAAWK,EAAM,OAAO,CAC1B,EAEA,OAAAF,EAAM,iBAAiB,SAAUC,CAAQ,EAElC,IAAM,CACXD,EAAM,oBAAoB,SAAUC,CAAQ,CAC9C,CACF,EAAG,CAACN,CAAK,CAAC,EAEHC,CACT,EAEaO,EAAkB,CAC7BR,EACAS,IACY,CACZ,KAAM,CAACR,EAASC,CAAU,EAAIC,EAAAA,SAASM,CAAY,EAEnDL,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAQ,OAAO,WAAWL,CAAK,EAErCE,EAAWG,EAAM,OAAO,EAExB,MAAMC,EAAYC,GAA+B,CAC/CL,EAAWK,EAAM,OAAO,CAC1B,EAEA,OAAAF,EAAM,iBAAiB,SAAUC,CAAQ,EAElC,IAAM,CACXD,EAAM,oBAAoB,SAAUC,CAAQ,CAC9C,CACF,EAAG,CAACN,CAAK,CAAC,EAEHC,CACT"}

package/dist/{index.cjs326.js → index.cjs327.js}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs278.js"),r=require("./index.cjs280.js"),c=require("./index.cjs328.js"),a=({index:t,title:i,content:x,isOpen:e,detailLabels:n,onToggle:l})=>s.jsxRuntimeExports.jsxs("div",{className:"step-item",children:[s.jsxRuntimeExports.jsxs("div",{className:r.clsx("step-header",e&&"open"),children:[s.jsxRuntimeExports.jsx("div",{className:"step-number",children:t+1}),s.jsxRuntimeExports.jsx("div",{className:"step-title",children:i})]}),s.jsxRuntimeExports.jsxs("div",{className:"step-details",children:[s.jsxRuntimeExports.jsxs("div",{className:"step-details-box",children:[s.jsxRuntimeExports.jsx("div",{className:""}),s.jsxRuntimeExports.jsx("div",{className:"line"})]}),s.jsxRuntimeExports.jsxs("div",{className:"step-details-content",children:[s.jsxRuntimeExports.jsx(c,{className:"toggle-btn",onClick:l,isOpen:e,toggleLabels:n}),e&&s.jsxRuntimeExports.jsx("div",{className:"step-content",children:x})]})]})]});exports.StepItem=a;
-//# sourceMappingURL=index.cjs326.js.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs278.js"),r=require("./index.cjs280.js"),c=require("./index.cjs329.js"),a=({index:t,title:i,content:x,isOpen:e,detailLabels:n,onToggle:l})=>s.jsxRuntimeExports.jsxs("div",{className:"step-item",children:[s.jsxRuntimeExports.jsxs("div",{className:r.clsx("step-header",e&&"open"),children:[s.jsxRuntimeExports.jsx("div",{className:"step-number",children:t+1}),s.jsxRuntimeExports.jsx("div",{className:"step-title",children:i})]}),s.jsxRuntimeExports.jsxs("div",{className:"step-details",children:[s.jsxRuntimeExports.jsxs("div",{className:"step-details-box",children:[s.jsxRuntimeExports.jsx("div",{className:""}),s.jsxRuntimeExports.jsx("div",{className:"line"})]}),s.jsxRuntimeExports.jsxs("div",{className:"step-details-content",children:[s.jsxRuntimeExports.jsx(c,{className:"toggle-btn",onClick:l,isOpen:e,toggleLabels:n}),e&&s.jsxRuntimeExports.jsx("div",{className:"step-content",children:x})]})]})]});exports.StepItem=a;
+//# sourceMappingURL=index.cjs327.js.map

package/dist/{index.cjs326.js.map → index.cjs327.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.cjs326.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../ToggleContent/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":"mLAgBaA,EAAoC,CAAC,CAChD,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,aAAAC,EACA,SAAAC,CACF,IAEIC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,yBAAC,OAAI,UAAWC,EAAAA,KAAK,cAAeJ,GAAU,MAAM,EAClD,SAAA,CAAAK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,cAAe,SAAAR,EAAQ,EAAE,EACxCQ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,aAAc,SAAAP,CAAA,CAAM,CAAA,EACrC,EAEAK,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,eACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,EAAA,CAAG,EAClBA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,MAAA,CAAO,CAAA,EACxB,EACAF,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACC,EAAA,CACC,UAAU,aACV,QAASJ,EACT,OAAAF,EACA,aAAcC,CAAA,CAAA,EAEfD,GAAUK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,eAAgB,SAAAN,CAAA,CAAQ,CAAA,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,EACF"}
+{"version":3,"file":"index.cjs327.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport ToggleContent from \"../ToggleContent/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":"mLAgBaA,EAAoC,CAAC,CAChD,MAAAC,EACA,MAAAC,EACA,QAAAC,EACA,OAAAC,EACA,aAAAC,EACA,SAAAC,CACF,IAEIC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,yBAAC,OAAI,UAAWC,EAAAA,KAAK,cAAeJ,GAAU,MAAM,EAClD,SAAA,CAAAK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,cAAe,SAAAR,EAAQ,EAAE,EACxCQ,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,aAAc,SAAAP,CAAA,CAAM,CAAA,EACrC,EAEAK,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,eACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,mBACb,SAAA,CAAAE,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,EAAA,CAAG,EAClBA,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,MAAA,CAAO,CAAA,EACxB,EACAF,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAE,EAAAA,kBAAAA,IAACC,EAAA,CACC,UAAU,aACV,QAASJ,EACT,OAAAF,EACA,aAAcC,CAAA,CAAA,EAEfD,GAAUK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,eAAgB,SAAAN,CAAA,CAAQ,CAAA,CAAA,CACpD,CAAA,CAAA,CACF,CAAA,EACF"}

package/dist/index.cjs329.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs278.js"),c=require("./index.cjs280.js"),o=require("./index.cjs627.js"),x=({title:t,badge:i,content:r,isOpen:s,onToggle:n})=>e.jsxRuntimeExports.jsxs("div",{className:c.clsx("step-item-generic-accordion",s&&"isOpen"),children:[e.jsxRuntimeExports.jsxs("button",{type:"button",className:"step-header",onClick:n,"aria-expanded":s,children:[e.jsxRuntimeExports.jsx("div",{className:"step-title",title:t,children:t}),i&&e.jsxRuntimeExports.jsx("div",{className:"step-badge",children:i}),e.jsxRuntimeExports.jsx("div",{className:"step-arrow",children:e.jsxRuntimeExports.jsx(o.StepArrow,{width:24,height:25,className:"arrow-icon",decorative:!0})})]}),e.jsxRuntimeExports.jsx("div",{className:"step-details",children:e.jsxRuntimeExports.jsx("div",{className:"step-details-content",children:s&&e.jsxRuntimeExports.jsx("div",{className:"step-content",children:r})})})]});exports.StepItemGenericAccordion=x;
+"use strict";const s=require("./index.cjs278.js"),o=require("./index.cjs280.js"),x=require("./index.cjs23.js"),c=require("./index.cjs19.js"),i=({isOpen:e,onClick:t,className:n,toggleLabels:r})=>s.jsxRuntimeExports.jsxs("button",{className:o.clsx("",n),onClick:t,children:[e?r.closeLabel:r.activeLabel,s.jsxRuntimeExports.jsx("span",{className:"arrow",children:e?s.jsxRuntimeExports.jsx(x.ArrowTop,{}):s.jsxRuntimeExports.jsx(c.ArrowDown,{})})]});module.exports=i;
 //# sourceMappingURL=index.cjs329.js.map

package/dist/index.cjs329.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs329.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\n\nexport interface StepDataGenericAccordion {\n  title: string;\n  badge?: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\nexport const StepItemGenericAccordion: React.FC<\n  StepItemPropsGenericAccordion\n> = ({ title, badge, content, isOpen, onToggle }) => {\n  return (\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\n      <button\n        type=\"button\"\n        className=\"step-header\"\n        onClick={onToggle}\n        aria-expanded={isOpen}\n      >\n        <div className=\"step-title\" title={title}>{title}</div>\n        {badge && <div className=\"step-badge\">{badge}</div>}\n        <div className=\"step-arrow\">\n          <StepArrow\n            width={24}\n            height={25}\n            className=\"arrow-icon\"\n            decorative={true}\n          />\n        </div>\n      </button>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-content\">\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx","StepArrow"],"mappings":"mLAcaA,EAET,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,8BAEjC,MAAA,CAAI,UAAWC,EAAAA,KAAK,8BAA+BF,GAAU,QAAQ,EACpE,SAAA,CAAAG,EAAAA,kBAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAU,cACV,QAASF,EACT,gBAAeD,EAEf,SAAA,CAAAI,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,aAAa,MAAAP,EAAe,SAAAA,EAAM,EAChDC,GAASM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,aAAc,SAAAN,EAAM,EAC7CM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,aACb,SAAAA,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CACC,MAAO,GACP,OAAQ,GACR,UAAU,aACV,WAAY,EAAA,CAAA,CACd,CACF,CAAA,CAAA,CAAA,EAGFD,wBAAC,MAAA,CAAI,UAAU,eACb,iCAAC,MAAA,CAAI,UAAU,uBACZ,SAAAJ,2BAAW,MAAA,CAAI,UAAU,eAAgB,SAAAD,EAAQ,EACpD,CAAA,CACF,CAAA,EACF"}
+{"version":3,"file":"index.cjs329.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/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":"6IAWMA,EAAgB,CAAC,CAAE,OAAAC,EAAQ,QAAAC,EAAS,UAAAC,EAAW,aAAAC,8BAEhD,SAAA,CAAO,UAAWC,EAAAA,KAAK,GAAIF,CAAS,EAAG,QAAAD,EACrC,SAAA,CAAAD,EAASG,EAAa,WAAaA,EAAa,YACjDE,EAAAA,kBAAAA,IAAC,OAAA,CAAK,UAAU,QAAS,SAAAL,0BAAUM,EAAAA,SAAA,CAAA,CAAS,EAAKD,EAAAA,kBAAAA,IAACE,EAAAA,UAAA,CAAA,CAAU,CAAA,CAAG,CAAA,EACjE"}

package/dist/index.cjs330.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs278.js"),c=require("./index.cjs280.js"),o=require("./index.cjs664.js"),x=({title:t,badge:i,content:r,isOpen:s,onToggle:n})=>e.jsxRuntimeExports.jsxs("div",{className:c.clsx("step-item-generic-accordion",s&&"isOpen"),children:[e.jsxRuntimeExports.jsxs("button",{type:"button",className:"step-header",onClick:n,"aria-expanded":s,children:[e.jsxRuntimeExports.jsx("div",{className:"step-title",title:t,children:t}),i&&e.jsxRuntimeExports.jsx("div",{className:"step-badge",children:i}),e.jsxRuntimeExports.jsx("div",{className:"step-arrow",children:e.jsxRuntimeExports.jsx(o.StepArrow,{width:24,height:25,className:"arrow-icon",decorative:!0})})]}),e.jsxRuntimeExports.jsx("div",{className:"step-details",children:e.jsxRuntimeExports.jsx("div",{className:"step-details-content",children:s&&e.jsxRuntimeExports.jsx("div",{className:"step-content",children:r})})})]});exports.StepItemGenericAccordion=x;
+//# sourceMappingURL=index.cjs330.js.map

package/dist/index.cjs330.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs330.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\n\nexport interface StepDataGenericAccordion {\n  title: string;\n  badge?: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\nexport const StepItemGenericAccordion: React.FC<\n  StepItemPropsGenericAccordion\n> = ({ title, badge, content, isOpen, onToggle }) => {\n  return (\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\n      <button\n        type=\"button\"\n        className=\"step-header\"\n        onClick={onToggle}\n        aria-expanded={isOpen}\n      >\n        <div className=\"step-title\" title={title}>{title}</div>\n        {badge && <div className=\"step-badge\">{badge}</div>}\n        <div className=\"step-arrow\">\n          <StepArrow\n            width={24}\n            height={25}\n            className=\"arrow-icon\"\n            decorative={true}\n          />\n        </div>\n      </button>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-content\">\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx","StepArrow"],"mappings":"mLAcaA,EAET,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,QAAAC,EAAS,OAAAC,EAAQ,SAAAC,8BAEjC,MAAA,CAAI,UAAWC,EAAAA,KAAK,8BAA+BF,GAAU,QAAQ,EACpE,SAAA,CAAAG,EAAAA,kBAAAA,KAAC,SAAA,CACC,KAAK,SACL,UAAU,cACV,QAASF,EACT,gBAAeD,EAEf,SAAA,CAAAI,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,aAAa,MAAAP,EAAe,SAAAA,EAAM,EAChDC,GAASM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,aAAc,SAAAN,EAAM,EAC7CM,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,aACb,SAAAA,EAAAA,kBAAAA,IAACC,EAAAA,UAAA,CACC,MAAO,GACP,OAAQ,GACR,UAAU,aACV,WAAY,EAAA,CAAA,CACd,CACF,CAAA,CAAA,CAAA,EAGFD,wBAAC,MAAA,CAAI,UAAU,eACb,iCAAC,MAAA,CAAI,UAAU,uBACZ,SAAAJ,2BAAW,MAAA,CAAI,UAAU,eAAgB,SAAAD,EAAQ,EACpD,CAAA,CACF,CAAA,EACF"}

package/dist/index.cjs332.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs538.js");var r=e.__require();exports.distExports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");require("./index.cjs550.js");function n(){const[a,e]=r.useState(null),o=r.useCallback(async t=>{if(!(navigator!=null&&navigator.clipboard))return console.warn("Clipboard not supported"),!1;try{return await navigator.clipboard.writeText(t),e(t),!0}catch(l){return console.warn("Copy failed",l),e(null),!1}},[]);return[a,o]}function u(a){const[e,o]=r.useState(!!a),t=r.useCallback(()=>{o(l=>!l)},[]);return[e,t,o]}exports.useCopyToClipboard=n;exports.useToggle=u;
 //# sourceMappingURL=index.cjs332.js.map

package/dist/index.cjs332.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs332.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.cjs332.js","sources":["../node_modules/usehooks-ts/dist/index.js"],"sourcesContent":["import { useState, useCallback, useLayoutEffect, useEffect, useRef, useMemo } from 'react';\nimport debounce from 'lodash.debounce';\n\n// src/useBoolean/useBoolean.ts\nfunction useBoolean(defaultValue = false) {\n  if (typeof defaultValue !== \"boolean\") {\n    throw new Error(\"defaultValue must be `true` or `false`\");\n  }\n  const [value, setValue] = useState(defaultValue);\n  const setTrue = useCallback(() => {\n    setValue(true);\n  }, []);\n  const setFalse = useCallback(() => {\n    setValue(false);\n  }, []);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return { value, setValue, setTrue, setFalse, toggle };\n}\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/useEventListener/useEventListener.ts\nfunction useEventListener(eventName, handler, element, options) {\n  const savedHandler = useRef(handler);\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n  useEffect(() => {\n    const targetElement = (element == null ? void 0 : element.current) ?? window;\n    if (!(targetElement && targetElement.addEventListener))\n      return;\n    const listener = (event) => {\n      savedHandler.current(event);\n    };\n    targetElement.addEventListener(eventName, listener, options);\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\n// src/useClickAnyWhere/useClickAnyWhere.ts\nfunction useClickAnyWhere(handler) {\n  useEventListener(\"click\", (event) => {\n    handler(event);\n  });\n}\nfunction useCopyToClipboard() {\n  const [copiedText, setCopiedText] = useState(null);\n  const copy = useCallback(async (text) => {\n    if (!(navigator == null ? void 0 : navigator.clipboard)) {\n      console.warn(\"Clipboard not supported\");\n      return false;\n    }\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopiedText(text);\n      return true;\n    } catch (error) {\n      console.warn(\"Copy failed\", error);\n      setCopiedText(null);\n      return false;\n    }\n  }, []);\n  return [copiedText, copy];\n}\nfunction useCounter(initialValue) {\n  const [count, setCount] = useState(initialValue ?? 0);\n  const increment = useCallback(() => {\n    setCount((x) => x + 1);\n  }, []);\n  const decrement = useCallback(() => {\n    setCount((x) => x - 1);\n  }, []);\n  const reset = useCallback(() => {\n    setCount(initialValue ?? 0);\n  }, [initialValue]);\n  return {\n    count,\n    increment,\n    decrement,\n    reset,\n    setCount\n  };\n}\nfunction useInterval(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (delay === null) {\n      return;\n    }\n    const id = setInterval(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearInterval(id);\n    };\n  }, [delay]);\n}\n\n// src/useCountdown/useCountdown.ts\nfunction useCountdown({\n  countStart,\n  countStop = 0,\n  intervalMs = 1e3,\n  isIncrement = false\n}) {\n  const {\n    count,\n    increment,\n    decrement,\n    reset: resetCounter\n  } = useCounter(countStart);\n  const {\n    value: isCountdownRunning,\n    setTrue: startCountdown,\n    setFalse: stopCountdown\n  } = useBoolean(false);\n  const resetCountdown = useCallback(() => {\n    stopCountdown();\n    resetCounter();\n  }, [stopCountdown, resetCounter]);\n  const countdownCallback = useCallback(() => {\n    if (count === countStop) {\n      stopCountdown();\n      return;\n    }\n    if (isIncrement) {\n      increment();\n    } else {\n      decrement();\n    }\n  }, [count, countStop, decrement, increment, isIncrement, stopCountdown]);\n  useInterval(countdownCallback, isCountdownRunning ? intervalMs : null);\n  return [count, { startCountdown, stopCountdown, resetCountdown }];\n}\nfunction useEventCallback(fn) {\n  const ref = useRef(() => {\n    throw new Error(\"Cannot call an event handler while rendering.\");\n  });\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n  return useCallback((...args) => {\n    var _a;\n    return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);\n  }, [ref]);\n}\n\n// src/useLocalStorage/useLocalStorage.ts\nvar IS_SERVER = typeof window === \"undefined\";\nfunction useLocalStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried setting localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.localStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting localStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  const removeValue = useEventCallback(() => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried removing localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n    window.localStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return [storedValue, setValue, removeValue];\n}\nvar IS_SERVER2 = typeof window === \"undefined\";\nfunction useMediaQuery(query, {\n  defaultValue = false,\n  initializeWithValue = true\n} = {}) {\n  const getMatches = (query2) => {\n    if (IS_SERVER2) {\n      return defaultValue;\n    }\n    return window.matchMedia(query2).matches;\n  };\n  const [matches, setMatches] = useState(() => {\n    if (initializeWithValue) {\n      return getMatches(query);\n    }\n    return defaultValue;\n  });\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n  useIsomorphicLayoutEffect(() => {\n    const matchMedia = window.matchMedia(query);\n    handleChange();\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener(\"change\", handleChange);\n    }\n    return () => {\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener(\"change\", handleChange);\n      }\n    };\n  }, [query]);\n  return matches;\n}\n\n// src/useDarkMode/useDarkMode.ts\nvar COLOR_SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY = \"usehooks-ts-dark-mode\";\nfunction useDarkMode(options = {}) {\n  const {\n    defaultValue,\n    localStorageKey = LOCAL_STORAGE_KEY,\n    initializeWithValue = true\n  } = options;\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {\n    initializeWithValue,\n    defaultValue\n  });\n  const [isDarkMode, setDarkMode] = useLocalStorage(\n    localStorageKey,\n    defaultValue ?? isDarkOS ?? false,\n    { initializeWithValue }\n  );\n  useIsomorphicLayoutEffect(() => {\n    if (isDarkOS !== isDarkMode) {\n      setDarkMode(isDarkOS);\n    }\n  }, [isDarkOS]);\n  return {\n    isDarkMode,\n    toggle: () => {\n      setDarkMode((prev) => !prev);\n    },\n    enable: () => {\n      setDarkMode(true);\n    },\n    disable: () => {\n      setDarkMode(false);\n    },\n    set: (value) => {\n      setDarkMode(value);\n    }\n  };\n}\nfunction useUnmount(func) {\n  const funcRef = useRef(func);\n  funcRef.current = func;\n  useEffect(\n    () => () => {\n      funcRef.current();\n    },\n    []\n  );\n}\n\n// src/useDebounceCallback/useDebounceCallback.ts\nfunction useDebounceCallback(func, delay = 500, options) {\n  const debouncedFunc = useRef();\n  useUnmount(() => {\n    if (debouncedFunc.current) {\n      debouncedFunc.current.cancel();\n    }\n  });\n  const debounced = useMemo(() => {\n    const debouncedFuncInstance = debounce(func, delay, options);\n    const wrappedFunc = (...args) => {\n      return debouncedFuncInstance(...args);\n    };\n    wrappedFunc.cancel = () => {\n      debouncedFuncInstance.cancel();\n    };\n    wrappedFunc.isPending = () => {\n      return !!debouncedFunc.current;\n    };\n    wrappedFunc.flush = () => {\n      return debouncedFuncInstance.flush();\n    };\n    return wrappedFunc;\n  }, [func, delay, options]);\n  useEffect(() => {\n    debouncedFunc.current = debounce(func, delay, options);\n  }, [func, delay, options]);\n  return debounced;\n}\nfunction useDebounceValue(initialValue, delay, options) {\n  const eq = (options == null ? void 0 : options.equalityFn) ?? ((left, right) => left === right);\n  const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;\n  const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);\n  const previousValueRef = useRef(unwrappedInitialValue);\n  const updateDebouncedValue = useDebounceCallback(\n    setDebouncedValue,\n    delay,\n    options\n  );\n  if (!eq(previousValueRef.current, unwrappedInitialValue)) {\n    updateDebouncedValue(unwrappedInitialValue);\n    previousValueRef.current = unwrappedInitialValue;\n  }\n  return [debouncedValue, updateDebouncedValue];\n}\nfunction useDocumentTitle(title, options = {}) {\n  const { preserveTitleOnUnmount = true } = options;\n  const defaultTitle = useRef(null);\n  useIsomorphicLayoutEffect(() => {\n    defaultTitle.current = window.document.title;\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    window.document.title = title;\n  }, [title]);\n  useUnmount(() => {\n    if (!preserveTitleOnUnmount && defaultTitle.current) {\n      window.document.title = defaultTitle.current;\n    }\n  });\n}\nfunction useHover(elementRef) {\n  const [value, setValue] = useState(false);\n  const handleMouseEnter = () => {\n    setValue(true);\n  };\n  const handleMouseLeave = () => {\n    setValue(false);\n  };\n  useEventListener(\"mouseenter\", handleMouseEnter, elementRef);\n  useEventListener(\"mouseleave\", handleMouseLeave, elementRef);\n  return value;\n}\nfunction useIntersectionObserver({\n  threshold = 0,\n  root = null,\n  rootMargin = \"0%\",\n  freezeOnceVisible = false,\n  initialIsIntersecting = false,\n  onChange\n} = {}) {\n  var _a;\n  const [ref, setRef] = useState(null);\n  const [state, setState] = useState(() => ({\n    isIntersecting: initialIsIntersecting,\n    entry: void 0\n  }));\n  const callbackRef = useRef();\n  callbackRef.current = onChange;\n  const frozen = ((_a = state.entry) == null ? void 0 : _a.isIntersecting) && freezeOnceVisible;\n  useEffect(() => {\n    if (!ref)\n      return;\n    if (!(\"IntersectionObserver\" in window))\n      return;\n    if (frozen)\n      return;\n    let unobserve;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds];\n        entries.forEach((entry) => {\n          const isIntersecting = entry.isIntersecting && thresholds.some((threshold2) => entry.intersectionRatio >= threshold2);\n          setState({ isIntersecting, entry });\n          if (callbackRef.current) {\n            callbackRef.current(isIntersecting, entry);\n          }\n          if (isIntersecting && freezeOnceVisible && unobserve) {\n            unobserve();\n            unobserve = void 0;\n          }\n        });\n      },\n      { threshold, root, rootMargin }\n    );\n    observer.observe(ref);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    ref,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    JSON.stringify(threshold),\n    root,\n    rootMargin,\n    frozen,\n    freezeOnceVisible\n  ]);\n  const prevRef = useRef(null);\n  useEffect(() => {\n    var _a2;\n    if (!ref && ((_a2 = state.entry) == null ? void 0 : _a2.target) && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {\n      prevRef.current = state.entry.target;\n      setState({ isIntersecting: initialIsIntersecting, entry: void 0 });\n    }\n  }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n  const result = [\n    setRef,\n    !!state.isIntersecting,\n    state.entry\n  ];\n  result.ref = result[0];\n  result.isIntersecting = result[1];\n  result.entry = result[2];\n  return result;\n}\nfunction useIsClient() {\n  const [isClient, setClient] = useState(false);\n  useEffect(() => {\n    setClient(true);\n  }, []);\n  return isClient;\n}\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n  useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n  return useCallback(() => isMounted.current, []);\n}\nfunction useMap(initialState = /* @__PURE__ */ new Map()) {\n  const [map, setMap] = useState(new Map(initialState));\n  const actions = {\n    set: useCallback((key, value) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.set(key, value);\n        return copy;\n      });\n    }, []),\n    setAll: useCallback((entries) => {\n      setMap(() => new Map(entries));\n    }, []),\n    remove: useCallback((key) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.delete(key);\n        return copy;\n      });\n    }, []),\n    reset: useCallback(() => {\n      setMap(() => /* @__PURE__ */ new Map());\n    }, [])\n  };\n  return [map, actions];\n}\n\n// src/useOnClickOutside/useOnClickOutside.ts\nfunction useOnClickOutside(ref, handler, eventType = \"mousedown\", eventListenerOptions = {}) {\n  useEventListener(\n    eventType,\n    (event) => {\n      const target = event.target;\n      if (!target || !target.isConnected) {\n        return;\n      }\n      const isOutside = Array.isArray(ref) ? ref.filter((r) => Boolean(r.current)).every((r) => r.current && !r.current.contains(target)) : ref.current && !ref.current.contains(target);\n      if (isOutside) {\n        handler(event);\n      }\n    },\n    void 0,\n    eventListenerOptions\n  );\n}\nvar IS_SERVER3 = typeof window === \"undefined\";\nfunction useReadLocalStorage(key, options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER3) {\n    initializeWithValue = false;\n  }\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return null;\n      }\n      return parsed;\n    },\n    [options]\n  );\n  const readValue = useCallback(() => {\n    if (IS_SERVER3) {\n      return null;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : null;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return null;\n    }\n  }, [key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return void 0;\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return storedValue;\n}\nvar initialSize = {\n  width: void 0,\n  height: void 0\n};\nfunction useResizeObserver(options) {\n  const { ref, box = \"content-box\" } = options;\n  const [{ width, height }, setSize] = useState(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef({ ...initialSize });\n  const onResize = useRef(void 0);\n  onResize.current = options.onResize;\n  useEffect(() => {\n    if (!ref.current)\n      return;\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window))\n      return;\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp = box === \"border-box\" ? \"borderBoxSize\" : box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n      const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n      if (hasChanged) {\n        const newSize = { width: newWidth, height: newHeight };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n    observer.observe(ref.current, { box });\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted]);\n  return { width, height };\n}\nfunction extractSize(entry, box, sizeType) {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return void 0;\n  }\n  return Array.isArray(entry[box]) ? entry[box][0][sizeType] : (\n    // @ts-ignore Support Firefox's non-standard behavior\n    entry[box][sizeType]\n  );\n}\nvar IS_SERVER4 = typeof window === \"undefined\";\nfunction useScreen(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER4) {\n    initializeWithValue = false;\n  }\n  const readScreen = () => {\n    if (IS_SERVER4) {\n      return void 0;\n    }\n    return window.screen;\n  };\n  const [screen, setScreen] = useState(() => {\n    if (initializeWithValue) {\n      return readScreen();\n    }\n    return void 0;\n  });\n  const debouncedSetScreen = useDebounceCallback(\n    setScreen,\n    options.debounceDelay\n  );\n  function handleSize() {\n    const newScreen = readScreen();\n    const setSize = options.debounceDelay ? debouncedSetScreen : setScreen;\n    if (newScreen) {\n      const {\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      } = newScreen;\n      setSize({\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      });\n    }\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return screen;\n}\nvar cachedScriptStatuses = /* @__PURE__ */ new Map();\nfunction getScriptNode(src) {\n  const node = document.querySelector(\n    `script[src=\"${src}\"]`\n  );\n  const status = node == null ? void 0 : node.getAttribute(\"data-status\");\n  return {\n    node,\n    status\n  };\n}\nfunction useScript(src, options) {\n  const [status, setStatus] = useState(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return \"idle\";\n    }\n    if (typeof window === \"undefined\") {\n      return \"loading\";\n    }\n    return cachedScriptStatuses.get(src) ?? \"loading\";\n  });\n  useEffect(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return;\n    }\n    const cachedScriptStatus = cachedScriptStatuses.get(src);\n    if (cachedScriptStatus === \"ready\" || cachedScriptStatus === \"error\") {\n      setStatus(cachedScriptStatus);\n      return;\n    }\n    const script = getScriptNode(src);\n    let scriptNode = script.node;\n    if (!scriptNode) {\n      scriptNode = document.createElement(\"script\");\n      scriptNode.src = src;\n      scriptNode.async = true;\n      if (options == null ? void 0 : options.id) {\n        scriptNode.id = options.id;\n      }\n      scriptNode.setAttribute(\"data-status\", \"loading\");\n      document.body.appendChild(scriptNode);\n      const setAttributeFromEvent = (event) => {\n        const scriptStatus = event.type === \"load\" ? \"ready\" : \"error\";\n        scriptNode == null ? void 0 : scriptNode.setAttribute(\"data-status\", scriptStatus);\n      };\n      scriptNode.addEventListener(\"load\", setAttributeFromEvent);\n      scriptNode.addEventListener(\"error\", setAttributeFromEvent);\n    } else {\n      setStatus(script.status ?? cachedScriptStatus ?? \"loading\");\n    }\n    const setStateFromEvent = (event) => {\n      const newStatus = event.type === \"load\" ? \"ready\" : \"error\";\n      setStatus(newStatus);\n      cachedScriptStatuses.set(src, newStatus);\n    };\n    scriptNode.addEventListener(\"load\", setStateFromEvent);\n    scriptNode.addEventListener(\"error\", setStateFromEvent);\n    return () => {\n      if (scriptNode) {\n        scriptNode.removeEventListener(\"load\", setStateFromEvent);\n        scriptNode.removeEventListener(\"error\", setStateFromEvent);\n      }\n      if (scriptNode && (options == null ? void 0 : options.removeOnUnmount)) {\n        scriptNode.remove();\n        cachedScriptStatuses.delete(src);\n      }\n    };\n  }, [src, options == null ? void 0 : options.shouldPreventLoad, options == null ? void 0 : options.removeOnUnmount, options == null ? void 0 : options.id]);\n  return status;\n}\nvar IS_SERVER5 = typeof window === \"undefined\";\nfunction useScrollLock(options = {}) {\n  const { autoLock = true, lockTarget, widthReflow = true } = options;\n  const [isLocked, setIsLocked] = useState(false);\n  const target = useRef(null);\n  const originalStyle = useRef(null);\n  const lock = () => {\n    if (target.current) {\n      const { overflow, paddingRight } = target.current.style;\n      originalStyle.current = { overflow, paddingRight };\n      if (widthReflow) {\n        const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n        const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n        const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n      }\n      target.current.style.overflow = \"hidden\";\n      setIsLocked(true);\n    }\n  };\n  const unlock = () => {\n    if (target.current && originalStyle.current) {\n      target.current.style.overflow = originalStyle.current.overflow;\n      if (widthReflow) {\n        target.current.style.paddingRight = originalStyle.current.paddingRight;\n      }\n    }\n    setIsLocked(false);\n  };\n  useIsomorphicLayoutEffect(() => {\n    if (IS_SERVER5)\n      return;\n    if (lockTarget) {\n      target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n    }\n    if (!target.current) {\n      target.current = document.body;\n    }\n    if (autoLock) {\n      lock();\n    }\n    return () => {\n      unlock();\n    };\n  }, [autoLock, lockTarget, widthReflow]);\n  return { isLocked, lock, unlock };\n}\nvar IS_SERVER6 = typeof window === \"undefined\";\nfunction useSessionStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER6) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.sessionStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading sessionStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried setting sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.sessionStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  const removeValue = useEventCallback(() => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried removing sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n    window.sessionStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"session-storage\", handleStorageChange);\n  return [storedValue, setValue, removeValue];\n}\nfunction useStep(maxStep) {\n  const [currentStep, setCurrentStep] = useState(1);\n  const canGoToNextStep = currentStep + 1 <= maxStep;\n  const canGoToPrevStep = currentStep - 1 > 0;\n  const setStep = useCallback(\n    (step) => {\n      const newStep = step instanceof Function ? step(currentStep) : step;\n      if (newStep >= 1 && newStep <= maxStep) {\n        setCurrentStep(newStep);\n        return;\n      }\n      throw new Error(\"Step not valid\");\n    },\n    [maxStep, currentStep]\n  );\n  const goToNextStep = useCallback(() => {\n    if (canGoToNextStep) {\n      setCurrentStep((step) => step + 1);\n    }\n  }, [canGoToNextStep]);\n  const goToPrevStep = useCallback(() => {\n    if (canGoToPrevStep) {\n      setCurrentStep((step) => step - 1);\n    }\n  }, [canGoToPrevStep]);\n  const reset = useCallback(() => {\n    setCurrentStep(1);\n  }, []);\n  return [\n    currentStep,\n    {\n      goToNextStep,\n      goToPrevStep,\n      canGoToNextStep,\n      canGoToPrevStep,\n      setStep,\n      reset\n    }\n  ];\n}\n\n// src/useTernaryDarkMode/useTernaryDarkMode.ts\nvar COLOR_SCHEME_QUERY2 = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY2 = \"usehooks-ts-ternary-dark-mode\";\nfunction useTernaryDarkMode({\n  defaultValue = \"system\",\n  localStorageKey = LOCAL_STORAGE_KEY2,\n  initializeWithValue = true\n} = {}) {\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY2, { initializeWithValue });\n  const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {\n    initializeWithValue\n  });\n  const isDarkMode = mode === \"dark\" || mode === \"system\" && isDarkOS;\n  const toggleTernaryDarkMode = () => {\n    const modes = [\"light\", \"system\", \"dark\"];\n    setMode((prevMode) => {\n      const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length;\n      return modes[nextIndex];\n    });\n  };\n  return {\n    isDarkMode,\n    ternaryDarkMode: mode,\n    setTernaryDarkMode: setMode,\n    toggleTernaryDarkMode\n  };\n}\nfunction useTimeout(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (!delay && delay !== 0) {\n      return;\n    }\n    const id = setTimeout(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearTimeout(id);\n    };\n  }, [delay]);\n}\nfunction useToggle(defaultValue) {\n  const [value, setValue] = useState(!!defaultValue);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return [value, toggle, setValue];\n}\nvar IS_SERVER7 = typeof window === \"undefined\";\nfunction useWindowSize(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER7) {\n    initializeWithValue = false;\n  }\n  const [windowSize, setWindowSize] = useState(() => {\n    if (initializeWithValue) {\n      return {\n        width: window.innerWidth,\n        height: window.innerHeight\n      };\n    }\n    return {\n      width: void 0,\n      height: void 0\n    };\n  });\n  const debouncedSetWindowSize = useDebounceCallback(\n    setWindowSize,\n    options.debounceDelay\n  );\n  function handleSize() {\n    const setSize = options.debounceDelay ? debouncedSetWindowSize : setWindowSize;\n    setSize({\n      width: window.innerWidth,\n      height: window.innerHeight\n    });\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return windowSize;\n}\n\nexport { useBoolean, useClickAnyWhere, useCopyToClipboard, useCountdown, useCounter, useDarkMode, useDebounceCallback, useDebounceValue, useDocumentTitle, useEventCallback, useEventListener, useHover, useIntersectionObserver, useInterval, useIsClient, useIsMounted, useIsomorphicLayoutEffect, useLocalStorage, useMap, useMediaQuery, useOnClickOutside, useReadLocalStorage, useResizeObserver, useScreen, useScript, useScrollLock, useSessionStorage, useStep, useTernaryDarkMode, useTimeout, useToggle, useUnmount, useWindowSize };\n"],"names":["useCopyToClipboard","copiedText","setCopiedText","useState","copy","useCallback","text","error","useToggle","defaultValue","value","setValue","toggle","x"],"mappings":"sIAgDA,SAASA,GAAqB,CAC5B,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,IAAI,EAC3CC,EAAOC,cAAY,MAAOC,GAAS,CACvC,GAAI,EAAE,WAAa,MAAgB,UAAU,WAC3C,eAAQ,KAAK,yBAAyB,EAC/B,GAET,GAAI,CACF,aAAM,UAAU,UAAU,UAAUA,CAAI,EACxCJ,EAAcI,CAAI,EACX,EACT,OAASC,EAAO,CACd,eAAQ,KAAK,cAAeA,CAAK,EACjCL,EAAc,IAAI,EACX,EACT,CACF,EAAG,CAAA,CAAE,EACL,MAAO,CAACD,EAAYG,CAAI,CAC1B,CAw6BA,SAASI,EAAUC,EAAc,CAC/B,KAAM,CAACC,EAAOC,CAAQ,EAAIR,EAAAA,SAAS,CAAC,CAACM,CAAY,EAC3CG,EAASP,EAAAA,YAAY,IAAM,CAC/BM,EAAUE,GAAM,CAACA,CAAC,CACpB,EAAG,CAAA,CAAE,EACL,MAAO,CAACH,EAAOE,EAAQD,CAAQ,CACjC","x_google_ignoreList":[0]}

package/dist/index.cjs333.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs542.js");var r=e.__require();exports.FileSaver_minExports=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs551.js");var r=e.__require();exports.distExports=r;
 //# sourceMappingURL=index.cjs333.js.map

package/dist/index.cjs334.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs555.js");var r=e.__require();exports.FileSaver_minExports=r;
+//# sourceMappingURL=index.cjs334.js.map

package/dist/index.cjs334.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs334.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.cjs336.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.cjs336.js.map

package/dist/index.cjs336.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs336.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/index.cjs340.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AddNewModal/AddNewModalContent/AddNewModalContent.css');const o=require("./index.cjs278.js"),n=require("./index.cjs280.js");;/* empty css              */const d=({overrideClassNames:e,children:t})=>o.jsxRuntimeExports.jsx("div",{className:n.clsx("ui-add-new-modal-body ui-modal-content-scrollable",e),children:t});exports.AddNewModalContent=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AddNewModal/AddNewModalHeader/AddNewModalHeader.css');const e=require("./index.cjs278.js"),s=require("./index.cjs355.js"),a=require("./index.cjs36.js");;/* empty css              */const d=require("./index.cjs80.js"),r=({closeButton:i="Annulla",onCloseClick:t,children:l})=>e.jsxRuntimeExports.jsxs("header",{className:"ui-add-new-modal-header bg-white",children:[e.jsxRuntimeExports.jsx(s.Title,{className:"fs-7 md-fs-custom text-slate-20 fw-bold",children:l}),e.jsxRuntimeExports.jsx(s.Close,{asChild:!0,className:"ui-add-new-modal-header-close",children:e.jsxRuntimeExports.jsxs(a.Button,{size:"4",variant:"closeModal","aria-label":"Chiudi modale",onClick:t,children:[e.jsxRuntimeExports.jsx("div",{className:"close-label-mobile",children:i}),e.jsxRuntimeExports.jsx(d.Close,{className:"ml-x8",width:32,height:32})]})})]});exports.AddNewModalHeader=r;
 //# sourceMappingURL=index.cjs340.js.map

package/dist/index.cjs340.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs340.js","sources":["../src/components/ui/AddNewModal/AddNewModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./AddNewModalContent.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalContentProps = {\n  overrideClassNames?: string;\n  children?: ReactNode;\n};\n\nexport const AddNewModalContent = ({\n  overrideClassNames,\n  children,\n}: AddNewModalContentProps) => {\n  return (\n    <div\n      className={clsx(\n        \"ui-add-new-modal-body ui-modal-content-scrollable\",\n        overrideClassNames,\n      )}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["AddNewModalContent","overrideClassNames","children","jsx","clsx"],"mappings":"iLASO,MAAMA,EAAqB,CAAC,CACjC,mBAAAC,EACA,SAAAC,CACF,IAEIC,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,KACT,oDACAH,CAAA,EAGD,SAAAC,CAAA,CAAA"}
+{"version":3,"file":"index.cjs340.js","sources":["../src/components/ui/AddNewModal/AddNewModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./AddNewModalHeader.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n};\n\nexport const AddNewModalHeader = ({\n  closeButton = \"Annulla\",\n  onCloseClick,\n  children,\n}: AddNewModalHeaderProps) => {\n  return (\n    <header className=\"ui-add-new-modal-header bg-white\">\n      <Dialog.Title className=\"fs-7 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-add-new-modal-header-close\">\n        <Button\n          size=\"4\"\n          variant={\"closeModal\"}\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          <div className={\"close-label-mobile\"}>{closeButton}</div>\n          <Close className=\"ml-x8\" width={32} height={32} />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["AddNewModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":"mPAYaA,EAAoB,CAAC,CAChC,YAAAC,EAAc,UACd,aAAAC,EACA,SAAAC,CACF,IAEIC,EAAAA,kBAAAA,KAAC,SAAA,CAAO,UAAU,mCAChB,SAAA,CAAAC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CAAa,UAAU,0CACrB,SAAAH,CAAA,CACH,0BACCI,EAAAA,MAAA,CAAa,QAAO,GAAC,UAAU,gCAC9B,SAAAH,EAAAA,kBAAAA,KAACI,EAAAA,OAAA,CACC,KAAK,IACL,QAAS,aACT,aAAW,gBACX,QAASN,EAET,SAAA,CAAAG,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAW,qBAAuB,SAAAJ,EAAY,0BAClDQ,EAAAA,MAAA,CAAM,UAAU,QAAQ,MAAO,GAAI,OAAQ,EAAA,CAAI,CAAA,CAAA,CAAA,CAClD,CACF,CAAA,EACF"}

package/dist/index.cjs341.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AddNewModal/AddNewModalFooter/AddNewModalFooter.css');const o=require("./index.cjs278.js");;/* empty css              */const t=({children:e})=>o.jsxRuntimeExports.jsx("footer",{className:"ui-add-new-modal-footer bg-white shadow ui-modal-footer",children:e});exports.AddNewModalFooter=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AddNewModal/AddNewModalContent/AddNewModalContent.css');const o=require("./index.cjs278.js"),n=require("./index.cjs280.js");;/* empty css              */const d=({overrideClassNames:e,children:t})=>o.jsxRuntimeExports.jsx("div",{className:n.clsx("ui-add-new-modal-body ui-modal-content-scrollable",e),children:t});exports.AddNewModalContent=d;
 //# sourceMappingURL=index.cjs341.js.map