@anoki/fse-ui 1.0.419 → 1.0.420

package/dist/index.es339.js

@@ -1,72 +1,26 @@
-import * as l from "react";
-import { styleSingleton as s } from "./index.es340.js";
-import { noScrollbarsClassName as p, zeroRightClassName as d, fullWidthClassName as g, removedBarSizeVariable as m } from "./index.es330.js";
-import { getGapWidth as v } from "./index.es348.js";
-var b = s(), e = "data-scroll-locked", h = function(n, a, o, t) {
-  var r = n.left, i = n.top, f = n.right, c = n.gap;
-  return o === void 0 && (o = "margin"), `
-  .`.concat(p, ` {
-   overflow: hidden `).concat(t, `;
-   padding-right: `).concat(c, "px ").concat(t, `;
-  }
-  body[`).concat(e, `] {
-    overflow: hidden `).concat(t, `;
-    overscroll-behavior: contain;
-    `).concat([
-    a && "position: relative ".concat(t, ";"),
-    o === "margin" && `
-    padding-left: `.concat(r, `px;
-    padding-top: `).concat(i, `px;
-    padding-right: `).concat(f, `px;
-    margin-left:0;
-    margin-top:0;
-    margin-right: `).concat(c, "px ").concat(t, `;
-    `),
-    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
-  ].filter(Boolean).join(""), `
-  }
-  
-  .`).concat(d, ` {
-    right: `).concat(c, "px ").concat(t, `;
-  }
-  
-  .`).concat(g, ` {
-    margin-right: `).concat(c, "px ").concat(t, `;
-  }
-  
-  .`).concat(d, " .").concat(d, ` {
-    right: 0 `).concat(t, `;
-  }
-  
-  .`).concat(g, " .").concat(g, ` {
-    margin-right: 0 `).concat(t, `;
-  }
-  
-  body[`).concat(e, `] {
-    `).concat(m, ": ").concat(c, `px;
-  }
-`);
-}, u = function() {
-  var n = parseInt(document.body.getAttribute(e) || "0", 10);
-  return isFinite(n) ? n : 0;
-}, x = function() {
-  l.useEffect(function() {
-    return document.body.setAttribute(e, (u() + 1).toString()), function() {
-      var n = u() - 1;
-      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
-    };
-  }, []);
-}, C = function(n) {
-  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
-  x();
-  var i = l.useMemo(function() {
-    return v(r);
-  }, [r]);
-  return l.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
+var a = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, e = function(t) {
+  return parseInt(t || "", 10) || 0;
+}, o = function(t) {
+  var n = window.getComputedStyle(document.body), i = n[t === "padding" ? "paddingLeft" : "marginLeft"], r = n[t === "padding" ? "paddingTop" : "marginTop"], d = n[t === "padding" ? "paddingRight" : "marginRight"];
+  return [e(i), e(r), e(d)];
+}, f = function(t) {
+  if (t === void 0 && (t = "margin"), typeof window > "u")
+    return a;
+  var n = o(t), i = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: n[0],
+    top: n[1],
+    right: n[2],
+    gap: Math.max(0, r - i + n[2] - n[0])
+  };
 };
 export {
-  C as RemoveScrollBar,
-  e as lockAttribute,
-  x as useLockAttribute
+  f as getGapWidth,
+  a as zeroGap
 };
 //# sourceMappingURL=index.es339.js.map

package/dist/index.es339.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es339.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/component.js"],"sourcesContent":["import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n    var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    return \"\\n  .\".concat(noScrollbarsClassName, \" {\\n   overflow: hidden \").concat(important, \";\\n   padding-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  body[\").concat(lockAttribute, \"] {\\n    overflow: hidden \").concat(important, \";\\n    overscroll-behavior: contain;\\n    \").concat([\n        allowRelative && \"position: relative \".concat(important, \";\"),\n        gapMode === 'margin' &&\n            \"\\n    padding-left: \".concat(left, \"px;\\n    padding-top: \").concat(top, \"px;\\n    padding-right: \").concat(right, \"px;\\n    margin-left:0;\\n    margin-top:0;\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n    \"),\n        gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n    ]\n        .filter(Boolean)\n        .join(''), \"\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" {\\n    right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" {\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n    right: 0 \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n    margin-right: 0 \").concat(important, \";\\n  }\\n  \\n  body[\").concat(lockAttribute, \"] {\\n    \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n  }\\n\");\n};\nvar getCurrentUseCounter = function () {\n    var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n    return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n    React.useEffect(function () {\n        document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n        return function () {\n            var newCounter = getCurrentUseCounter() - 1;\n            if (newCounter <= 0) {\n                document.body.removeAttribute(lockAttribute);\n            }\n            else {\n                document.body.setAttribute(lockAttribute, newCounter.toString());\n            }\n        };\n    }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n    var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n    useLockAttribute();\n    /*\n     gap will be measured on every component mount\n     however it will be used only by the \"first\" invocation\n     due to singleton nature of <Style\n     */\n    var gap = React.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);\n    return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });\n};\n"],"names":["Style","styleSingleton","lockAttribute","getStyles","_a","allowRelative","gapMode","important","left","top","right","gap","noScrollbarsClassName","zeroRightClassName","fullWidthClassName","removedBarSizeVariable","getCurrentUseCounter","counter","useLockAttribute","React","newCounter","RemoveScrollBar","noRelative","noImportant","_b","getGapWidth"],"mappings":";;;;AAIA,IAAIA,IAAQC,EAAgB,GACjBC,IAAgB,sBAIvBC,IAAY,SAAUC,GAAIC,GAAeC,GAASC,GAAW;AAC7D,MAAIC,IAAOJ,EAAG,MAAMK,IAAML,EAAG,KAAKM,IAAQN,EAAG,OAAOO,IAAMP,EAAG;AAC7D,SAAIE,MAAY,WAAUA,IAAU,WAC7B;AAAA,KAAQ,OAAOM,GAAuB;AAAA,qBAA0B,EAAE,OAAOL,GAAW;AAAA,mBAAuB,EAAE,OAAOI,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA,QAAiB,EAAE,OAAOL,GAAe;AAAA,sBAA4B,EAAE,OAAOK,GAAW;AAAA;AAAA,KAA4C,EAAE,OAAO;AAAA,IACnSF,KAAiB,sBAAsB,OAAOE,GAAW,GAAG;AAAA,IAC5DD,MAAY,YACR;AAAA,oBAAuB,OAAOE,GAAM;AAAA,kBAAwB,EAAE,OAAOC,GAAK;AAAA,oBAA0B,EAAE,OAAOC,GAAO;AAAA;AAAA;AAAA,mBAAgE,EAAE,OAAOC,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA,KAAS;AAAA,IACxOD,MAAY,aAAa,kBAAkB,OAAOK,GAAK,KAAK,EAAE,OAAOJ,GAAW,GAAG;AAAA,EAC3F,EACS,OAAO,OAAO,EACd,KAAK,EAAE,GAAG;AAAA;AAAA;AAAA,IAAgB,EAAE,OAAOM,GAAoB;AAAA,YAAiB,EAAE,OAAOF,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB;AAAA,mBAAwB,EAAE,OAAOH,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOM,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,cAAmB,EAAE,OAAON,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,qBAA0B,EAAE,OAAOP,GAAW;AAAA;AAAA;AAAA,QAAqB,EAAE,OAAOL,GAAe;AAAA,KAAW,EAAE,OAAOa,GAAwB,IAAI,EAAE,OAAOJ,GAAK;AAAA;AAAA,CAAY;AAC/kB,GACIK,IAAuB,WAAY;AACnC,MAAIC,IAAU,SAAS,SAAS,KAAK,aAAaf,CAAa,KAAK,KAAK,EAAE;AAC3E,SAAO,SAASe,CAAO,IAAIA,IAAU;AACzC,GACWC,IAAmB,WAAY;AACtC,EAAAC,EAAM,UAAU,WAAY;AACxB,oBAAS,KAAK,aAAajB,IAAgBc,MAAyB,GAAG,UAAU,GAC1E,WAAY;AACf,UAAII,IAAaJ,EAAoB,IAAK;AAC1C,MAAII,KAAc,IACd,SAAS,KAAK,gBAAgBlB,CAAa,IAG3C,SAAS,KAAK,aAAaA,GAAekB,EAAW,SAAQ,CAAE;AAAA,IAEtE;AAAA,EACJ,GAAE,EAAE;AACT,GAIWC,IAAkB,SAAUjB,GAAI;AACvC,MAAIkB,IAAalB,EAAG,YAAYmB,IAAcnB,EAAG,aAAaoB,IAAKpB,EAAG,SAASE,IAAUkB,MAAO,SAAS,WAAWA;AACpH,EAAAN,EAAkB;AAMlB,MAAIP,IAAMQ,EAAM,QAAQ,WAAY;AAAE,WAAOM,EAAYnB,CAAO;AAAA,EAAE,GAAI,CAACA,CAAO,CAAC;AAC/E,SAAOa,EAAM,cAAcnB,GAAO,EAAE,QAAQG,EAAUQ,GAAK,CAACW,GAAYhB,GAAUiB,IAA6B,KAAf,YAAiB,EAAC,CAAE;AACxH;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es339.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/utils.js"],"sourcesContent":["export var zeroGap = {\n    left: 0,\n    top: 0,\n    right: 0,\n    gap: 0,\n};\nvar parse = function (x) { return parseInt(x || '', 10) || 0; };\nvar getOffset = function (gapMode) {\n    var cs = window.getComputedStyle(document.body);\n    var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];\n    var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];\n    var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];\n    return [parse(left), parse(top), parse(right)];\n};\nexport var getGapWidth = function (gapMode) {\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    if (typeof window === 'undefined') {\n        return zeroGap;\n    }\n    var offsets = getOffset(gapMode);\n    var documentWidth = document.documentElement.clientWidth;\n    var windowWidth = window.innerWidth;\n    return {\n        left: offsets[0],\n        top: offsets[1],\n        right: offsets[2],\n        gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),\n    };\n};\n"],"names":["zeroGap","parse","x","getOffset","gapMode","cs","left","top","right","getGapWidth","offsets","documentWidth","windowWidth"],"mappings":"AAAU,IAACA,IAAU;AAAA,EACjB,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,KAAK;AACT,GACIC,IAAQ,SAAUC,GAAG;AAAE,SAAO,SAASA,KAAK,IAAI,EAAE,KAAK;AAAI,GAC3DC,IAAY,SAAUC,GAAS;AAC/B,MAAIC,IAAK,OAAO,iBAAiB,SAAS,IAAI,GAC1CC,IAAOD,EAAGD,MAAY,YAAY,gBAAgB,YAAY,GAC9DG,IAAMF,EAAGD,MAAY,YAAY,eAAe,WAAW,GAC3DI,IAAQH,EAAGD,MAAY,YAAY,iBAAiB,aAAa;AACrE,SAAO,CAACH,EAAMK,CAAI,GAAGL,EAAMM,CAAG,GAAGN,EAAMO,CAAK,CAAC;AACjD,GACWC,IAAc,SAAUL,GAAS;AAExC,MADIA,MAAY,WAAUA,IAAU,WAChC,OAAO,SAAW;AAClB,WAAOJ;AAEX,MAAIU,IAAUP,EAAUC,CAAO,GAC3BO,IAAgB,SAAS,gBAAgB,aACzCC,IAAc,OAAO;AACzB,SAAO;AAAA,IACH,MAAMF,EAAQ,CAAC;AAAA,IACf,KAAKA,EAAQ,CAAC;AAAA,IACd,OAAOA,EAAQ,CAAC;AAAA,IAChB,KAAK,KAAK,IAAI,GAAGE,IAAcD,IAAgBD,EAAQ,CAAC,IAAIA,EAAQ,CAAC,CAAC;AAAA,EACzE;AACL;","x_google_ignoreList":[0]}

