@anoki/fse-ui 1.0.0-beta1.38.4 → 1.0.0-beta1.38.6

package/dist/index.es395.js

@@ -1,11 +1,46 @@
-import { j as r } from "./index.es236.js";
-import { clsx as s } from "./index.es238.js";
-import './components/ui/DoctorModal/DoctorModalContent/DoctorModalContent.css';/* empty css            */
-const i = ({
-  overrideClassNames: o,
-  children: t
-}) => /* @__PURE__ */ r.jsx("div", { className: s("ui-consent-modal-body", o), children: t });
+import { j as a } from "./index.es217.js";
+import './components/ui/Feedback/Rating.css';/* empty css            */
+import { l as o } from "./index.es424.js";
+import { clsx as r } from "./index.es218.js";
+const i = 5, c = o.range(1, i + 1);
+function m({ onClick: l, rating: t = 0 }) {
+  const e = (s) => s <= t;
+  return /* @__PURE__ */ a.jsxs("fieldset", { className: "rating", children: [
+    /* @__PURE__ */ a.jsx("legend", { className: "visually-hidden", children: "Valutazione" }),
+    c.map((s, n) => /* @__PURE__ */ a.jsxs(
+      "button",
+      {
+        onClick: () => l(s),
+        className: r("star black-focus", {
+          active: e(s)
+        }),
+        "aria-label": `${s} ${s === 1 ? "punto" : "punti"} di valutazione su ${i} punti`,
+        children: [
+          /* @__PURE__ */ a.jsx(
+            "svg",
+            {
+              version: "1.1",
+              xmlns: "http://www.w3.org/2000/svg",
+              x: "0px",
+              y: "0px",
+              viewBox: "0 0 24 24",
+              className: "icon icon-sm",
+              children: /* @__PURE__ */ a.jsx("g", { children: /* @__PURE__ */ a.jsx("path", { d: "M12,1.7L9.5,9.2H1.6L8,13.9l-2.4,7.6l6.4-4.7l6.4,4.7L16,13.9l6.4-4.7h-7.9L12,1.7z" }) })
+            }
+          ),
+          /* @__PURE__ */ a.jsxs("span", { className: "visually-hidden", children: [
+            "Valuta ",
+            s,
+            " stelle su ",
+            i
+          ] })
+        ]
+      },
+      n
+    ))
+  ] });
+}
 export {
-  i as ChangeProfileModalContent
+  m as Rating
 };
 //# sourceMappingURL=index.es395.js.map

package/dist/index.es395.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es395.js","sources":["../src/components/ui/ChangeProfileModal/ChangeProfileModalContent/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./ChangeProfileModalContent.scss\";\r\n\r\ntype ChangeProfileModalContentProps = {\r\n  overrideClassNames?: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const ChangeProfileModalContent = ({\r\n  overrideClassNames,\r\n  children,\r\n}: ChangeProfileModalContentProps) => {\r\n  return (\r\n    <div className={clsx(\"ui-consent-modal-body\", overrideClassNames)}>\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["ChangeProfileModalContent","overrideClassNames","children","clsx"],"mappings":";;;AAQO,MAAMA,IAA4B,CAAC;AAAA,EACxC,oBAAAC;AAAA,EACA,UAAAC;AACF,4BAEK,OAAI,EAAA,WAAWC,EAAK,yBAAyBF,CAAkB,GAC7D,UAAAC,GACH;"}
+{"version":3,"file":"index.es395.js","sources":["../src/components/ui/Feedback/Rating.tsx"],"sourcesContent":["import \"./Rating.scss\";\r\nimport { range } from \"lodash\";\r\nimport { clsx } from \"clsx\";\r\n\r\nexport type RatingProps = {\r\n  onClick: (value: number) => void;\r\n  rating?: number;\r\n};\r\n\r\nconst STAR_QUANTITY = 5;\r\nconst STARS = range(1, STAR_QUANTITY + 1);\r\n\r\nexport function Rating({ onClick, rating = 0 }: RatingProps) {\r\n  const isRatingActive = (num: number) => num <= rating;\r\n\r\n  return (\r\n    <fieldset className=\"rating\">\r\n      <legend className=\"visually-hidden\">Valutazione</legend>\r\n      {STARS.map((num, index) => (\r\n        <button\r\n          key={index}\r\n          onClick={() => onClick(num)}\r\n          className={clsx(\"star black-focus\", {\r\n            active: isRatingActive(num),\r\n          })}\r\n          aria-label={`${num} ${num === 1 ? \"punto\" : \"punti\"} di valutazione su ${STAR_QUANTITY} punti`}\r\n        >\r\n          <svg\r\n            version=\"1.1\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            x=\"0px\"\r\n            y=\"0px\"\r\n            viewBox=\"0 0 24 24\"\r\n            className=\"icon icon-sm\"\r\n          >\r\n            <g>\r\n              <path d=\"M12,1.7L9.5,9.2H1.6L8,13.9l-2.4,7.6l6.4-4.7l6.4,4.7L16,13.9l6.4-4.7h-7.9L12,1.7z\" />\r\n            </g>\r\n          </svg>\r\n\r\n          <span className=\"visually-hidden\">\r\n            Valuta {num} stelle su {STAR_QUANTITY}\r\n          </span>\r\n        </button>\r\n      ))}\r\n    </fieldset>\r\n  );\r\n}\r\n"],"names":["STAR_QUANTITY","STARS","range","Rating","onClick","rating","isRatingActive","num","jsxs","jsx","index","clsx"],"mappings":";;;;AASA,MAAMA,IAAgB,GAChBC,IAAQC,EAAA,MAAM,GAAGF,IAAgB,CAAC;AAEjC,SAASG,EAAO,EAAE,SAAAC,GAAS,QAAAC,IAAS,KAAkB;AACrD,QAAAC,IAAiB,CAACC,MAAgBA,KAAOF;AAG7C,SAAAG,gBAAAA,EAAA,KAAC,YAAS,EAAA,WAAU,UAClB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,mBAAkB,UAAW,eAAA;AAAA,IAC9CR,EAAM,IAAI,CAACM,GAAKG,MACfF,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMJ,EAAQG,CAAG;AAAA,QAC1B,WAAWI,EAAK,oBAAoB;AAAA,UAClC,QAAQL,EAAeC,CAAG;AAAA,QAAA,CAC3B;AAAA,QACD,cAAY,GAAGA,CAAG,IAAIA,MAAQ,IAAI,UAAU,OAAO,sBAAsBP,CAAa;AAAA,QAEtF,UAAA;AAAA,UAAAS,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN,GAAE;AAAA,cACF,GAAE;AAAA,cACF,SAAQ;AAAA,cACR,WAAU;AAAA,cAEV,gCAAC,KACC,EAAA,UAAAA,gBAAAA,MAAC,QAAK,EAAA,GAAE,oFAAmF,EAC7F,CAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEAD,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,mBAAkB,UAAA;AAAA,YAAA;AAAA,YACxBD;AAAA,YAAI;AAAA,YAAYP;AAAA,UAAA,EAC1B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAtBKU;AAAA,IAwBR,CAAA;AAAA,EAAA,GACH;AAEJ;"}

package/dist/{index.es434.js → index.es396.js}

@@ -1,4 +1,4 @@
-import { j as a } from "./index.es236.js";
+import { j as a } from "./index.es217.js";
 import './components/ui/Feedback/Questions.css';/* empty css            */
 import { useState as b, useCallback as k } from "react";
 import { Button as h } from "./index.es28.js";
@@ -104,4 +104,4 @@ function E({
 export {
   E as Questions
 };
-//# sourceMappingURL=index.es434.js.map
+//# sourceMappingURL=index.es396.js.map

package/dist/{index.es434.js.map → index.es396.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es434.js","sources":["../src/components/ui/Feedback/Questions.tsx"],"sourcesContent":["import \"./Questions.scss\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { Answer, QuestionsProps } from \"@anoki/fse-common\";\r\nimport { Button } from \"@/components\";\r\n\r\nexport function Questions({\r\n  questions,\r\n  onChangeAnswer,\r\n  onSend,\r\n  values: selectedAnswers,\r\n  openAnswer,\r\n  handleOpenAnswer,\r\n  buttons,\r\n  maxCharactersMessage,\r\n  openAnswerPlaceholder,\r\n}: QuestionsProps) {\r\n  const [currentStep, setCurrentStep] = useState(0);\r\n\r\n  const handleAnswerChange = useCallback(\r\n    (questionId: string, answer: Answer) => {\r\n      onChangeAnswer(questionId, answer);\r\n    },\r\n    [onChangeAnswer],\r\n  );\r\n\r\n  const onConfirm = () => {\r\n    onSend();\r\n  };\r\n\r\n  const handleNext = () => {\r\n    if (!selectedAnswers[currentStep] && questions[currentStep].type !== \"OPEN\")\r\n      return;\r\n\r\n    if (currentStep < questions.length - 1) {\r\n      setCurrentStep(currentStep + 1);\r\n    }\r\n\r\n    if (currentStep === questions.length - 1) {\r\n      onConfirm();\r\n    }\r\n  };\r\n\r\n  const handlePrevious = () => {\r\n    if (currentStep > 0) {\r\n      setCurrentStep(currentStep - 1);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"steppers\">\r\n      <div className=\"steppers-header pb-2  align-items-center\">\r\n        <p className={\"steppers-header-question-title\"}>\r\n          {questions[currentStep].question}\r\n        </p>\r\n        <span className={\"steppers-header-question-number\"}>\r\n          {currentStep + 1}/{questions.length}\r\n        </span>\r\n      </div>\r\n      <div className=\"steppers-content\" aria-live=\"polite\">\r\n        {questions[currentStep].type === \"CLOSE\" ? (\r\n          <div className=\"list-group\">\r\n            {questions[currentStep].answers.map((answer, index) => (\r\n              <label\r\n                key={`${questions[currentStep].id}-${index}`}\r\n                htmlFor={`checkbox-${answer.id}`}\r\n                className=\" fw-regular fs-6 list-group-item \"\r\n              >\r\n                <input\r\n                  type=\"radio\"\r\n                  id={`checkbox-${answer.id}`}\r\n                  name={`question-${currentStep}`}\r\n                  value={answer.answer}\r\n                  checked={\r\n                    selectedAnswers?.[currentStep]?.answer?.includes(answer) ||\r\n                    false\r\n                  }\r\n                  onChange={() =>\r\n                    handleAnswerChange(questions[currentStep].id, answer)\r\n                  }\r\n                  className=\"custom-control-input form-check-input me-2 black-focus\"\r\n                />\r\n                {answer.answer}\r\n              </label>\r\n            ))}\r\n          </div>\r\n        ) : (\r\n          <div className=\"form-group d-flex flex-column gap-1\">\r\n            <input\r\n              type=\"text\"\r\n              placeholder={openAnswerPlaceholder}\r\n              className=\"form-control black-focus\"\r\n              value={openAnswer}\r\n              onChange={(e) =>\r\n                e.target.value.length <= 200 && handleOpenAnswer(e.target.value)\r\n              }\r\n              autoFocus\r\n            />\r\n\r\n            <div className=\"d-flex justify-content-between align-items-center max-chars-container\">\r\n              {maxCharactersMessage && (\r\n                <p className=\" fs-6 fw-normal \">{maxCharactersMessage}</p>\r\n              )}\r\n              {openAnswer && openAnswer.length > 0 && (\r\n                <p className=\"active fs-6 fw-normal \">\r\n                  {openAnswer.length}/200\r\n                </p>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      <nav className=\"steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap\">\r\n        <Button\r\n          className=\"feedback-button-back\"\r\n          onClick={handlePrevious}\r\n          disabled={currentStep === 0}\r\n        >\r\n          {buttons.previous}\r\n        </Button>\r\n\r\n        <Button\r\n          className=\"feedback-button-next\"\r\n          onClick={handleNext}\r\n          disabled={currentStep === questions.length}\r\n        >\r\n          {buttons.next}\r\n        </Button>\r\n      </nav>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Questions","questions","onChangeAnswer","onSend","selectedAnswers","openAnswer","handleOpenAnswer","buttons","maxCharactersMessage","openAnswerPlaceholder","currentStep","setCurrentStep","useState","handleAnswerChange","useCallback","questionId","answer","onConfirm","handleNext","handlePrevious","jsxs","jsx","index","_b","_a","e","Button"],"mappings":"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"}
+{"version":3,"file":"index.es396.js","sources":["../src/components/ui/Feedback/Questions.tsx"],"sourcesContent":["import \"./Questions.scss\";\r\nimport { useCallback, useState } from \"react\";\r\nimport { Answer, QuestionsProps } from \"@anoki/fse-common\";\r\nimport { Button } from \"@/components\";\r\n\r\nexport function Questions({\r\n  questions,\r\n  onChangeAnswer,\r\n  onSend,\r\n  values: selectedAnswers,\r\n  openAnswer,\r\n  handleOpenAnswer,\r\n  buttons,\r\n  maxCharactersMessage,\r\n  openAnswerPlaceholder,\r\n}: QuestionsProps) {\r\n  const [currentStep, setCurrentStep] = useState(0);\r\n\r\n  const handleAnswerChange = useCallback(\r\n    (questionId: string, answer: Answer) => {\r\n      onChangeAnswer(questionId, answer);\r\n    },\r\n    [onChangeAnswer],\r\n  );\r\n\r\n  const onConfirm = () => {\r\n    onSend();\r\n  };\r\n\r\n  const handleNext = () => {\r\n    if (!selectedAnswers[currentStep] && questions[currentStep].type !== \"OPEN\")\r\n      return;\r\n\r\n    if (currentStep < questions.length - 1) {\r\n      setCurrentStep(currentStep + 1);\r\n    }\r\n\r\n    if (currentStep === questions.length - 1) {\r\n      onConfirm();\r\n    }\r\n  };\r\n\r\n  const handlePrevious = () => {\r\n    if (currentStep > 0) {\r\n      setCurrentStep(currentStep - 1);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"steppers\">\r\n      <div className=\"steppers-header pb-2  align-items-center\">\r\n        <p className={\"steppers-header-question-title\"}>\r\n          {questions[currentStep].question}\r\n        </p>\r\n        <span className={\"steppers-header-question-number\"}>\r\n          {currentStep + 1}/{questions.length}\r\n        </span>\r\n      </div>\r\n      <div className=\"steppers-content\" aria-live=\"polite\">\r\n        {questions[currentStep].type === \"CLOSE\" ? (\r\n          <div className=\"list-group\">\r\n            {questions[currentStep].answers.map((answer, index) => (\r\n              <label\r\n                key={`${questions[currentStep].id}-${index}`}\r\n                htmlFor={`checkbox-${answer.id}`}\r\n                className=\" fw-regular fs-6 list-group-item \"\r\n              >\r\n                <input\r\n                  type=\"radio\"\r\n                  id={`checkbox-${answer.id}`}\r\n                  name={`question-${currentStep}`}\r\n                  value={answer.answer}\r\n                  checked={\r\n                    selectedAnswers?.[currentStep]?.answer?.includes(answer) ||\r\n                    false\r\n                  }\r\n                  onChange={() =>\r\n                    handleAnswerChange(questions[currentStep].id, answer)\r\n                  }\r\n                  className=\"custom-control-input form-check-input me-2 black-focus\"\r\n                />\r\n                {answer.answer}\r\n              </label>\r\n            ))}\r\n          </div>\r\n        ) : (\r\n          <div className=\"form-group d-flex flex-column gap-1\">\r\n            <input\r\n              type=\"text\"\r\n              placeholder={openAnswerPlaceholder}\r\n              className=\"form-control black-focus\"\r\n              value={openAnswer}\r\n              onChange={(e) =>\r\n                e.target.value.length <= 200 && handleOpenAnswer(e.target.value)\r\n              }\r\n              autoFocus\r\n            />\r\n\r\n            <div className=\"d-flex justify-content-between align-items-center max-chars-container\">\r\n              {maxCharactersMessage && (\r\n                <p className=\" fs-6 fw-normal \">{maxCharactersMessage}</p>\r\n              )}\r\n              {openAnswer && openAnswer.length > 0 && (\r\n                <p className=\"active fs-6 fw-normal \">\r\n                  {openAnswer.length}/200\r\n                </p>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n      <nav className=\"steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap\">\r\n        <Button\r\n          className=\"feedback-button-back\"\r\n          onClick={handlePrevious}\r\n          disabled={currentStep === 0}\r\n        >\r\n          {buttons.previous}\r\n        </Button>\r\n\r\n        <Button\r\n          className=\"feedback-button-next\"\r\n          onClick={handleNext}\r\n          disabled={currentStep === questions.length}\r\n        >\r\n          {buttons.next}\r\n        </Button>\r\n      </nav>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["Questions","questions","onChangeAnswer","onSend","selectedAnswers","openAnswer","handleOpenAnswer","buttons","maxCharactersMessage","openAnswerPlaceholder","currentStep","setCurrentStep","useState","handleAnswerChange","useCallback","questionId","answer","onConfirm","handleNext","handlePrevious","jsxs","jsx","index","_b","_a","e","Button"],"mappings":"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"}

package/dist/index.es397.js

@@ -1,29 +1,8 @@
-import { j as e } from "./index.es236.js";
-import { Title as o, Close as d } from "./index.es314.js";
-import { Button as i } from "./index.es28.js";
-import './components/ui/AddNewModal/AddNewModalHeader/AddNewModalHeader.css';/* empty css            */
-import { Close as r } from "./index.es157.js";
-const x = ({
-  closeButton: s = "Annulla",
-  onCloseClick: l,
-  children: a
-}) => /* @__PURE__ */ e.jsxs("header", { className: "ui-add-new-modal-header bg-white", children: [
-  /* @__PURE__ */ e.jsx(o, { className: "fs-7 md-fs-custom text-slate-20 fw-bold", children: a }),
-  /* @__PURE__ */ e.jsx(d, { asChild: !0, className: "ui-add-new-modal-header-close", children: /* @__PURE__ */ e.jsxs(
-    i,
-    {
-      size: "4",
-      variant: "closeModal",
-      "aria-label": "Chiudi modale",
-      onClick: l,
-      children: [
-        /* @__PURE__ */ e.jsx("div", { className: "close-label-mobile", children: s }),
-        /* @__PURE__ */ e.jsx(r, { className: "ml-x8", width: 32, height: 32 })
-      ]
-    }
-  ) })
-] });
+import { CardRoot as o } from "./index.es501.js";
+const r = {
+  Root: o
+};
 export {
-  x as AddNewModalHeader
+  r as CardComponent
 };
 //# sourceMappingURL=index.es397.js.map

package/dist/index.es397.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es397.js","sources":["../src/components/ui/AddNewModal/AddNewModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\nimport { Button } from \"../../Button\";\nimport { Close } from \"@/icons\";\nimport \"./AddNewModalHeader.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalHeaderProps = {\n  closeButton?: string;\n  onCloseClick?: () => void;\n  children?: ReactNode;\n};\n\nexport const AddNewModalHeader = ({\n  closeButton = \"Annulla\",\n  onCloseClick,\n  children,\n}: AddNewModalHeaderProps) => {\n  return (\n    <header className=\"ui-add-new-modal-header bg-white\">\n      <Dialog.Title className=\"fs-7 md-fs-custom text-slate-20 fw-bold\">\n        {children}\n      </Dialog.Title>\n      <Dialog.Close asChild className=\"ui-add-new-modal-header-close\">\n        <Button\n          size=\"4\"\n          variant={\"closeModal\"}\n          aria-label=\"Chiudi modale\"\n          onClick={onCloseClick}\n        >\n          <div className={\"close-label-mobile\"}>{closeButton}</div>\n          <Close className=\"ml-x8\" width={32} height={32} />\n        </Button>\n      </Dialog.Close>\n    </header>\n  );\n};\n"],"names":["AddNewModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAYO,MAAMA,IAAoB,CAAC;AAAA,EAChC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,UAAO,EAAA,WAAU,oCAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EACH,CAAA;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,iCAC9B,UAAAH,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAW;AAAA,MACX,SAASN;AAAA,MAET,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,sBAAuB,UAAYJ,GAAA;AAAA,8BAClDQ,GAAM,EAAA,WAAU,SAAQ,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAEpD,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es397.js","sources":["../src/components/ui/card/index.ts"],"sourcesContent":["import { CardRoot } from \"./CardRoot\";\r\n\r\nexport const CardComponent = {\r\n  Root: CardRoot,\r\n};\r\n"],"names":["CardComponent","CardRoot"],"mappings":";AAEO,MAAMA,IAAgB;AAAA,EAC3B,MAAMC;AACR;"}

package/dist/index.es399.js

@@ -1,7 +1,36 @@
-import { j as t } from "./index.es236.js";
-import './components/ui/AddNewModal/AddNewModalFooter/AddNewModalFooter.css';/* empty css            */
-const a = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-add-new-modal-footer bg-white shadow ui-modal-footer", children: o });
+import { j as e } from "./index.es217.js";
+const V = ({ className: i }) => /* @__PURE__ */ e.jsxs("svg", { className: i, width: "121", height: "49", viewBox: "0 0 121 49", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ e.jsx("rect", { width: "121", height: "49", fill: "#C5C7C9" }),
+  /* @__PURE__ */ e.jsxs("g", { clipPath: "url(#clip0_16364_119694)", children: [
+    /* @__PURE__ */ e.jsx("rect", { width: "1440", height: "35228", transform: "translate(-608 -31452)", fill: "white" }),
+    /* @__PURE__ */ e.jsx("rect", { width: "1440", height: "29722", transform: "translate(-608 -29136)", fill: "white" }),
+    /* @__PURE__ */ e.jsx("rect", { width: "1055", height: "29848.1", transform: "translate(-223 -29136)", fill: "white" }),
+    /* @__PURE__ */ e.jsx("rect", { width: "900", height: "29848.1", transform: "translate(-223 -29136)", fill: "white" }),
+    /* @__PURE__ */ e.jsxs("g", { clipPath: "url(#clip1_16364_119694)", filter: "url(#filter0_d_16364_119694)", children: [
+      /* @__PURE__ */ e.jsx("rect", { x: "-199", y: "-47.9004", width: "320", height: "96", rx: "4", fill: "#0066CC" }),
+      /* @__PURE__ */ e.jsx("mask", { id: "path-2-inside-1_16364_119694", fill: "white", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M103.231 7.5H44.0314V44.1287L7.40001 44.1287L7.40001 103.329H44.0314V140.7H103.231V103.329H140.6V44.1287L103.231 44.1287V7.5Z" }) }),
+      /* @__PURE__ */ e.jsx("path", { d: "M44.0314 7.5V3.5H40.0314V7.5H44.0314ZM103.231 7.5H107.231V3.5H103.231V7.5ZM44.0314 44.1287V48.1287H48.0314V44.1287H44.0314ZM7.40001 44.1287L7.40001 40.1287H3.40001L3.40001 44.1287H7.40001ZM7.40001 103.329H3.40001V107.329H7.40001V103.329ZM44.0314 103.329H48.0314V99.3287H44.0314V103.329ZM44.0314 140.7H40.0314V144.7H44.0314V140.7ZM103.231 140.7V144.7H107.231V140.7H103.231ZM103.231 103.329V99.3287H99.2314V103.329H103.231ZM140.6 103.329V107.329H144.6V103.329H140.6ZM140.6 44.1287H144.6V40.1287H140.6V44.1287ZM103.231 44.1287H99.2314V48.1287H103.231V44.1287ZM44.0314 11.5H103.231V3.5H44.0314V11.5ZM48.0314 44.1287V7.5H40.0314V44.1287H48.0314ZM7.40001 48.1287L44.0314 48.1287V40.1287L7.40001 40.1287L7.40001 48.1287ZM11.4 103.329L11.4 44.1287H3.40001L3.40001 103.329H11.4ZM44.0314 99.3287H7.40001V107.329H44.0314V99.3287ZM48.0314 140.7V103.329H40.0314V140.7H48.0314ZM103.231 136.7H44.0314V144.7H103.231V136.7ZM99.2314 103.329V140.7H107.231V103.329H99.2314ZM140.6 99.3287H103.231V107.329H140.6V99.3287ZM136.6 44.1287V103.329H144.6V44.1287H136.6ZM103.231 48.1287L140.6 48.1287V40.1287L103.231 40.1287V48.1287ZM99.2314 7.5V44.1287H107.231V7.5H99.2314Z", fill: "white", mask: "url(#path-2-inside-1_16364_119694)" }),
+      /* @__PURE__ */ e.jsxs("g", { opacity: "0.4", children: [
+        /* @__PURE__ */ e.jsx("mask", { id: "path-4-inside-2_16364_119694", fill: "white", children: /* @__PURE__ */ e.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M75.363 6.85156H53.363V20.4641L39.75 20.4641V42.4641H53.363V56.3516H75.363V42.4641H89.25V20.4641L75.363 20.4641V6.85156Z" }) }),
+        /* @__PURE__ */ e.jsx("path", { d: "M53.363 6.85156V3.85156H50.363V6.85156H53.363ZM75.363 6.85156H78.363V3.85156H75.363V6.85156ZM53.363 20.4641V23.4641H56.363V20.4641H53.363ZM39.75 20.4641L39.75 17.4641H36.75V20.4641H39.75ZM39.75 42.4641H36.75V45.4641H39.75V42.4641ZM53.363 42.4641H56.363V39.4641H53.363V42.4641ZM53.363 56.3516H50.363V59.3516H53.363V56.3516ZM75.363 56.3516V59.3516H78.363V56.3516H75.363ZM75.363 42.4641V39.4641H72.363V42.4641H75.363ZM89.25 42.4641V45.4641H92.25V42.4641H89.25ZM89.25 20.4641H92.25V17.4641H89.25V20.4641ZM75.363 20.4641H72.363V23.4641H75.363V20.4641ZM53.363 9.85156H75.363V3.85156H53.363V9.85156ZM56.363 20.4641V6.85156H50.363V20.4641H56.363ZM39.75 23.4641L53.363 23.4641V17.4641L39.75 17.4641L39.75 23.4641ZM42.75 42.4641V20.4641H36.75V42.4641H42.75ZM53.363 39.4641H39.75V45.4641H53.363V39.4641ZM56.363 56.3516V42.4641H50.363V56.3516H56.363ZM75.363 53.3516H53.363V59.3516H75.363V53.3516ZM72.363 42.4641V56.3516H78.363V42.4641H72.363ZM89.25 39.4641H75.363V45.4641H89.25V39.4641ZM86.25 20.4641V42.4641H92.25V20.4641H86.25ZM75.363 23.4641H89.25V17.4641L75.363 17.4641V23.4641ZM72.363 6.85156V20.4641H78.363V6.85156H72.363Z", fill: "white", mask: "url(#path-4-inside-2_16364_119694)" })
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ e.jsxs("defs", { children: [
+    /* @__PURE__ */ e.jsxs("filter", { id: "filter0_d_16364_119694", x: "-215", y: "-63.9004", width: "352", height: "128", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
+      /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+      /* @__PURE__ */ e.jsx("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+      /* @__PURE__ */ e.jsx("feOffset", {}),
+      /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
+      /* @__PURE__ */ e.jsx("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" }),
+      /* @__PURE__ */ e.jsx("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_16364_119694" }),
+      /* @__PURE__ */ e.jsx("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_16364_119694", result: "shape" })
+    ] }),
+    /* @__PURE__ */ e.jsx("clipPath", { id: "clip0_16364_119694", children: /* @__PURE__ */ e.jsx("rect", { width: "1440", height: "35228", fill: "white", transform: "translate(-608 -31452)" }) }),
+    /* @__PURE__ */ e.jsx("clipPath", { id: "clip1_16364_119694", children: /* @__PURE__ */ e.jsx("rect", { width: "320", height: "96", fill: "white", transform: "translate(-199 -47.9004)" }) })
+  ] })
+] });
 export {
-  a as AddNewModalFooter
+  V as CtaCardIcon
 };
 //# sourceMappingURL=index.es399.js.map

package/dist/index.es399.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es399.js","sources":["../src/components/ui/AddNewModal/AddNewModalFooter/index.tsx"],"sourcesContent":["import \"./AddNewModalFooter.scss\";\nimport { ReactNode } from \"react\";\n\ntype AddNewModalFooterProps = {\n  children?: ReactNode;\n};\n\nexport const AddNewModalFooter = ({ children }: AddNewModalFooterProps) => {\n  return (\n    <footer className=\"ui-add-new-modal-footer bg-white shadow ui-modal-footer\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["AddNewModalFooter","children","jsx"],"mappings":";;AAOO,MAAMA,IAAoB,CAAC,EAAE,UAAAC,QAE/BC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2DACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es399.js","sources":["../src/icons/CtaCardIcon/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons.ts\";\r\n\r\nexport const CtaCardIcon = ({className}: IconProps) => {\r\n  return (\r\n    <svg className={className} width=\"121\" height=\"49\" viewBox=\"0 0 121 49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n      <rect width=\"121\" height=\"49\" fill=\"#C5C7C9\" />\r\n      <g clipPath=\"url(#clip0_16364_119694)\">\r\n        <rect width=\"1440\" height=\"35228\" transform=\"translate(-608 -31452)\" fill=\"white\" />\r\n        <rect width=\"1440\" height=\"29722\" transform=\"translate(-608 -29136)\" fill=\"white\" />\r\n        <rect width=\"1055\" height=\"29848.1\" transform=\"translate(-223 -29136)\" fill=\"white\" />\r\n        <rect width=\"900\" height=\"29848.1\" transform=\"translate(-223 -29136)\" fill=\"white\" />\r\n        <g clipPath=\"url(#clip1_16364_119694)\" filter=\"url(#filter0_d_16364_119694)\">\r\n          <rect x=\"-199\" y=\"-47.9004\" width=\"320\" height=\"96\" rx=\"4\" fill=\"#0066CC\" />\r\n          <mask id=\"path-2-inside-1_16364_119694\" fill=\"white\">\r\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M103.231 7.5H44.0314V44.1287L7.40001 44.1287L7.40001 103.329H44.0314V140.7H103.231V103.329H140.6V44.1287L103.231 44.1287V7.5Z\" />\r\n          </mask>\r\n          <path d=\"M44.0314 7.5V3.5H40.0314V7.5H44.0314ZM103.231 7.5H107.231V3.5H103.231V7.5ZM44.0314 44.1287V48.1287H48.0314V44.1287H44.0314ZM7.40001 44.1287L7.40001 40.1287H3.40001L3.40001 44.1287H7.40001ZM7.40001 103.329H3.40001V107.329H7.40001V103.329ZM44.0314 103.329H48.0314V99.3287H44.0314V103.329ZM44.0314 140.7H40.0314V144.7H44.0314V140.7ZM103.231 140.7V144.7H107.231V140.7H103.231ZM103.231 103.329V99.3287H99.2314V103.329H103.231ZM140.6 103.329V107.329H144.6V103.329H140.6ZM140.6 44.1287H144.6V40.1287H140.6V44.1287ZM103.231 44.1287H99.2314V48.1287H103.231V44.1287ZM44.0314 11.5H103.231V3.5H44.0314V11.5ZM48.0314 44.1287V7.5H40.0314V44.1287H48.0314ZM7.40001 48.1287L44.0314 48.1287V40.1287L7.40001 40.1287L7.40001 48.1287ZM11.4 103.329L11.4 44.1287H3.40001L3.40001 103.329H11.4ZM44.0314 99.3287H7.40001V107.329H44.0314V99.3287ZM48.0314 140.7V103.329H40.0314V140.7H48.0314ZM103.231 136.7H44.0314V144.7H103.231V136.7ZM99.2314 103.329V140.7H107.231V103.329H99.2314ZM140.6 99.3287H103.231V107.329H140.6V99.3287ZM136.6 44.1287V103.329H144.6V44.1287H136.6ZM103.231 48.1287L140.6 48.1287V40.1287L103.231 40.1287V48.1287ZM99.2314 7.5V44.1287H107.231V7.5H99.2314Z\" fill=\"white\" mask=\"url(#path-2-inside-1_16364_119694)\" />\r\n          <g opacity=\"0.4\">\r\n            <mask id=\"path-4-inside-2_16364_119694\" fill=\"white\">\r\n              <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M75.363 6.85156H53.363V20.4641L39.75 20.4641V42.4641H53.363V56.3516H75.363V42.4641H89.25V20.4641L75.363 20.4641V6.85156Z\" />\r\n            </mask>\r\n            <path d=\"M53.363 6.85156V3.85156H50.363V6.85156H53.363ZM75.363 6.85156H78.363V3.85156H75.363V6.85156ZM53.363 20.4641V23.4641H56.363V20.4641H53.363ZM39.75 20.4641L39.75 17.4641H36.75V20.4641H39.75ZM39.75 42.4641H36.75V45.4641H39.75V42.4641ZM53.363 42.4641H56.363V39.4641H53.363V42.4641ZM53.363 56.3516H50.363V59.3516H53.363V56.3516ZM75.363 56.3516V59.3516H78.363V56.3516H75.363ZM75.363 42.4641V39.4641H72.363V42.4641H75.363ZM89.25 42.4641V45.4641H92.25V42.4641H89.25ZM89.25 20.4641H92.25V17.4641H89.25V20.4641ZM75.363 20.4641H72.363V23.4641H75.363V20.4641ZM53.363 9.85156H75.363V3.85156H53.363V9.85156ZM56.363 20.4641V6.85156H50.363V20.4641H56.363ZM39.75 23.4641L53.363 23.4641V17.4641L39.75 17.4641L39.75 23.4641ZM42.75 42.4641V20.4641H36.75V42.4641H42.75ZM53.363 39.4641H39.75V45.4641H53.363V39.4641ZM56.363 56.3516V42.4641H50.363V56.3516H56.363ZM75.363 53.3516H53.363V59.3516H75.363V53.3516ZM72.363 42.4641V56.3516H78.363V42.4641H72.363ZM89.25 39.4641H75.363V45.4641H89.25V39.4641ZM86.25 20.4641V42.4641H92.25V20.4641H86.25ZM75.363 23.4641H89.25V17.4641L75.363 17.4641V23.4641ZM72.363 6.85156V20.4641H78.363V6.85156H72.363Z\" fill=\"white\" mask=\"url(#path-4-inside-2_16364_119694)\" />\r\n          </g>\r\n        </g>\r\n      </g>\r\n      <defs>\r\n        <filter id=\"filter0_d_16364_119694\" x=\"-215\" y=\"-63.9004\" width=\"352\" height=\"128\" filterUnits=\"userSpaceOnUse\" colorInterpolationFilters=\"sRGB\">\r\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\r\n          <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\r\n          <feOffset />\r\n          <feGaussianBlur stdDeviation=\"8\" />\r\n          <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\" />\r\n          <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16364_119694\" />\r\n          <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16364_119694\" result=\"shape\" />\r\n        </filter>\r\n        <clipPath id=\"clip0_16364_119694\">\r\n          <rect width=\"1440\" height=\"35228\" fill=\"white\" transform=\"translate(-608 -31452)\" />\r\n        </clipPath>\r\n        <clipPath id=\"clip1_16364_119694\">\r\n          <rect width=\"320\" height=\"96\" fill=\"white\" transform=\"translate(-199 -47.9004)\" />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n"],"names":["CtaCardIcon","className","jsxs","jsx"],"mappings":"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"}

package/dist/index.es4.js

@@ -1,10 +1,10 @@
-import l from "./index.es234.js";
-import f from "./index.es231.js";
-import c from "./index.es222.js";
-import m from "./index.es217.js";
-import { normalizeZone as d } from "./index.es224.js";
-import { validateWeekSettings as g } from "./index.es223.js";
-import { resetDigitRegexCache as p } from "./index.es235.js";
+import l from "./index.es420.js";
+import f from "./index.es417.js";
+import c from "./index.es408.js";
+import m from "./index.es257.js";
+import { normalizeZone as d } from "./index.es410.js";
+import { validateWeekSettings as g } from "./index.es409.js";
+import { resetDigitRegexCache as p } from "./index.es421.js";
 let e = () => Date.now(), a = "system", r = null, i = null, s = null, n = 60, u, o = null;
 class k {
   /**

package/dist/index.es40.js

@@ -1,14 +1,14 @@
-import { j as r } from "./index.es236.js";
+import { j as r } from "./index.es217.js";
 import { useMemo as n } from "react";
 import { AuthorBlock as U } from "./index.es102.js";
 import './components/ui/HeroContentCard/HeroContentCard.css';/* empty css            */
-import { fromISODateToDateFormatted as $ } from "./index.es306.js";
-import { useCopyToClipboardCurrentPage as A } from "./index.es307.js";
-import { getFullNameInitials as E } from "./index.es308.js";
+import { fromISODateToDateFormatted as $ } from "./index.es261.js";
+import { useCopyToClipboardCurrentPage as A } from "./index.es262.js";
+import { getFullNameInitials as E } from "./index.es263.js";
 import { Row as S } from "./index.es9.js";
-import { splitInTwo as F } from "./index.es309.js";
+import { splitInTwo as F } from "./index.es264.js";
 import { ActionIconText as M } from "./index.es67.js";
-import { clsx as u } from "./index.es238.js";
+import { clsx as u } from "./index.es218.js";
 import { ShareButton as R } from "./index.es123.js";
 import { CopyLink as H } from "./index.es202.js";
 import { Col as O } from "./index.es10.js";
@@ -19,10 +19,10 @@ const se = ({
   ImageComponent: v = "img",
   imageProps: h = {},
   variant: g = "service",
-  publishedLabel: x = "Pubblicato",
-  readingTimeLabel: f = "Tempo di lettura",
-  readingMinuteLabel: T = "min",
-  tagsLabelTitle: d = "Argomenti trattati",
+  publishedLabel: f = "Pubblicato",
+  readingTimeLabel: x = "Tempo di lettura",
+  readingMinuteLabel: d = "min",
+  tagsLabelTitle: T = "Argomenti trattati",
   shareLabel: j = "Condividi",
   copyLinkLabel: C = "Copia link",
   copiedTextLabel: w = "Link copiato",
@@ -31,7 +31,7 @@ const se = ({
   eventCardDescriptionTitle: I,
   tags: N
 }) => {
-  var l, c, p;
+  var m, c, p;
   const { copyToClipboard: y, isCopied: b } = A(), B = n(() => e != null && e.updatedBy ? E(
     e.updatedBy.name ?? "",
     e.updatedBy.surname ?? ""
@@ -67,20 +67,27 @@ const se = ({
                   alt: `Evento ${e.name}`
                 }
               ),
-              /* @__PURE__ */ r.jsx("div", { className: "hero-event-card-container", children: /* @__PURE__ */ r.jsxs(O, { gap: "x32", children: [
-                i(e) && (e.eventCardTitle || e.eventCardDescription) && /* @__PURE__ */ r.jsx(
-                  V,
-                  {
-                    title: i(e) ? e.eventCardTitle ?? "-" : "-",
-                    className: "w-full",
-                    description: i(e) ? I ?? "-" : "-",
-                    description2: i(e) ? e.eventCardDescription ?? "-" : "-",
-                    classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
-                    classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
-                  }
-                ),
-                /* @__PURE__ */ r.jsx(q, { title: d, items: N ?? [] })
-              ] }) })
+              /* @__PURE__ */ r.jsx("div", { className: "hero-event-card-container", children: /* @__PURE__ */ r.jsxs(
+                O,
+                {
+                  justifyContent: "space-between",
+                  className: "h-full event-card-col",
+                  children: [
+                    /* @__PURE__ */ r.jsx("div", { children: i(e) && (e.eventCardTitle || e.eventCardDescription) && /* @__PURE__ */ r.jsx(
+                      V,
+                      {
+                        title: i(e) ? e.eventCardTitle ?? "-" : "-",
+                        className: "w-full",
+                        description: i(e) ? I ?? "-" : "-",
+                        description2: i(e) ? e.eventCardDescription ?? "-" : "-",
+                        classNameTitle: "text-slate-20 fs-5 md-fs-custom-2",
+                        classNameDescriptionTitle: "text-slate-28 fw-bold fs-6 md-fs-custom"
+                      }
+                    ) }),
+                    /* @__PURE__ */ r.jsx(q, { title: T, items: N ?? [] })
+                  ]
+                }
+              ) })
             ] })
           ]
         }
@@ -110,18 +117,18 @@ const se = ({
         ]
       }
     );
-  }, m = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+  }, l = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
     /* @__PURE__ */ r.jsxs("div", { className: "hero-action-author", children: [
       /* @__PURE__ */ r.jsx(
         U,
         {
-          authorName: (l = e == null ? void 0 : e.updatedBy) != null && l.name ? `${(c = e == null ? void 0 : e.updatedBy) == null ? void 0 : c.name} ${(p = e == null ? void 0 : e.updatedBy) == null ? void 0 : p.surname}` : "-",
+          authorName: (m = e == null ? void 0 : e.updatedBy) != null && m.name ? `${(c = e == null ? void 0 : e.updatedBy) == null ? void 0 : c.name} ${(p = e == null ? void 0 : e.updatedBy) == null ? void 0 : p.surname}` : "-",
           avatar: { initials: B },
-          publishedLabel: x,
+          publishedLabel: f,
           publishedDate: $(e.updatedAt ?? "", "it") ?? "-",
-          readingTimeLabel: f,
+          readingTimeLabel: x,
           readingTimeValue: D,
-          readingMinuteLabel: T
+          readingMinuteLabel: d
         }
       ),
       /* @__PURE__ */ r.jsxs(S, { gap: "x8", className: "hero-action-link", children: [
@@ -139,7 +146,7 @@ const se = ({
     ] }),
     L()
   ] });
-  return t ? /* @__PURE__ */ r.jsx("div", { className: "hero-content-card-container-preview", children: m }) : m;
+  return t ? /* @__PURE__ */ r.jsx("div", { className: "hero-content-card-container-preview", children: l }) : l;
 };
 export {
   se as HeroContentCard

package/dist/index.es40.js.map

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

package/dist/index.es402.js

@@ -0,0 +1,25 @@
+import { useState as n, useCallback as l } from "react";
+import "./index.es498.js";
+function s() {
+  const [a, e] = n(null), o = l(async (t) => {
+    if (!(navigator != null && navigator.clipboard))
+      return console.warn("Clipboard not supported"), !1;
+    try {
+      return await navigator.clipboard.writeText(t), e(t), !0;
+    } catch (r) {
+      return console.warn("Copy failed", r), e(null), !1;
+    }
+  }, []);
+  return [a, o];
+}
+function c(a) {
+  const [e, o] = n(!1), t = l(() => {
+    o((r) => !r);
+  }, []);
+  return [e, t, o];
+}
+export {
+  s as useCopyToClipboard,
+  c as useToggle
+};
+//# sourceMappingURL=index.es402.js.map

package/dist/index.es402.js.map

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