package/dist/index.es34.js

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

package/dist/index.es34.js.map

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

package/dist/index.es35.js

@@ -3,42 +3,42 @@ import { ArrowRight as o } from "./index.es107.js";
 const j = ({
   href: a,
   asLink: i = "a",
-  isExternal: n = !1,
+  isExternal: r = !1,
   fs: l = "6",
-  children: r,
+  children: n,
   className: c = "",
-  onClick: d,
-  type: m = "button",
+  onClick: m,
+  type: d = "button",
   asButton: f,
   ...s
 }) => {
-  const t = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${((h) => `fs-${h}`)(l)} ${c}`;
+  const t = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${((p) => `fs-${p}`)(l)} ${c}`;
   if (f)
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
         className: `bg-transparent border-none ${t}`,
-        onClick: d,
-        type: m,
+        onClick: m,
+        type: d,
         ...s,
         children: [
-          r,
+          n,
           /* @__PURE__ */ e.jsx(o, { color: "primary", width: 24, height: 24 })
         ]
       }
     );
-  const u = i;
+  const h = i;
   return /* @__PURE__ */ e.jsxs(
-    u,
+    h,
     {
       className: t,
       href: a,
-      target: n ? "_blank" : void 0,
-      rel: n ? "noreferrer noopener" : void 0,
+      target: r ? "_blank" : void 0,
+      rel: r ? "noreferrer noopener" : void 0,
       ...s,
       children: [
-        r,
-        n && /* @__PURE__ */ e.jsxs("span", { className: "visually-hidden", children: [
+        n,
+        r && /* @__PURE__ */ e.jsxs("span", { className: "visually-hidden", children: [
           " ",
           "(si apre in una nuova finestra)"
         ] }),

package/dist/index.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es35.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport React from \"react\";\n\ntype BaseArrowLinkProps = {\n  isExternal?: boolean;\n  fs?: TypographyKeys;\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\n  href: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  onClick?: never;\n  type?: never;\n  asButton?: never;\n};\n\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\n  onClick?: () => void;\n  type?: \"button\";\n  asButton?: true;\n  asLink?: never;\n  href?: never;\n};\n\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\n\nexport const ArrowLink = ({\n  href,\n  asLink = \"a\",\n  isExternal = false,\n  fs = \"6\",\n  children,\n  className = \"\",\n  onClick,\n  type = \"button\",\n  asButton,\n  ...props\n}: ArrowLinkProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\n\n  if (asButton) {\n    return (\n      <button\n        className={`bg-transparent border-none ${baseClasses}`}\n        onClick={onClick}\n        type={type}\n        {...props}\n      >\n        {children}\n        <ArrowRight color={\"primary\"} width={24} height={24} />\n      </button>\n    );\n  }\n\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className={baseClasses}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      {...props}\n    >\n      {children}\n      {isExternal && (\n        <span className=\"visually-hidden\">\n          {\" \"}\n          (si apre in una nuova finestra)\n        </span>\n      )}\n      <ArrowRight color={\"primary\"} width={24} height={24} />\n    </LinkComponent>\n  );\n};\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","props","baseClasses","size","jsxs","ArrowRight","LinkComponent"],"mappings":";;AA6BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBR,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AAEA,WAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAAJ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAL;AAAA,gCACAS,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvD;AAIJ,QAAMC,IAAgBb;AAGpB,SAAAW,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWJ;AAAA,MACX,MAAAV;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAL;AAAA,QACAF,KACCU,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,8BAEDC,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvD;AAEJ;"}
+{"version":3,"file":"index.es35.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\nimport React from \"react\";\r\n\r\ntype BaseArrowLinkProps = {\r\n  isExternal?: boolean;\r\n  fs?: TypographyKeys;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\r\n  href: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  onClick?: never;\r\n  type?: never;\r\n  asButton?: never;\r\n};\r\n\r\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\";\r\n  asButton?: true;\r\n  asLink?: never;\r\n  href?: never;\r\n};\r\n\r\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\r\n\r\nexport const ArrowLink = ({\r\n  href,\r\n  asLink = \"a\",\r\n  isExternal = false,\r\n  fs = \"6\",\r\n  children,\r\n  className = \"\",\r\n  onClick,\r\n  type = \"button\",\r\n  asButton,\r\n  ...props\r\n}: ArrowLinkProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\r\n\r\n  if (asButton) {\r\n    return (\r\n      <button\r\n        className={`bg-transparent border-none ${baseClasses}`}\r\n        onClick={onClick}\r\n        type={type}\r\n        {...props}\r\n      >\r\n        {children}\r\n        <ArrowRight color={\"primary\"} width={24} height={24} />\r\n      </button>\r\n    );\r\n  }\r\n\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <LinkComponent\r\n      className={baseClasses}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {isExternal && (\r\n        <span className=\"visually-hidden\">\r\n          {\" \"}\r\n          (si apre in una nuova finestra)\r\n        </span>\r\n      )}\r\n      <ArrowRight color={\"primary\"} width={24} height={24} />\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","props","baseClasses","size","jsxs","ArrowRight","LinkComponent"],"mappings":";;AA6BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBR,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AAEA,WAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAAJ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGE;AAAA,QAEH,UAAA;AAAA,UAAAL;AAAA,gCACAS,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvD;AAIJ,QAAMC,IAAgBb;AAGpB,SAAAW,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWJ;AAAA,MACX,MAAAV;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGO;AAAA,MAEH,UAAA;AAAA,QAAAL;AAAA,QACAF,KACCU,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,8BAEDC,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACvD;AAEJ;"}

package/dist/index.es36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es36.js","sources":["../src/components/ui/EntryButton/index.tsx"],"sourcesContent":["import { Spid } from \"@/icons/Spid\";\nimport \"./EntryButton.scss\";\nimport { Row } from \"@/components\";\n\ntype EntryButtonProps = {\n  href: string;\n  asLink?: \"a\" | React.ComponentType<any>;\n  showIcon?: boolean;\n  ariaLabel: string;\n  children: React.ReactNode;\n};\n\nexport const EntryButton = ({\n  href,\n  asLink = \"a\",\n  showIcon = false,\n  ariaLabel = \"Accedi con SPID\",\n  children,\n}: EntryButtonProps) => {\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className=\"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn\"\n      href={href}\n      rel={\"noreferrer noopener\"}\n    >\n      <Row py={\"x8\"} px={\"x12\"} className=\"items-center ui-entry-btn-spid\">\n        {showIcon ? (\n          <Spid color=\"white\" />\n        ) : (\n          <div style={{ width: 24, height: 24 }} aria-hidden=\"true\" />\n        )}\n      </Row>\n      <span\n        className=\"p-x8 fw-bold text-white text-decoration-none fs-6\"\n        rel={\"noreferrer noopener\"}\n      >\n        {children}\n        {ariaLabel && <span className=\"visually-hidden\">{ariaLabel}</span>}\n      </span>\n    </LinkComponent>\n  );\n};\n"],"names":["EntryButton","href","asLink","showIcon","ariaLabel","children","LinkComponent","jsxs","jsx","Row","Spid"],"mappings":";;;;AAYO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,MAAwB;AACtB,QAAMC,IAAgBJ;AAGpB,SAAAK,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAAL;AAAA,MACA,KAAK;AAAA,MAEL,UAAA;AAAA,QAACO,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,IAAI,MAAM,IAAI,OAAO,WAAU,kCACjC,UAAAN,IACEK,gBAAAA,EAAA,IAAAE,GAAA,EAAK,OAAM,QAAA,CAAQ,IAEnBF,gBAAAA,EAAA,IAAA,OAAA,EAAI,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG,eAAY,OAAA,CAAO,EAE9D,CAAA;AAAA,QACAD,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YAEJ,UAAA;AAAA,cAAAF;AAAA,cACAD,KAAaI,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAmB,UAAUJ,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es36.js","sources":["../src/components/ui/EntryButton/index.tsx"],"sourcesContent":["import { Spid } from \"@/icons/Spid\";\r\nimport \"./EntryButton.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\ntype EntryButtonProps = {\r\n  href: string;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  showIcon?: boolean;\r\n  ariaLabel: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nexport const EntryButton = ({\r\n  href,\r\n  asLink = \"a\",\r\n  showIcon = false,\r\n  ariaLabel = \"Accedi con SPID\",\r\n  children,\r\n}: EntryButtonProps) => {\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <LinkComponent\r\n      className=\"bg-primary min-h-x40 h-full base-row align-items-center br-x4 min-w-x252 text-decoration-none ui-entry-btn\"\r\n      href={href}\r\n      rel={\"noreferrer noopener\"}\r\n    >\r\n      <Row py={\"x8\"} px={\"x12\"} className=\"items-center ui-entry-btn-spid\">\r\n        {showIcon ? (\r\n          <Spid color=\"white\" />\r\n        ) : (\r\n          <div style={{ width: 24, height: 24 }} aria-hidden=\"true\" />\r\n        )}\r\n      </Row>\r\n      <span\r\n        className=\"p-x8 fw-bold text-white text-decoration-none fs-6\"\r\n        rel={\"noreferrer noopener\"}\r\n      >\r\n        {children}\r\n        {ariaLabel && <span className=\"visually-hidden\">{ariaLabel}</span>}\r\n      </span>\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["EntryButton","href","asLink","showIcon","ariaLabel","children","LinkComponent","jsxs","jsx","Row","Spid"],"mappings":";;;;AAYO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,UAAAC;AACF,MAAwB;AACtB,QAAMC,IAAgBJ;AAGpB,SAAAK,gBAAAA,EAAA;AAAA,IAACD;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAAL;AAAA,MACA,KAAK;AAAA,MAEL,UAAA;AAAA,QAACO,gBAAAA,EAAAA,IAAAC,GAAA,EAAI,IAAI,MAAM,IAAI,OAAO,WAAU,kCACjC,UAAAN,IACEK,gBAAAA,EAAA,IAAAE,GAAA,EAAK,OAAM,QAAA,CAAQ,IAEnBF,gBAAAA,EAAA,IAAA,OAAA,EAAI,OAAO,EAAE,OAAO,IAAI,QAAQ,GAAG,GAAG,eAAY,OAAA,CAAO,EAE9D,CAAA;AAAA,QACAD,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YAEJ,UAAA;AAAA,cAAAF;AAAA,cACAD,KAAaI,gBAAAA,EAAA,IAAC,QAAK,EAAA,WAAU,mBAAmB,UAAUJ,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAC7D;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es37.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es154.js";
-import { Root as d, Portal as n, Overlay as i, Content as l } from "./index.es201.js";
+import { Root as d, Portal as i, Overlay as l, Content as n } from "./index.es201.js";
 import { BaseModalHeader as p } from "./index.es202.js";
 import { BaseModalFooter as x } from "./index.es203.js";
 import { BaseModalContent as c } from "./index.es204.js";
-import { BaseModalBackHeader as f } from "./index.es205.js";
+import { BaseModalBackHeader as B } from "./index.es205.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
 const e = ({
   open: a,
@@ -11,10 +11,10 @@ const e = ({
   overrideClassNames: t,
   id: s = void 0,
   children: m
-}) => /* @__PURE__ */ o.jsx(d, { open: a, onOpenChange: r, children: /* @__PURE__ */ o.jsxs(n, { children: [
-  /* @__PURE__ */ o.jsx(i, { className: "ui-base-modal-overlay" }),
+}) => /* @__PURE__ */ o.jsx(d, { open: a, onOpenChange: r, children: /* @__PURE__ */ o.jsxs(i, { children: [
+  /* @__PURE__ */ o.jsx(l, { className: "ui-base-modal-overlay" }),
   /* @__PURE__ */ o.jsx(
-    l,
+    n,
     {
       className: `bg-white shadow br-x4 ui-base-modal-body ${t ?? ""}`,
       id: s,
@@ -23,7 +23,7 @@ const e = ({
   )
 ] }) });
 e.Header = p;
-e.HeaderBack = f;
+e.HeaderBack = B;
 e.Content = c;
 e.Footer = x;
 export {

package/dist/index.es37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es37.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { BaseModalHeader } from \"./BaseModalHeader\";\nimport { BaseModalFooter } from \"./BaseModalFooter\";\nimport { BaseModalContent } from \"./BaseModalContent\";\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\nimport \"./BaseModal.scss\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  overrideClassNames?: string;\n  id?: string;\n  children: React.ReactNode;\n};\n\nconst BaseModal = ({\n  open,\n  setOpen,\n  overrideClassNames,\n  id = undefined,\n  children,\n}: BaseModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <Dialog.Overlay className=\"ui-base-modal-overlay\" />\n        <Dialog.Content\n          className={`bg-white shadow br-x4 ui-base-modal-body ${overrideClassNames ?? \"\"}`}\n          id={id}\n        >\n          {children}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nBaseModal.Header = BaseModalHeader;\nBaseModal.HeaderBack = BaseModalBackHeader;\nBaseModal.Content = BaseModalContent;\nBaseModal.Footer = BaseModalFooter;\n\nexport { BaseModal };\n"],"names":["BaseModal","open","setOpen","overrideClassNames","id","children","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","Dialog.Content","BaseModalHeader","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;AAgBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAEIC,gBAAAA,MAACC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAAAM,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAU,wBAAwB,CAAA;AAAA,EAClDJ,gBAAAA,EAAA;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAW,4CAA4CR,KAAsB,EAAE;AAAA,MAC/E,IAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AACH,EAAA,CACF,EACF,CAAA;AAIJL,EAAU,SAASY;AACnBZ,EAAU,aAAaa;AACvBb,EAAU,UAAUc;AACpBd,EAAU,SAASe;"}
+{"version":3,"file":"index.es37.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { BaseModalHeader } from \"./BaseModalHeader\";\r\nimport { BaseModalFooter } from \"./BaseModalFooter\";\r\nimport { BaseModalContent } from \"./BaseModalContent\";\r\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\r\nimport \"./BaseModal.scss\";\r\n\r\ntype BaseModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  overrideClassNames?: string;\r\n  id?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst BaseModal = ({\r\n  open,\r\n  setOpen,\r\n  overrideClassNames,\r\n  id = undefined,\r\n  children,\r\n}: BaseModalProps) => {\r\n  return (\r\n    <Dialog.Root open={open} onOpenChange={setOpen}>\r\n      <Dialog.Portal>\r\n        <Dialog.Overlay className=\"ui-base-modal-overlay\" />\r\n        <Dialog.Content\r\n          className={`bg-white shadow br-x4 ui-base-modal-body ${overrideClassNames ?? \"\"}`}\r\n          id={id}\r\n        >\r\n          {children}\r\n        </Dialog.Content>\r\n      </Dialog.Portal>\r\n    </Dialog.Root>\r\n  );\r\n};\r\n\r\nBaseModal.Header = BaseModalHeader;\r\nBaseModal.HeaderBack = BaseModalBackHeader;\r\nBaseModal.Content = BaseModalContent;\r\nBaseModal.Footer = BaseModalFooter;\r\n\r\nexport { BaseModal };\r\n"],"names":["BaseModal","open","setOpen","overrideClassNames","id","children","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","Dialog.Content","BaseModalHeader","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;AAgBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAEIC,gBAAAA,MAACC,GAAA,EAAY,MAAAN,GAAY,cAAcC,GACrC,UAAAM,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAU,wBAAwB,CAAA;AAAA,EAClDJ,gBAAAA,EAAA;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAW,4CAA4CR,KAAsB,EAAE;AAAA,MAC/E,IAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AACH,EAAA,CACF,EACF,CAAA;AAIJL,EAAU,SAASY;AACnBZ,EAAU,aAAaa;AACvBb,EAAU,UAAUc;AACpBd,EAAU,SAASe;"}

package/dist/index.es38.js

@@ -3,7 +3,7 @@ import { BaseModal as s } from "./index.es37.js";
 import { ConsentModalHeader as a } from "./index.es207.js";
 import { ConsentModalFooter as i } from "./index.es208.js";
 import { ContentModalContent as d } from "./index.es209.js";
-import { clsx as p } from "./index.es155.js";
+import { clsx as p } from "./index.es156.js";
 import './components/ui/ConsentModal/ConsentModal.css';/* empty css            */
 const o = ({
   open: r,

package/dist/index.es38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es38.js","sources":["../src/components/ui/ConsentModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\nimport { ConsentModalHeader } from \"./ConsentModalHeader\";\nimport { ConsentModalFooter } from \"./ConsentModalFooter\";\nimport { ContentModalContent } from \"./ConsentModalContent\";\nimport clsx from \"clsx\";\nimport \"./ConsentModal.scss\";\n\ntype ConsentModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst ConsentModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: ConsentModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nConsentModal.Header = ConsentModalHeader;\nConsentModal.Content = ContentModalContent;\nConsentModal.Footer = ConsentModalFooter;\n\nexport { ConsentModal };\n"],"names":["ConsentModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","ConsentModalHeader","ContentModalContent","ConsentModalFooter"],"mappings":";;;;;;;AAcA,MAAMA,IAAe,CAAC;AAAA,EACpB,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAa,SAASQ;AACtBR,EAAa,UAAUS;AACvBT,EAAa,SAASU;"}
+{"version":3,"file":"index.es38.js","sources":["../src/components/ui/ConsentModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\r\nimport { ConsentModalHeader } from \"./ConsentModalHeader\";\r\nimport { ConsentModalFooter } from \"./ConsentModalFooter\";\r\nimport { ContentModalContent } from \"./ConsentModalContent\";\r\nimport clsx from \"clsx\";\r\nimport \"./ConsentModal.scss\";\r\n\r\ntype ConsentModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst ConsentModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: ConsentModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nConsentModal.Header = ConsentModalHeader;\r\nConsentModal.Content = ContentModalContent;\r\nConsentModal.Footer = ConsentModalFooter;\r\n\r\nexport { ConsentModal };\r\n"],"names":["ConsentModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","ConsentModalHeader","ContentModalContent","ConsentModalFooter"],"mappings":";;;;;;;AAcA,MAAMA,IAAe,CAAC;AAAA,EACpB,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAa,SAASQ;AACtBR,EAAa,UAAUS;AACvBT,EAAa,SAASU;"}

package/dist/index.es39.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es154.js";
-import { clsx as i } from "./index.es155.js";
+import { clsx as i } from "./index.es156.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
 import { DoctorModalContent as a } from "./index.es212.js";
 import { DoctorModalFooter as n } from "./index.es213.js";

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.js","sources":["../src/components/ui/DoctorModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./DoctorModal.scss\";\nimport { BaseModal } from \"@/components\";\nimport { DoctorModalContent } from \"@/components/ui/DoctorModal/DoctorModalContent\";\nimport { DoctorModalFooter } from \"@/components/ui/DoctorModal/DoctorModalFooter\";\n\ntype DoctorModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst DoctorModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: DoctorModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nDoctorModal.Content = DoctorModalContent;\nDoctorModal.Footer = DoctorModalFooter;\n\nexport { DoctorModal };\n"],"names":["DoctorModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorModalContent","DoctorModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAc,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAY,UAAUQ;AACtBR,EAAY,SAASS;"}
+{"version":3,"file":"index.es39.js","sources":["../src/components/ui/DoctorModal/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./DoctorModal.scss\";\r\nimport { BaseModal } from \"@/components\";\r\nimport { DoctorModalContent } from \"@/components/ui/DoctorModal/DoctorModalContent\";\r\nimport { DoctorModalFooter } from \"@/components/ui/DoctorModal/DoctorModalFooter\";\r\n\r\ntype DoctorModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst DoctorModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: DoctorModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nDoctorModal.Content = DoctorModalContent;\r\nDoctorModal.Footer = DoctorModalFooter;\r\n\r\nexport { DoctorModal };\r\n"],"names":["DoctorModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorModalContent","DoctorModalFooter"],"mappings":";;;;;;AAaA,MAAMA,IAAc,CAAC;AAAA,EACnB,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAY,UAAUQ;AACtBR,EAAY,SAASS;"}

package/dist/index.es40.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es154.js";
 import { Title as c, Close as d } from "./index.es201.js";
 import './components/ui/ProgressBar/ProgressBar.css';/* empty css            */
-import { clsx as t } from "./index.es155.js";
+import { clsx as t } from "./index.es156.js";
 import { Button as n } from "./index.es25.js";
 import { Close as x } from "./index.es95.js";
 const g = ({

package/dist/index.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es40.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Close } from \"@/icons\";\nimport \"./ProgressBar.scss\";\nimport { Button } from \"@/components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\n\ntype DoctorModalHeaderProps = PropsWithChildren<{\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n  title?: string;\n  stepLabel?: string;\n  currentStep?: number;\n  totalSteps?: number;\n}>;\n\nexport const ProgressBar = ({\n  closeButton = \"Chiudi\",\n  onCloseClick,\n  title,\n  stepLabel = \"di\",\n  currentStep = 1,\n  totalSteps = 3,\n}: DoctorModalHeaderProps) => {\n  return (\n    <div className={\"text-slate-28\"}>\n      <header className=\"ui-modal-header \">\n        <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\n          {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\n          <p className={\"fs-7\"}>\n            Step <span className={\"text-primary fw-bold\"}>{currentStep}</span>{\" \"}\n            {stepLabel} {totalSteps}\n          </p>\n        </Dialog.Title>\n\n        <Dialog.Close asChild className=\"ui-modal-header-close\">\n          <Button\n            size=\"4\"\n            textColor=\"primary\"\n            bg=\"transparent\"\n            aria-label=\"Chiudi modale\"\n            onClick={onCloseClick}\n          >\n            {closeButton}\n            <Close className=\"ml-x8\" />\n          </Button>\n        </Dialog.Close>\n      </header>\n      <div className={\"ui-progress-bar mx-x4\"}>\n        {Array.from({ length: totalSteps }, (_, i) => (\n          <div\n            key={i + 1}\n            className={clsx(\n              \"ui-bar\",\n              i + 1 <= currentStep ? \"bg-primary\" : \"bg-lightblue-a02\",\n            )}\n            style={{\n              width: `${100 / totalSteps}%`,\n            }}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["ProgressBar","closeButton","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","Dialog.Title","jsx","Dialog.Close","Button","Close","_","clsx"],"mappings":";;;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AACf,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,iBACd,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,UAAA,EAAO,WAAU,oBAChB,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAACC,GAAA,EAAa,WAAU,iEACrB,UAAA;AAAA,MAAAL,KAAUM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,6BAA8B,UAAMN,GAAA;AAAA,MAC9DI,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,QAAQ,UAAA;AAAA,QAAA;AAAA,QACdE,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAYJ,GAAA;AAAA,QAAQ;AAAA,QAClED;AAAA,QAAU;AAAA,QAAEE;AAAA,MAAA,EACf,CAAA;AAAA,IAAA,GACF;AAAA,0BAECI,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAAST;AAAA,QAER,UAAA;AAAA,UAAAD;AAAA,UACDQ,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAE7B,CAAA;AAAA,EAAA,GACF;AAAA,EACCH,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,yBACb,UAAM,MAAA,KAAK,EAAE,QAAQH,EAAW,GAAG,CAACO,GAAG,MACtCJ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWK;AAAA,QACT;AAAA,QACA,IAAI,KAAKT,IAAc,eAAe;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL,OAAO,GAAG,MAAMC,CAAU;AAAA,MAAA;AAAA,IAC5B;AAAA,IAPK,IAAI;AAAA,EAAA,CASZ,EACH,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es40.js","sources":["../src/components/ui/ProgressBar/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./ProgressBar.scss\";\r\nimport { Button } from \"@/components\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport clsx from \"clsx\";\r\n\r\ntype DoctorModalHeaderProps = PropsWithChildren<{\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: ReactNode;\r\n  title?: string;\r\n  stepLabel?: string;\r\n  currentStep?: number;\r\n  totalSteps?: number;\r\n}>;\r\n\r\nexport const ProgressBar = ({\r\n  closeButton = \"Chiudi\",\r\n  onCloseClick,\r\n  title,\r\n  stepLabel = \"di\",\r\n  currentStep = 1,\r\n  totalSteps = 3,\r\n}: DoctorModalHeaderProps) => {\r\n  return (\r\n    <div className={\"text-slate-28\"}>\r\n      <header className=\"ui-modal-header \">\r\n        <Dialog.Title className=\"base-col justify-content-center align-items-center mb-5 pb-x8\">\r\n          {title && <div className={\"fw-bold fs-7 md-fs-custom\"}>{title}</div>}\r\n          <p className={\"fs-7\"}>\r\n            Step <span className={\"text-primary fw-bold\"}>{currentStep}</span>{\" \"}\r\n            {stepLabel} {totalSteps}\r\n          </p>\r\n        </Dialog.Title>\r\n\r\n        <Dialog.Close asChild className=\"ui-modal-header-close\">\r\n          <Button\r\n            size=\"4\"\r\n            textColor=\"primary\"\r\n            bg=\"transparent\"\r\n            aria-label=\"Chiudi modale\"\r\n            onClick={onCloseClick}\r\n          >\r\n            {closeButton}\r\n            <Close className=\"ml-x8\" />\r\n          </Button>\r\n        </Dialog.Close>\r\n      </header>\r\n      <div className={\"ui-progress-bar mx-x4\"}>\r\n        {Array.from({ length: totalSteps }, (_, i) => (\r\n          <div\r\n            key={i + 1}\r\n            className={clsx(\r\n              \"ui-bar\",\r\n              i + 1 <= currentStep ? \"bg-primary\" : \"bg-lightblue-a02\",\r\n            )}\r\n            style={{\r\n              width: `${100 / totalSteps}%`,\r\n            }}\r\n          />\r\n        ))}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ProgressBar","closeButton","onCloseClick","title","stepLabel","currentStep","totalSteps","jsxs","Dialog.Title","jsx","Dialog.Close","Button","Close","_","clsx"],"mappings":";;;;;;AAiBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AACf,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAW,iBACd,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,UAAA,EAAO,WAAU,oBAChB,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAACC,GAAA,EAAa,WAAU,iEACrB,UAAA;AAAA,MAAAL,KAAUM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,6BAA8B,UAAMN,GAAA;AAAA,MAC9DI,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,QAAQ,UAAA;AAAA,QAAA;AAAA,QACdE,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,wBAAyB,UAAYJ,GAAA;AAAA,QAAQ;AAAA,QAClED;AAAA,QAAU;AAAA,QAAEE;AAAA,MAAA,EACf,CAAA;AAAA,IAAA,GACF;AAAA,0BAECI,GAAA,EAAa,SAAO,IAAC,WAAU,yBAC9B,UAAAH,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,IAAG;AAAA,QACH,cAAW;AAAA,QACX,SAAST;AAAA,QAER,UAAA;AAAA,UAAAD;AAAA,UACDQ,gBAAAA,EAAAA,IAACG,GAAM,EAAA,WAAU,QAAQ,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,EAE7B,CAAA;AAAA,EAAA,GACF;AAAA,EACCH,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,yBACb,UAAM,MAAA,KAAK,EAAE,QAAQH,EAAW,GAAG,CAACO,GAAG,MACtCJ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWK;AAAA,QACT;AAAA,QACA,IAAI,KAAKT,IAAc,eAAe;AAAA,MACxC;AAAA,MACA,OAAO;AAAA,QACL,OAAO,GAAG,MAAMC,CAAU;AAAA,MAAA;AAAA,IAC5B;AAAA,IAPK,IAAI;AAAA,EAAA,CASZ,EACH,CAAA;AAAA,GACF;"}

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\nimport { useRef, useState } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { Col } from \"../Col\";\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardSelectDoctorProps = {\n  id: string;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  asLink?: \"a\";\n  className?: string;\n  setSelectedCard?: (id: string) => void;\n  description2?: string;\n  keepSelectionOnNavigation?: boolean;\n  disabled?: boolean;\n};\n\nexport const CardSelectDoctor = ({\n  id,\n  title,\n  titleTag: TitleTag = \"h3\",\n  description,\n  className,\n  setSelectedCard = () => {},\n  description2,\n  keepSelectionOnNavigation = false,\n  disabled = false,\n}: CardSelectDoctorProps) => {\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setIsActive(false),\n    () => setSelectedCard(\"\"),\n    keepSelectionOnNavigation,\n  );\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  // Generate class names based on active and disabled states\n  const cardClasses = `${className} ${\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\n  }`;\n\n  // Handle click only if not disabled\n  const handleClick = () => {\n    if (!disabled) {\n      setIsActive(true);\n      setSelectedCard(id);\n    }\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={cardClasses}\n      onClick={handleClick}\n      aria-disabled={disabled}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isActive}\n        disabled={disabled}\n        // onCheckedChange={onChange}\n        className={\"ui-checkbox-filter\"}\n        // aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col>\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\n          {title}\n        </TitleTag>\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\n          {description}\n        </p>\n        {description2 && (\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\n            {description2}\n          </p>\n        )}\n      </Col>\n    </div>\n  );\n};\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","setIsActive","useState","dropdownRef","useRef","useClickOutside","CheckIcon","jsx","cardClasses","handleClick","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":";;;;;;AAuBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC,IAAW;AACb,MAA6B;AAC3B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAC/C,EAAAC;AAAA,IACEF;AAAA,IACAH;AAAA,IACA,MAAMC,EAAY,EAAK;AAAA,IACvB,MAAML,EAAgB,EAAE;AAAA,IACxBE;AAAA,EACF;AAEA,QAAMQ,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IAAc,GAAGb,CAAS,IAC9BK,IAAW,iBAAiB,gBAC9B,yDACED,IAAW,qBAAqB,gBAClC,IAGMU,IAAc,MAAM;AACxB,IAAKV,MACHE,EAAY,EAAI,GAChBL,EAAgBL,CAAE;AAAA,EAEtB;AAGE,SAAAmB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWK;AAAA,MACX,SAASC;AAAA,MACT,iBAAeV;AAAA,MAEf,UAAA;AAAA,QAAAQ,gBAAAA,EAAA;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,IAAApB;AAAA,YACA,SAASS;AAAA,YACT,UAAAD;AAAA,YAEA,WAAW;AAAA,YAGX,gCAACa,GAAA,EACC,UAAAL,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,+BACCO,GACC,EAAA,UAAA;AAAA,UAACN,gBAAAA,EAAA,IAAAd,GAAA,EAAS,WAAU,uDACjB,UACHD,GAAA;AAAA,UACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHb,GAAA;AAAA,UACCG,KACCU,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qDACV,UACHV,EAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\r\nimport { useRef, useState } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { Col } from \"../Col\";\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardSelectDoctorProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  setSelectedCard?: (id: string) => void;\r\n  description2?: string;\r\n  keepSelectionOnNavigation?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const CardSelectDoctor = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  description,\r\n  className,\r\n  setSelectedCard = () => {},\r\n  description2,\r\n  keepSelectionOnNavigation = false,\r\n  disabled = false,\r\n}: CardSelectDoctorProps) => {\r\n  const [isActive, setIsActive] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setIsActive(false),\r\n    () => setSelectedCard(\"\"),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  // Generate class names based on active and disabled states\r\n  const cardClasses = `${className} ${\r\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\r\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\r\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\r\n  }`;\r\n\r\n  // Handle click only if not disabled\r\n  const handleClick = () => {\r\n    if (!disabled) {\r\n      setIsActive(true);\r\n      setSelectedCard(id);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={cardClasses}\r\n      onClick={handleClick}\r\n      aria-disabled={disabled}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isActive}\r\n        disabled={disabled}\r\n        // onCheckedChange={onChange}\r\n        className={\"ui-checkbox-filter\"}\r\n        // aria-label={labelText}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col>\r\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\r\n          {title}\r\n        </TitleTag>\r\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\r\n          {description}\r\n        </p>\r\n        {description2 && (\r\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\r\n            {description2}\r\n          </p>\r\n        )}\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","setIsActive","useState","dropdownRef","useRef","useClickOutside","CheckIcon","jsx","cardClasses","handleClick","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":";;;;;;AAuBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC,IAAW;AACb,MAA6B;AAC3B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAC/C,EAAAC;AAAA,IACEF;AAAA,IACAH;AAAA,IACA,MAAMC,EAAY,EAAK;AAAA,IACvB,MAAML,EAAgB,EAAE;AAAA,IACxBE;AAAA,EACF;AAEA,QAAMQ,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IAAc,GAAGb,CAAS,IAC9BK,IAAW,iBAAiB,gBAC9B,yDACED,IAAW,qBAAqB,gBAClC,IAGMU,IAAc,MAAM;AACxB,IAAKV,MACHE,EAAY,EAAI,GAChBL,EAAgBL,CAAE;AAAA,EAEtB;AAGE,SAAAmB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWK;AAAA,MACX,SAASC;AAAA,MACT,iBAAeV;AAAA,MAEf,UAAA;AAAA,QAAAQ,gBAAAA,EAAA;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,IAAApB;AAAA,YACA,SAASS;AAAA,YACT,UAAAD;AAAA,YAEA,WAAW;AAAA,YAGX,gCAACa,GAAA,EACC,UAAAL,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,+BACCO,GACC,EAAA,UAAA;AAAA,UAACN,gBAAAA,EAAA,IAAAd,GAAA,EAAS,WAAU,uDACjB,UACHD,GAAA;AAAA,UACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHb,GAAA;AAAA,UACCG,KACCU,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qDACV,UACHV,EAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es42.js

@@ -1,7 +1,7 @@
 import { j as l } from "./index.es154.js";
 import { Avatar as N } from "./index.es56.js";
 import './components/ui/CardDoctorInfo/CardDoctorInfo.css';/* empty css            */
-import { clsx as o } from "./index.es155.js";
+import { clsx as o } from "./index.es156.js";
 import { Divider as p } from "./index.es173.js";
 import n, { useState as w } from "react";
 import { CategoryHeader as C } from "./index.es51.js";

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/ui/CardDoctorInfo/index.tsx"],"sourcesContent":["import { Avatar } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./CardDoctorInfo.scss\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport { CategoryHeader, Col, Row } from \"@/components\";\nimport { useState } from \"react\";\n// import { OfficeResponse } from \"@/types/general-practitioner-service\";\nimport React from \"react\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype Info = {\n  label: string;\n  value: string;\n};\n\ntype CardDoctorInfoProps = {\n  titleTag?: HeadingLevel;\n  doctorName: string;\n  specialties?: string[];\n  contactInfo?: Info[];\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  className?: string;\n  // offices?: OfficeResponse[];\n  officesInfo?: Info[][];\n  officeLabel?: string;\n};\n\n// TODO: da finire\nexport const CardDoctorInfo = ({\n  titleTag: TitleTag = \"h3\",\n  doctorName,\n  specialties,\n  contactInfo,\n  avatar,\n  className,\n  officesInfo = [],\n  officeLabel = \"Ambulatorio\",\n}: CardDoctorInfoProps) => {\n  const [openOffices, setOpenOffices] = useState<number[]>([]);\n\n  const showContactInfo = () => {\n    return contactInfo && contactInfo?.length > 0;\n  };\n\n  const toggleOffice = (index: number) => {\n    if (openOffices.includes(index)) {\n      setOpenOffices(openOffices.filter((i) => i !== index));\n    } else {\n      setOpenOffices([...openOffices, index]);\n    }\n  };\n\n  return (\n    <article\n      className={clsx(\"bg-white shadow br-x4 ui-card-doctor-info\", className)}\n    >\n      <Row as={\"header\"} gap={\"x16\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n\n        <div>\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n            {doctorName}\n          </TitleTag>\n          {specialties && specialties?.length > 0 && (\n            <p className=\"fs-6 text-slate-20 fw-regular\">\n              {specialties?.join(\" | \")}\n            </p>\n          )}\n        </div>\n      </Row>\n      <div className=\"ui-card-doctor-content-info\">\n        {showContactInfo() && (\n          <dl className=\"ui-card-doctor-contact-info\">\n            {contactInfo?.map((info) => (\n              <div\n                key={info.label}\n                role=\"group\"\n                className=\"ui-card-doctor-contact-detail-info\"\n              >\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\n                <dd className=\"fs-6 fw-regular  text-slate-28\">{info.value}</dd>\n              </div>\n            ))}\n          </dl>\n        )}\n        {officesInfo?.length > 0 && (\n          <Divider\n            bg=\"border-divider\"\n            className=\"ui-card-doctor-divider-info mt-x24\"\n          />\n        )}\n\n        <Col>\n          {officesInfo?.length > 0 &&\n            officesInfo?.map((office, index) => (\n              <React.Fragment key={index}>\n                <CategoryHeader\n                  title={`${officeLabel} ${index + 1}`}\n                  isOpen={openOffices.includes(index)}\n                  onToggle={() => toggleOffice(index)}\n                  hasBorder={!openOffices.includes(index)}\n                  className={\"pt-x24\"}\n                />\n                {openOffices.includes(index) && (\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\n                    {office.length > 0 && (\n                      <dl className=\"ui-card-doctor-contact-info\">\n                        {office?.map((info) => (\n                          <div\n                            key={info.label}\n                            role=\"group\"\n                            className=\"ui-card-doctor-contact-detail-info\"\n                          >\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\n                              {info.label}\n                            </dt>\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\n                              {info.value}\n                            </dd>\n                          </div>\n                        ))}\n                      </dl>\n                    )}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n        </Col>\n      </div>\n    </article>\n  );\n};\n"],"names":["CardDoctorInfo","TitleTag","doctorName","specialties","contactInfo","avatar","className","officesInfo","officeLabel","openOffices","setOpenOffices","useState","showContactInfo","toggleOffice","index","i","jsxs","clsx","Row","jsx","Avatar","info","Divider","Col","office","React","CategoryHeader"],"mappings":"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"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/ui/CardDoctorInfo/index.tsx"],"sourcesContent":["import { Avatar } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./CardDoctorInfo.scss\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport { CategoryHeader, Col, Row } from \"@/components\";\r\nimport { useState } from \"react\";\r\n// import { OfficeResponse } from \"@/types/general-practitioner-service\";\r\nimport React from \"react\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype Info = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype CardDoctorInfoProps = {\r\n  titleTag?: HeadingLevel;\r\n  doctorName: string;\r\n  specialties?: string[];\r\n  contactInfo?: Info[];\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  className?: string;\r\n  // offices?: OfficeResponse[];\r\n  officesInfo?: Info[][];\r\n  officeLabel?: string;\r\n};\r\n\r\n// TODO: da finire\r\nexport const CardDoctorInfo = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  doctorName,\r\n  specialties,\r\n  contactInfo,\r\n  avatar,\r\n  className,\r\n  officesInfo = [],\r\n  officeLabel = \"Ambulatorio\",\r\n}: CardDoctorInfoProps) => {\r\n  const [openOffices, setOpenOffices] = useState<number[]>([]);\r\n\r\n  const showContactInfo = () => {\r\n    return contactInfo && contactInfo?.length > 0;\r\n  };\r\n\r\n  const toggleOffice = (index: number) => {\r\n    if (openOffices.includes(index)) {\r\n      setOpenOffices(openOffices.filter((i) => i !== index));\r\n    } else {\r\n      setOpenOffices([...openOffices, index]);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <article\r\n      className={clsx(\"bg-white shadow br-x4 ui-card-doctor-info\", className)}\r\n    >\r\n      <Row as={\"header\"} gap={\"x16\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n\r\n        <div>\r\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n            {doctorName}\r\n          </TitleTag>\r\n          {specialties && specialties?.length > 0 && (\r\n            <p className=\"fs-6 text-slate-20 fw-regular\">\r\n              {specialties?.join(\" | \")}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </Row>\r\n      <div className=\"ui-card-doctor-content-info\">\r\n        {showContactInfo() && (\r\n          <dl className=\"ui-card-doctor-contact-info\">\r\n            {contactInfo?.map((info) => (\r\n              <div\r\n                key={info.label}\r\n                role=\"group\"\r\n                className=\"ui-card-doctor-contact-detail-info\"\r\n              >\r\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\r\n                <dd className=\"fs-6 fw-regular  text-slate-28\">{info.value}</dd>\r\n              </div>\r\n            ))}\r\n          </dl>\r\n        )}\r\n        {officesInfo?.length > 0 && (\r\n          <Divider\r\n            bg=\"border-divider\"\r\n            className=\"ui-card-doctor-divider-info mt-x24\"\r\n          />\r\n        )}\r\n\r\n        <Col>\r\n          {officesInfo?.length > 0 &&\r\n            officesInfo?.map((office, index) => (\r\n              <React.Fragment key={index}>\r\n                <CategoryHeader\r\n                  title={`${officeLabel} ${index + 1}`}\r\n                  isOpen={openOffices.includes(index)}\r\n                  onToggle={() => toggleOffice(index)}\r\n                  hasBorder={!openOffices.includes(index)}\r\n                  className={\"pt-x24\"}\r\n                />\r\n                {openOffices.includes(index) && (\r\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\r\n                    {office.length > 0 && (\r\n                      <dl className=\"ui-card-doctor-contact-info\">\r\n                        {office?.map((info) => (\r\n                          <div\r\n                            key={info.label}\r\n                            role=\"group\"\r\n                            className=\"ui-card-doctor-contact-detail-info\"\r\n                          >\r\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\r\n                              {info.label}\r\n                            </dt>\r\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\r\n                              {info.value}\r\n                            </dd>\r\n                          </div>\r\n                        ))}\r\n                      </dl>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </React.Fragment>\r\n            ))}\r\n        </Col>\r\n      </div>\r\n    </article>\r\n  );\r\n};\r\n"],"names":["CardDoctorInfo","TitleTag","doctorName","specialties","contactInfo","avatar","className","officesInfo","officeLabel","openOffices","setOpenOffices","useState","showContactInfo","toggleOffice","index","i","jsxs","clsx","Row","jsx","Avatar","info","Divider","Col","office","React","CategoryHeader"],"mappings":"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"}

package/dist/index.es43.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es154.js";
 import { BaseModal as n } from "./index.es37.js";
-import { clsx as a } from "./index.es155.js";
+import { clsx as a } from "./index.es156.js";
 import './components/ui/DoctorConfirmModal/DoctorConfirmModal.css';/* empty css            */
 import { DoctorConfirmModalContent as s } from "./index.es218.js";
 import { DoctorConfirmModalHeader as d } from "./index.es219.js";

package/dist/index.es43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es43.js","sources":["../src/components/ui/DoctorConfirmModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\nimport clsx from \"clsx\";\nimport \"./DoctorConfirmModal.scss\";\nimport { DoctorConfirmModalContent } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalContent\";\nimport { DoctorConfirmModalHeader } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalHeader\";\nimport { DoctorConfirmModalFooter } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter\";\n\ntype DoctorConfirmModalProps = {\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: React.ReactNode;\n};\n\nconst DoctorConfirmModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: DoctorConfirmModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nDoctorConfirmModal.Header = DoctorConfirmModalHeader;\nDoctorConfirmModal.Content = DoctorConfirmModalContent;\nDoctorConfirmModal.Footer = DoctorConfirmModalFooter;\n\nexport { DoctorConfirmModal };\n"],"names":["DoctorConfirmModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorConfirmModalHeader","DoctorConfirmModalContent","DoctorConfirmModalFooter"],"mappings":";;;;;;;AAcA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAmB,SAASQ;AAC5BR,EAAmB,UAAUS;AAC7BT,EAAmB,SAASU;"}
+{"version":3,"file":"index.es43.js","sources":["../src/components/ui/DoctorConfirmModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"../BaseModal\";\r\nimport clsx from \"clsx\";\r\nimport \"./DoctorConfirmModal.scss\";\r\nimport { DoctorConfirmModalContent } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalContent\";\r\nimport { DoctorConfirmModalHeader } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalHeader\";\r\nimport { DoctorConfirmModalFooter } from \"@/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter\";\r\n\r\ntype DoctorConfirmModalProps = {\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst DoctorConfirmModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: DoctorConfirmModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-consent-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nDoctorConfirmModal.Header = DoctorConfirmModalHeader;\r\nDoctorConfirmModal.Content = DoctorConfirmModalContent;\r\nDoctorConfirmModal.Footer = DoctorConfirmModalFooter;\r\n\r\nexport { DoctorConfirmModal };\r\n"],"names":["DoctorConfirmModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DoctorConfirmModalHeader","DoctorConfirmModalContent","DoctorConfirmModalFooter"],"mappings":";;;;;;;AAcA,MAAMA,IAAqB,CAAC;AAAA,EAC1B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,6BAA6BL,CAAkB;AAAA,IAEvE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAmB,SAASQ;AAC5BR,EAAmB,UAAUS;AAC7BT,EAAmB,SAASU;"}

package/dist/index.es44.js

@@ -1,5 +1,5 @@
 import { j as a } from "./index.es154.js";
-import { clsx as d } from "./index.es155.js";
+import { clsx as d } from "./index.es156.js";
 import './components/ui/DocumentUploadModal/DocumentUploadModal.css';/* empty css            */
 import { DocumentUploadModalHeader as p } from "./index.es222.js";
 import { DocumentUploadModalContent as l } from "./index.es223.js";

package/dist/index.es44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es44.js","sources":["../src/components/ui/DocumentUploadModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components\";\nimport clsx from \"clsx\";\nimport \"./DocumentUploadModal.scss\";\nimport { PropsWithChildren, ReactNode } from \"react\";\nimport { DocumentUploadModalHeader } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalHeader\";\nimport { DocumentUploadModalContent } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalContent\";\nimport { DocumentUploadModalFooter } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalFooter\";\n\ntype DocumentUploadModalProps = PropsWithChildren<{\n  open: boolean;\n  overrideClassNames?: string;\n  setOpen: (open: boolean) => void;\n  children: ReactNode;\n}>;\n\nconst DocumentUploadModal = ({\n  open,\n  overrideClassNames,\n  setOpen,\n  children,\n}: DocumentUploadModalProps) => {\n  return (\n    <BaseModal\n      open={open}\n      setOpen={setOpen}\n      overrideClassNames={clsx(\"ui-upload-modal-override\", overrideClassNames)}\n    >\n      {children}\n    </BaseModal>\n  );\n};\n\nDocumentUploadModal.Header = DocumentUploadModalHeader;\nDocumentUploadModal.Content = DocumentUploadModalContent;\nDocumentUploadModal.Footer = DocumentUploadModalFooter;\n\nexport { DocumentUploadModal };\n"],"names":["DocumentUploadModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DocumentUploadModalHeader","DocumentUploadModalContent","DocumentUploadModalFooter"],"mappings":";;;;;;;AAeA,MAAMA,IAAsB,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,4BAA4BL,CAAkB;AAAA,IAEtE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAoB,SAASQ;AAC7BR,EAAoB,UAAUS;AAC9BT,EAAoB,SAASU;"}
+{"version":3,"file":"index.es44.js","sources":["../src/components/ui/DocumentUploadModal/index.tsx"],"sourcesContent":["import { BaseModal } from \"@/components\";\r\nimport clsx from \"clsx\";\r\nimport \"./DocumentUploadModal.scss\";\r\nimport { PropsWithChildren, ReactNode } from \"react\";\r\nimport { DocumentUploadModalHeader } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalHeader\";\r\nimport { DocumentUploadModalContent } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalContent\";\r\nimport { DocumentUploadModalFooter } from \"@/components/ui/DocumentUploadModal/DocumentUploadModalFooter\";\r\n\r\ntype DocumentUploadModalProps = PropsWithChildren<{\r\n  open: boolean;\r\n  overrideClassNames?: string;\r\n  setOpen: (open: boolean) => void;\r\n  children: ReactNode;\r\n}>;\r\n\r\nconst DocumentUploadModal = ({\r\n  open,\r\n  overrideClassNames,\r\n  setOpen,\r\n  children,\r\n}: DocumentUploadModalProps) => {\r\n  return (\r\n    <BaseModal\r\n      open={open}\r\n      setOpen={setOpen}\r\n      overrideClassNames={clsx(\"ui-upload-modal-override\", overrideClassNames)}\r\n    >\r\n      {children}\r\n    </BaseModal>\r\n  );\r\n};\r\n\r\nDocumentUploadModal.Header = DocumentUploadModalHeader;\r\nDocumentUploadModal.Content = DocumentUploadModalContent;\r\nDocumentUploadModal.Footer = DocumentUploadModalFooter;\r\n\r\nexport { DocumentUploadModal };\r\n"],"names":["DocumentUploadModal","open","overrideClassNames","setOpen","children","jsx","BaseModal","clsx","DocumentUploadModalHeader","DocumentUploadModalContent","DocumentUploadModalFooter"],"mappings":";;;;;;;AAeA,MAAMA,IAAsB,CAAC;AAAA,EAC3B,MAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAAAL;AAAA,IACA,SAAAE;AAAA,IACA,oBAAoBI,EAAK,4BAA4BL,CAAkB;AAAA,IAEtE,UAAAE;AAAA,EAAA;AACH;AAIJJ,EAAoB,SAASQ;AAC7BR,EAAoB,UAAUS;AAC9BT,EAAoB,SAASU;"}

package/dist/index.es45.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es154.js";
 import { useState as k } from "react";
 import { Button as p } from "./index.es25.js";
-import { clsx as r } from "./index.es155.js";
+import { clsx as r } from "./index.es156.js";
 import './components/ui/DocumentUploadComponent/DocumentUploadComponent.css';/* empty css            */
 import { Col as R } from "./index.es10.js";
 import { Close as v } from "./index.es95.js";

package/dist/index.es45.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es45.js","sources":["../src/components/ui/DocumentUploadComponent/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { Attachment, Close } from \"@/icons\";\nimport clsx from \"clsx\";\nimport \"./DocumentUploadComponent.scss\";\nimport { Col } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ninterface DocumentUploadProps {\n  onFileUpload: (\n    base64File: string,\n    fileName: string,\n    fileType: string,\n  ) => void;\n  isLoading: boolean;\n  title: string;\n  description?: string;\n  titleTag: HeadingLevel;\n  actionText?: string;\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  id?: string;\n  name?: string;\n  fileSizeLabel?: string;\n  removeLabel?: string;\n}\n\nexport const DocumentUploadComponent = ({\n  onFileUpload,\n  isLoading,\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h3\",\n  actionText = \"Aggiungi\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  id = \"fileInput\",\n  name = \"fileInput\",\n  fileSizeLabel = \"Dimensioni\",\n  removeLabel = \"RIMUOVI\",\n}: DocumentUploadProps) => {\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\n\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (event.target.files && event.target.files.length > 0) {\n      const file = event.target.files[0];\n      setSelectedFile(file);\n\n      if (onFileUpload && file) {\n        convertToBase64(file).then((base64) => {\n          onFileUpload(base64, file.name, file.type);\n        });\n      }\n    }\n  };\n\n  const convertToBase64 = (file: File): Promise<string> => {\n    return new Promise((resolve, reject) => {\n      const reader = new FileReader();\n      reader.readAsDataURL(file);\n      reader.onload = () => {\n        if (typeof reader.result === \"string\") {\n          // Remove the data URL prefix (e.g., \"data:application/pdf;base64,\")\n          const base64String = reader.result.split(\",\")[1];\n          resolve(base64String);\n        }\n      };\n      reader.onerror = (error) => reject(error);\n    });\n  };\n\n  const handleClear = () => {\n    setSelectedFile(null);\n    const fileInput = document.getElementById(id) as HTMLInputElement;\n    if (fileInput) fileInput.value = \"\";\n    onFileUpload(\"\", \"\", \"\");\n  };\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      bg={\"lightblue-a03\"}\n      className={clsx(className, \"ui-banner-upload shadow\")}\n    >\n      <TitleTag\n        className={clsx(\n          selectedFile ? \"text-primary\" : \"text-slate-20\",\n          \"ui-banner-title-upload \",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {selectedFile ? selectedFile.name : title}\n      </TitleTag>\n      <main\n        className={clsx(\n          \"ui-banner-content-upload fs-6 text-secondary w-100 ui-banner-content-layout1-upload text-secondary justify-content-between\",\n        )}\n      >\n        <div\n          className={clsx(classNameDescription, \"ui-banner-description-upload\")}\n        >\n          {selectedFile ? (\n            <div>\n              {fileSizeLabel}: {(selectedFile.size / (1024 * 1024)).toFixed(2)}{\" \"}\n              MB\n            </div>\n          ) : (\n            description\n          )}\n        </div>\n\n        <div className={clsx(\"ui-banner-link-upload\")}>\n          <input\n            type=\"file\"\n            id={id}\n            name={name}\n            style={{ display: \"none\" }}\n            onChange={handleFileChange}\n            accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png\"\n            className=\"fs-7\"\n            required\n          />\n\n          {selectedFile ? (\n            <Button\n              size={\"2\"}\n              textColor=\"primary\"\n              bg=\"lightblue-a03\"\n              className={\"w-full \"}\n              onClick={handleClear}\n              disabled={isLoading}\n            >\n              <Close />\n              <p className={\"fs-6 fw-bold px-x8\"}>{removeLabel}</p>\n            </Button>\n          ) : (\n            <Button\n              size={\"2\"}\n              textColor=\"primary\"\n              bg=\"lightblue-a03\"\n              border={\"primary\"}\n              className={\"w-full\"}\n              onClick={() => document.getElementById(id)?.click()}\n              disabled={isLoading}\n            >\n              <Attachment className={\"mr-x8\"} />\n              <p className={\"fs-6 fw-bold\"}>{actionText}</p>\n            </Button>\n          )}\n        </div>\n      </main>\n    </Col>\n  );\n};\n"],"names":["DocumentUploadComponent","onFileUpload","isLoading","title","description","TitleTag","actionText","className","classNameTitle","classNameDescription","id","name","fileSizeLabel","removeLabel","selectedFile","setSelectedFile","useState","handleFileChange","event","file","convertToBase64","base64","resolve","reject","reader","base64String","error","handleClear","fileInput","jsxs","Col","clsx","jsx","Button","Close","_a","Attachment"],"mappings":"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"}
+{"version":3,"file":"index.es45.js","sources":["../src/components/ui/DocumentUploadComponent/index.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useState } from \"react\";\r\nimport { Button } from \"../Button\";\r\nimport { Attachment, Close } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport \"./DocumentUploadComponent.scss\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ninterface DocumentUploadProps {\r\n  onFileUpload: (\r\n    base64File: string,\r\n    fileName: string,\r\n    fileType: string,\r\n  ) => void;\r\n  isLoading: boolean;\r\n  title: string;\r\n  description?: string;\r\n  titleTag: HeadingLevel;\r\n  actionText?: string;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  id?: string;\r\n  name?: string;\r\n  fileSizeLabel?: string;\r\n  removeLabel?: string;\r\n}\r\n\r\nexport const DocumentUploadComponent = ({\r\n  onFileUpload,\r\n  isLoading,\r\n  title,\r\n  description = \"\",\r\n  titleTag: TitleTag = \"h3\",\r\n  actionText = \"Aggiungi\",\r\n  className = \"\",\r\n  classNameTitle = \"\",\r\n  classNameDescription = \"\",\r\n  id = \"fileInput\",\r\n  name = \"fileInput\",\r\n  fileSizeLabel = \"Dimensioni\",\r\n  removeLabel = \"RIMUOVI\",\r\n}: DocumentUploadProps) => {\r\n  const [selectedFile, setSelectedFile] = useState<File | null>(null);\r\n\r\n  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (event.target.files && event.target.files.length > 0) {\r\n      const file = event.target.files[0];\r\n      setSelectedFile(file);\r\n\r\n      if (onFileUpload && file) {\r\n        convertToBase64(file).then((base64) => {\r\n          onFileUpload(base64, file.name, file.type);\r\n        });\r\n      }\r\n    }\r\n  };\r\n\r\n  const convertToBase64 = (file: File): Promise<string> => {\r\n    return new Promise((resolve, reject) => {\r\n      const reader = new FileReader();\r\n      reader.readAsDataURL(file);\r\n      reader.onload = () => {\r\n        if (typeof reader.result === \"string\") {\r\n          // Remove the data URL prefix (e.g., \"data:application/pdf;base64,\")\r\n          const base64String = reader.result.split(\",\")[1];\r\n          resolve(base64String);\r\n        }\r\n      };\r\n      reader.onerror = (error) => reject(error);\r\n    });\r\n  };\r\n\r\n  const handleClear = () => {\r\n    setSelectedFile(null);\r\n    const fileInput = document.getElementById(id) as HTMLInputElement;\r\n    if (fileInput) fileInput.value = \"\";\r\n    onFileUpload(\"\", \"\", \"\");\r\n  };\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      gap={\"x16\"}\r\n      bg={\"lightblue-a03\"}\r\n      className={clsx(className, \"ui-banner-upload shadow\")}\r\n    >\r\n      <TitleTag\r\n        className={clsx(\r\n          selectedFile ? \"text-primary\" : \"text-slate-20\",\r\n          \"ui-banner-title-upload \",\r\n          classNameTitle || \"fs-4 fw-bold\",\r\n        )}\r\n      >\r\n        {selectedFile ? selectedFile.name : title}\r\n      </TitleTag>\r\n      <main\r\n        className={clsx(\r\n          \"ui-banner-content-upload fs-6 text-secondary w-100 ui-banner-content-layout1-upload text-secondary justify-content-between\",\r\n        )}\r\n      >\r\n        <div\r\n          className={clsx(classNameDescription, \"ui-banner-description-upload\")}\r\n        >\r\n          {selectedFile ? (\r\n            <div>\r\n              {fileSizeLabel}: {(selectedFile.size / (1024 * 1024)).toFixed(2)}{\" \"}\r\n              MB\r\n            </div>\r\n          ) : (\r\n            description\r\n          )}\r\n        </div>\r\n\r\n        <div className={clsx(\"ui-banner-link-upload\")}>\r\n          <input\r\n            type=\"file\"\r\n            id={id}\r\n            name={name}\r\n            style={{ display: \"none\" }}\r\n            onChange={handleFileChange}\r\n            accept=\".pdf,.doc,.docx,.jpg,.jpeg,.png\"\r\n            className=\"fs-7\"\r\n            required\r\n          />\r\n\r\n          {selectedFile ? (\r\n            <Button\r\n              size={\"2\"}\r\n              textColor=\"primary\"\r\n              bg=\"lightblue-a03\"\r\n              className={\"w-full \"}\r\n              onClick={handleClear}\r\n              disabled={isLoading}\r\n            >\r\n              <Close />\r\n              <p className={\"fs-6 fw-bold px-x8\"}>{removeLabel}</p>\r\n            </Button>\r\n          ) : (\r\n            <Button\r\n              size={\"2\"}\r\n              textColor=\"primary\"\r\n              bg=\"lightblue-a03\"\r\n              border={\"primary\"}\r\n              className={\"w-full\"}\r\n              onClick={() => document.getElementById(id)?.click()}\r\n              disabled={isLoading}\r\n            >\r\n              <Attachment className={\"mr-x8\"} />\r\n              <p className={\"fs-6 fw-bold\"}>{actionText}</p>\r\n            </Button>\r\n          )}\r\n        </div>\r\n      </main>\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["DocumentUploadComponent","onFileUpload","isLoading","title","description","TitleTag","actionText","className","classNameTitle","classNameDescription","id","name","fileSizeLabel","removeLabel","selectedFile","setSelectedFile","useState","handleFileChange","event","file","convertToBase64","base64","resolve","reject","reader","base64String","error","handleClear","fileInput","jsxs","Col","clsx","jsx","Button","Close","_a","Attachment"],"mappings":"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"}