@anoki/fse-ui 2.4.0-RC4 → 2.4.0-RC5

package/dist/index.es417.js

@@ -0,0 +1,111 @@
+import { j as a } from "./index.es279.js";
+import './components/ui/Feedback/Questions.css';/* empty css            */
+import { useState as k, useCallback as C } from "react";
+import { Button as u } from "./index.es34.js";
+function O({
+  questions: l,
+  onChangeAnswer: r,
+  onSend: f,
+  values: n,
+  openAnswer: s,
+  handleOpenAnswer: x,
+  buttons: o,
+  maxCharactersMessage: m,
+  openAnswerPlaceholder: j,
+  resetFeedback: c
+}) {
+  const [e, p] = k(0), g = C(
+    (t, i) => {
+      r(t, i);
+    },
+    [r]
+  ), N = () => {
+    f();
+  }, v = () => {
+    !n[e] && l[e].type !== "OPEN" || (e < l.length - 1 && p(e + 1), e === l.length - 1 && N());
+  }, b = () => {
+    if (e === 0) {
+      c == null || c();
+      return;
+    }
+    e > 0 && p(e - 1);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "steppers", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "steppers-header pb-2  align-items-center", children: [
+      /* @__PURE__ */ a.jsx("p", { className: "steppers-header-question-title", children: l[e].question }),
+      /* @__PURE__ */ a.jsxs("span", { className: "steppers-header-question-number", children: [
+        e + 1,
+        "/",
+        l.length
+      ] })
+    ] }),
+    /* @__PURE__ */ a.jsx("div", { className: "steppers-content", "aria-live": "polite", children: l[e].type === "CLOSE" ? /* @__PURE__ */ a.jsx("div", { className: "list-group", children: l[e].answers.map((t, i) => {
+      var h, d;
+      return /* @__PURE__ */ a.jsxs(
+        "label",
+        {
+          htmlFor: `checkbox-${t.id}`,
+          className: " fw-regular fs-6 list-group-item ",
+          children: [
+            /* @__PURE__ */ a.jsx(
+              "input",
+              {
+                type: "radio",
+                id: `checkbox-${t.id}`,
+                name: `question-${e}`,
+                value: t.answer,
+                checked: ((d = (h = n == null ? void 0 : n[e]) == null ? void 0 : h.answer) == null ? void 0 : d.includes(t)) || !1,
+                onChange: () => g(l[e].id, t),
+                className: "custom-control-input form-check-input me-2 black-focus"
+              }
+            ),
+            t.answer
+          ]
+        },
+        `${l[e].id}-${i}`
+      );
+    }) }) : /* @__PURE__ */ a.jsxs("div", { className: "form-group d-flex flex-column gap-1", children: [
+      /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: j,
+          className: "form-control black-focus",
+          value: s,
+          onChange: (t) => t.target.value.length <= 200 && x(t.target.value),
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ a.jsxs("div", { className: "d-flex justify-content-between align-items-center max-chars-container", children: [
+        m && /* @__PURE__ */ a.jsx("p", { className: " fs-6 fw-normal ", children: m }),
+        s && s.length > 0 && /* @__PURE__ */ a.jsxs("p", { className: "active fs-6 fw-normal ", children: [
+          s.length,
+          "/200"
+        ] })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ a.jsxs("nav", { className: "steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap", children: [
+      /* @__PURE__ */ a.jsx(
+        u,
+        {
+          className: "feedback-button-back",
+          onClick: b,
+          children: o.previous
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        u,
+        {
+          className: "feedback-button-next",
+          onClick: v,
+          disabled: e === l.length,
+          children: o.next
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  O as Questions
+};
+//# sourceMappingURL=index.es417.js.map

package/dist/index.es417.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es417.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  resetFeedback,\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      resetFeedback?.();\r\n      return;\r\n    }\r\n\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","resetFeedback","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.es418.js

@@ -0,0 +1,8 @@
+import { CardRoot as o } from "./index.es566.js";
+const r = {
+  Root: o
+};
+export {
+  r as CardComponent
+};
+//# sourceMappingURL=index.es418.js.map

package/dist/{index.es442.js.map → index.es418.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es442.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;"}
+{"version":3,"file":"index.es418.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.es42.js

@@ -1,10 +1,10 @@
 import { j as l } from "./index.es279.js";
 import { Avatar as C } from "./index.es29.js";
 import './components/ui/CardDoctorInfo/CardDoctorInfo.css';/* empty css            */
-import { clsx as u } from "./index.es281.js";
+import { clsx as u } from "./index.es282.js";
 import { Divider as g } from "./index.es77.js";
 import b, { useState as O } from "react";
-import { DoctorSchedule as $ } from "./index.es371.js";
+import { DoctorSchedule as $ } from "./index.es339.js";
 import { CategoryHeader as N } from "./index.es94.js";
 import { Row as y } from "./index.es130.js";
 import { Col as D } from "./index.es64.js";

package/dist/index.es421.js

@@ -1,29 +1,82 @@
-import { j as o } from "./index.es279.js";
-import { Title as i, Close as a } from "./index.es355.js";
-import { Button as l } from "./index.es34.js";
-import './components/ui/DoctorConfirmModal/DoctorConfirmModalHeader/DoctorConfirmModalHeader.css';/* empty css            */
-import { Close as t } from "./index.es204.js";
-const f = ({
-  closeButton: e = "Chiudi",
-  onCloseClick: s,
-  children: r
-}) => /* @__PURE__ */ o.jsxs("header", { className: "ui-doctor-confirm-modal-header bg-white", children: [
-  /* @__PURE__ */ o.jsx(i, { className: "fs-6 md-fs-custom text-slate-20 fw-bold", children: r }),
-  /* @__PURE__ */ o.jsx(a, { asChild: !0, className: "ui-doctor-confirm-modal-header-close", children: /* @__PURE__ */ o.jsxs(
-    l,
+import { j as e } from "./index.es279.js";
+import { clsx as f } from "./index.es282.js";
+import { createColorClasses as d } from "./index.es320.js";
+const u = ({
+  width: s = 56,
+  height: l = 10,
+  className: i,
+  color: o,
+  decorative: r = !1,
+  ariaLabel: t = "List arrow"
+}) => {
+  const a = d({ color: o });
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
     {
-      size: "4",
-      variant: "closeModal",
-      "aria-label": "Chiudi modale",
-      onClick: s,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: s,
+      height: l,
+      fill: "currentColor",
+      viewBox: "0 0 56 10",
+      className: f(i, a),
+      "aria-hidden": r,
+      "aria-label": r ? void 0 : t,
       children: [
-        e,
-        /* @__PURE__ */ o.jsx(t, { className: "ml-x8", width: 32, height: 32 })
+        /* @__PURE__ */ e.jsx("g", { filter: "url(#filter0_d_348_84872)", children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            fill: "#fff",
+            fillRule: "evenodd",
+            d: "M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z",
+            clipRule: "evenodd"
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
+          "filter",
+          {
+            id: "filter0_d_348_84872",
+            width: "56",
+            height: "40.793",
+            x: "0",
+            y: "-6.793",
+            colorInterpolationFilters: "sRGB",
+            filterUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ e.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+              /* @__PURE__ */ e.jsx(
+                "feColorMatrix",
+                {
+                  in: "SourceAlpha",
+                  result: "hardAlpha",
+                  values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+                }
+              ),
+              /* @__PURE__ */ e.jsx("feOffset", { dy: "8" }),
+              /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "8" }),
+              /* @__PURE__ */ e.jsx("feColorMatrix", { 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",
+                {
+                  in2: "BackgroundImageFix",
+                  result: "effect1_dropShadow_348_84872"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "feBlend",
+                {
+                  in: "SourceGraphic",
+                  in2: "effect1_dropShadow_348_84872",
+                  result: "shape"
+                }
+              )
+            ]
+          }
+        ) })
       ]
     }
-  ) })
-] });
+  );
+};
 export {
-  f as DoctorConfirmModalHeader
+  u as ArrowList
 };
 //# sourceMappingURL=index.es421.js.map

package/dist/index.es421.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es421.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { Close } from \"@/icons\";\r\nimport \"./DoctorConfirmModalHeader.scss\";\r\n\r\ntype DoctorConfirmModalHeaderProps = {\r\n  closeButton?: string;\r\n  onCloseClick?: () => void;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorConfirmModalHeader = ({\r\n  closeButton = \"Chiudi\",\r\n  onCloseClick,\r\n  children,\r\n}: DoctorConfirmModalHeaderProps) => {\r\n  return (\r\n    <header className=\"ui-doctor-confirm-modal-header bg-white\">\r\n      <Dialog.Title className=\"fs-6 md-fs-custom text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n      <Dialog.Close asChild className=\"ui-doctor-confirm-modal-header-close\">\r\n        <Button\r\n          size=\"4\"\r\n          variant={\"closeModal\"}\r\n          aria-label=\"Chiudi modale\"\r\n          onClick={onCloseClick}\r\n        >\r\n          {closeButton}\r\n          <Close className=\"ml-x8\" width={32} height={32} />\r\n        </Button>\r\n      </Dialog.Close>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["DoctorConfirmModalHeader","closeButton","onCloseClick","children","jsxs","jsx","Dialog.Title","Dialog.Close","Button","Close"],"mappings":";;;;;AAWO,MAAMA,IAA2B,CAAC;AAAA,EACvC,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,2CAChB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,WAAU,2CACrB,UAAAH,EAAA,CACH;AAAA,wBACCI,GAAA,EAAa,SAAO,IAAC,WAAU,wCAC9B,UAAAH,gBAAAA,EAAAA;AAAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,cAAW;AAAA,MACX,SAASN;AAAA,MAER,UAAA;AAAA,QAAAD;AAAA,8BACAQ,GAAA,EAAM,WAAU,SAAQ,OAAO,IAAI,QAAQ,GAAA,CAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,EAClD,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es421.js","sources":["../src/icons/ArrowList/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { IconProps } from \"../../types/icons\";\r\nimport { createColorClasses } from \"@/theme/colors\";\r\n\r\nexport const ArrowList = ({\r\n  width = 56,\r\n  height = 10,\r\n  className,\r\n  color,\r\n  decorative = false,\r\n  ariaLabel = \"List arrow\",\r\n}: IconProps) => {\r\n  const classes = createColorClasses({ color });\r\n\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width={width}\r\n      height={height}\r\n      fill=\"currentColor\"\r\n      viewBox=\"0 0 56 10\"\r\n      className={clsx(className, classes)}\r\n      aria-hidden={decorative}\r\n      aria-label={!decorative ? ariaLabel : undefined}\r\n    >\r\n      <g filter=\"url(#filter0_d_348_84872)\">\r\n        <path\r\n          fill=\"#fff\"\r\n          fillRule=\"evenodd\"\r\n          d=\"M25.44 2.134a4 4 0 0 1 5.12 0L40 10H16z\"\r\n          clipRule=\"evenodd\"\r\n        ></path>\r\n      </g>\r\n      <defs>\r\n        <filter\r\n          id=\"filter0_d_348_84872\"\r\n          width=\"56\"\r\n          height=\"40.793\"\r\n          x=\"0\"\r\n          y=\"-6.793\"\r\n          colorInterpolationFilters=\"sRGB\"\r\n          filterUnits=\"userSpaceOnUse\"\r\n        >\r\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\"></feFlood>\r\n          <feColorMatrix\r\n            in=\"SourceAlpha\"\r\n            result=\"hardAlpha\"\r\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\r\n          ></feColorMatrix>\r\n          <feOffset dy=\"8\"></feOffset>\r\n          <feGaussianBlur stdDeviation=\"8\"></feGaussianBlur>\r\n          <feColorMatrix values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\"></feColorMatrix>\r\n          <feBlend\r\n            in2=\"BackgroundImageFix\"\r\n            result=\"effect1_dropShadow_348_84872\"\r\n          ></feBlend>\r\n          <feBlend\r\n            in=\"SourceGraphic\"\r\n            in2=\"effect1_dropShadow_348_84872\"\r\n            result=\"shape\"\r\n          ></feBlend>\r\n        </filter>\r\n      </defs>\r\n    </svg>\r\n  );\r\n};\r\n\r\n\r\n"],"names":["ArrowList","width","height","className","color","decorative","ariaLabel","classes","createColorClasses","jsxs","clsx","jsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAJ,GAAO;AAE5C,SACEK,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWQ,EAAKP,GAAWI,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAAC,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QAAA,EACC,UAAAF,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,OAAM;AAAA,YACN,QAAO;AAAA,YACP,GAAE;AAAA,YACF,GAAE;AAAA,YACF,2BAA0B;AAAA,YAC1B,aAAY;AAAA,YAEZ,UAAA;AAAA,cAAAE,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAETA,gBAAAA,EAAAA,IAAC,YAAA,EAAS,IAAG,IAAA,CAAI;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAA,EAAe,cAAa,IAAA,CAAI;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAA,EAAc,QAAO,6CAAA,CAA6C;AAAA,cACnEA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,cAETA,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EACH,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es422.js

@@ -1,9 +1,18 @@
-import { j as t } from "./index.es279.js";
-import './components/ui/DoctorModal/DoctorModalFooter/DoctorModalFooter.css';/* empty css            */
-const s = ({
-  children: o
-}) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
+import { useEffect as l } from "react";
+const f = (t, n) => {
+  l(() => {
+    if (!n || !t.current) return;
+    const o = t.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), c = o[0], r = o[o.length - 1], s = (e) => {
+      e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
+    }, u = document.activeElement;
+    return c.focus(), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s), n && (u == null || u.focus());
+    };
+  }, [n, t]);
+};
 export {
-  s as DoctorConfirmModalFooter
+  f as useFocusTrap
 };
 //# sourceMappingURL=index.es422.js.map

package/dist/index.es422.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es422.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/index.tsx"],"sourcesContent":["import \"./DoctorConfirmModalFooter.scss\";\r\n\r\ntype DoctorConfirmModalFooterProps = {\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const DoctorConfirmModalFooter = ({\r\n  children,\r\n}: DoctorConfirmModalFooterProps) => {\r\n  return (\r\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\r\n      {children}\r\n    </footer>\r\n  );\r\n};\r\n"],"names":["DoctorConfirmModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA2B,CAAC;AAAA,EACvC,UAAAC;AACF,MAEIC,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAU,2CACf,UAAAD,EAAA,CACH;"}
+{"version":3,"file":"index.es422.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\r\n\r\nexport const useFocusTrap = (\r\n  ref: React.RefObject<HTMLElement | null>,\r\n  isActive: boolean,\r\n) => {\r\n  useEffect(() => {\r\n    if (!isActive || !ref.current) return;\r\n\r\n    const focusableElements = ref.current.querySelectorAll(\r\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\r\n    );\r\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\r\n    const lastFocusableElement = focusableElements[\r\n      focusableElements.length - 1\r\n    ] as HTMLElement;\r\n\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key !== \"Tab\") return;\r\n\r\n      if (e.shiftKey) {\r\n        if (document.activeElement === firstFocusableElement) {\r\n          lastFocusableElement.focus();\r\n          e.preventDefault();\r\n        }\r\n      } else {\r\n        if (document.activeElement === lastFocusableElement) {\r\n          firstFocusableElement.focus();\r\n          e.preventDefault();\r\n        }\r\n      }\r\n    };\r\n\r\n    const previousActiveElement = document.activeElement as HTMLElement;\r\n\r\n    firstFocusableElement.focus();\r\n\r\n    document.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n    return () => {\r\n      document.removeEventListener(\"keydown\", handleKeyDown);\r\n\r\n      if (isActive) {\r\n        previousActiveElement?.focus();\r\n      }\r\n    };\r\n  }, [isActive, ref]);\r\n};\r\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEO,MAAMA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAE/B,UAAMG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IAAA,GAEII,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AAC1C,MAAI,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAA,GACrB,EAAE,eAAA,KAGA,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAA,GACtB,EAAE,eAAA;AAAA,IAGR,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAA,GAEtB,SAAS,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACX,eAAS,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EACF,GAAG,CAACN,GAAUD,CAAG,CAAC;AACpB;"}

package/dist/index.es43.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es279.js";
-import { clsx as p } from "./index.es281.js";
+import { clsx as p } from "./index.es282.js";
 import './components/ui/CardDocument/CardDocument.css';/* empty css            */
 import { Divider as R } from "./index.es77.js";
 import { Loader as h } from "./index.es113.js";

package/dist/index.es440.js

@@ -1,35 +1,28 @@
-import { j as a } from "./index.es279.js";
-import './components/ui/Feedback/Rating.css';/* empty css            */
-import { l as o } from "./index.es282.js";
-import { clsx as c } from "./index.es281.js";
-import { Rating as r } from "./index.es251.js";
-const i = 5, m = o.range(1, i + 1);
-function g({ onClick: t, rating: e = 0 }) {
-  const l = (s) => s <= e;
-  return /* @__PURE__ */ a.jsxs("fieldset", { className: "rating", children: [
-    /* @__PURE__ */ a.jsx("legend", { className: "visually-hidden", children: "Valutazione" }),
-    m.map((s, n) => /* @__PURE__ */ a.jsxs(
-      "button",
-      {
-        onClick: () => t(s),
-        className: c("star black-focus", {
-          active: l(s)
-        }),
-        children: [
-          /* @__PURE__ */ a.jsx(r, { className: "icon icon-sm" }),
-          /* @__PURE__ */ a.jsxs("span", { className: "visually-hidden", children: [
-            "Valuta ",
-            s,
-            " stelle su ",
-            i
-          ] })
-        ]
-      },
-      n
-    ))
-  ] });
-}
+import * as e from "react";
+import c from "./index.es610.js";
+import { extractProps as i } from "./index.es613.js";
+import { requireReactElement as a } from "./index.es618.js";
+import { popoverContentPropDefs as l } from "./index.es619.js";
+import { Theme as f } from "./index.es620.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es621.js";
+const v = (r) => e.createElement(p, { ...r });
+v.displayName = "Popover.Root";
+const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));
+g.displayName = "Popover.Trigger";
+const E = e.forwardRef((r, o) => {
+  const { className: t, forceMount: n, container: s, ...m } = i(r, l);
+  return e.createElement(C, { container: s, forceMount: n }, e.createElement(f, { asChild: !0 }, e.createElement(P, { align: "start", sideOffset: 8, collisionPadding: 10, ...m, ref: o, className: c("rt-PopperContent", "rt-PopoverContent", t) })));
+});
+E.displayName = "Popover.Content";
+const u = e.forwardRef(({ children: r, ...o }, t) => e.createElement(h, { ...o, ref: t, asChild: !0 }, a(r)));
+u.displayName = "Popover.Close";
+const N = e.forwardRef(({ children: r, ...o }, t) => e.createElement(R, { ...o, ref: t }));
+N.displayName = "Popover.Anchor";
 export {
-  g as Rating
+  N as Anchor,
+  u as Close,
+  E as Content,
+  v as Root,
+  g as Trigger
 };
 //# sourceMappingURL=index.es440.js.map

package/dist/index.es440.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es440.js","sources":["../src/components/ui/Feedback/Rating.tsx"],"sourcesContent":["import \"./Rating.scss\";\r\nimport { range } from \"lodash\";\r\nimport { clsx } from \"clsx\";\r\nimport { Rating as RatingIcon } from \"@/icons/Rating\";\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        >\r\n          <RatingIcon className=\"icon icon-sm\" />\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","RatingIcon"],"mappings":";;;;;AAUA,MAAMA,IAAgB,GAChBC,IAAQC,EAAAA,MAAM,GAAGF,IAAgB,CAAC;AAEjC,SAASG,EAAO,EAAE,SAAAC,GAAS,QAAAC,IAAS,KAAkB;AAC3D,QAAMC,IAAiB,CAACC,MAAgBA,KAAOF;AAE/C,SACEG,gBAAAA,EAAAA,KAAC,YAAA,EAAS,WAAU,UAClB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAAC,UAAA,EAAO,WAAU,mBAAkB,UAAA,eAAW;AAAA,IAC9CR,EAAM,IAAI,CAACM,GAAKG,MACfF,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMJ,EAAQG,CAAG;AAAA,QAC1B,WAAWI,EAAK,oBAAoB;AAAA,UAClC,QAAQL,EAAeC,CAAG;AAAA,QAAA,CAC3B;AAAA,QAED,UAAA;AAAA,UAAAE,gBAAAA,EAAAA,IAACG,GAAA,EAAW,WAAU,eAAA,CAAe;AAAA,UAErCJ,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA;AAAA,YAAA;AAAA,YACxBD;AAAA,YAAI;AAAA,YAAYP;AAAA,UAAA,EAAA,CAC1B;AAAA,QAAA;AAAA,MAAA;AAAA,MAVKU;AAAA,IAAA,CAYR;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.es440.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/popover.js"],"sourcesContent":["import*as o from\"react\";import C from\"classnames\";import{Popover as p}from\"radix-ui\";import{extractProps as c}from\"../helpers/extract-props.js\";import{requireReactElement as n}from\"../helpers/require-react-element.js\";import{popoverContentPropDefs as g}from\"./popover.props.js\";import{Theme as R}from\"./theme.js\";const P=e=>o.createElement(p.Root,{...e});P.displayName=\"Popover.Root\";const s=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Trigger,{...r,ref:t,asChild:!0},n(e)));s.displayName=\"Popover.Trigger\";const i=o.forwardRef((e,r)=>{const{className:t,forceMount:a,container:f,...l}=c(e,g);return o.createElement(p.Portal,{container:f,forceMount:a},o.createElement(R,{asChild:!0},o.createElement(p.Content,{align:\"start\",sideOffset:8,collisionPadding:10,...l,ref:r,className:C(\"rt-PopperContent\",\"rt-PopoverContent\",t)})))});i.displayName=\"Popover.Content\";const v=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Close,{...r,ref:t,asChild:!0},n(e)));v.displayName=\"Popover.Close\";const m=o.forwardRef(({children:e,...r},t)=>o.createElement(p.Anchor,{...r,ref:t}));m.displayName=\"Popover.Anchor\";export{m as Anchor,v as Close,i as Content,P as Root,s as Trigger};\n//# sourceMappingURL=popover.js.map\n"],"names":["P","e","o","p.Root","s","r","p.Trigger","n","i","a","f","l","c","g","p.Portal","R","p.Content","C","v","p.Close","m","p.Anchor"],"mappings":";;;;;;;AAA8T,MAACA,IAAE,CAAAC,MAAGC,EAAE,cAAcC,GAAO,EAAC,GAAGF,EAAC,CAAC;AAAED,EAAE,cAAY;AAAoB,MAACI,IAAEF,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAcI,GAAU,EAAC,GAAGD,GAAE,KAAI,GAAE,SAAQ,GAAE,GAAEE,EAAEN,CAAC,CAAC,CAAC;AAAEG,EAAE,cAAY;AAAuB,MAACI,IAAEN,EAAE,WAAW,CAACD,GAAEI,MAAI;AAAC,QAAK,EAAC,WAAU,GAAE,YAAWI,GAAE,WAAUC,GAAE,GAAGC,EAAC,IAAEC,EAAEX,GAAEY,CAAC;AAAE,SAAOX,EAAE,cAAcY,GAAS,EAAC,WAAUJ,GAAE,YAAWD,EAAC,GAAEP,EAAE,cAAca,GAAE,EAAC,SAAQ,GAAE,GAAEb,EAAE,cAAcc,GAAU,EAAC,OAAM,SAAQ,YAAW,GAAE,kBAAiB,IAAG,GAAGL,GAAE,KAAIN,GAAE,WAAUY,EAAE,oBAAmB,qBAAoB,CAAC,EAAC,CAAC,CAAC,CAAC;AAAC,CAAC;AAAET,EAAE,cAAY;AAAuB,MAACU,IAAEhB,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAciB,GAAQ,EAAC,GAAGd,GAAE,KAAI,GAAE,SAAQ,GAAE,GAAEE,EAAEN,CAAC,CAAC,CAAC;AAAEiB,EAAE,cAAY;AAAqB,MAACE,IAAElB,EAAE,WAAW,CAAC,EAAC,UAASD,GAAE,GAAGI,EAAC,GAAE,MAAIH,EAAE,cAAcmB,GAAS,EAAC,GAAGhB,GAAE,KAAI,EAAC,CAAC,CAAC;AAAEe,EAAE,cAAY;","x_google_ignoreList":[0]}

package/dist/index.es441.js

@@ -1,111 +1,9 @@
-import { j as a } from "./index.es279.js";
-import './components/ui/Feedback/Questions.css';/* empty css            */
-import { useState as k, useCallback as C } from "react";
-import { Button as u } from "./index.es34.js";
-function O({
-  questions: l,
-  onChangeAnswer: r,
-  onSend: f,
-  values: n,
-  openAnswer: s,
-  handleOpenAnswer: x,
-  buttons: o,
-  maxCharactersMessage: m,
-  openAnswerPlaceholder: j,
-  resetFeedback: c
-}) {
-  const [e, p] = k(0), g = C(
-    (t, i) => {
-      r(t, i);
-    },
-    [r]
-  ), N = () => {
-    f();
-  }, v = () => {
-    !n[e] && l[e].type !== "OPEN" || (e < l.length - 1 && p(e + 1), e === l.length - 1 && N());
-  }, b = () => {
-    if (e === 0) {
-      c == null || c();
-      return;
-    }
-    e > 0 && p(e - 1);
-  };
-  return /* @__PURE__ */ a.jsxs("div", { className: "steppers", children: [
-    /* @__PURE__ */ a.jsxs("div", { className: "steppers-header pb-2  align-items-center", children: [
-      /* @__PURE__ */ a.jsx("p", { className: "steppers-header-question-title", children: l[e].question }),
-      /* @__PURE__ */ a.jsxs("span", { className: "steppers-header-question-number", children: [
-        e + 1,
-        "/",
-        l.length
-      ] })
-    ] }),
-    /* @__PURE__ */ a.jsx("div", { className: "steppers-content", "aria-live": "polite", children: l[e].type === "CLOSE" ? /* @__PURE__ */ a.jsx("div", { className: "list-group", children: l[e].answers.map((t, i) => {
-      var h, d;
-      return /* @__PURE__ */ a.jsxs(
-        "label",
-        {
-          htmlFor: `checkbox-${t.id}`,
-          className: " fw-regular fs-6 list-group-item ",
-          children: [
-            /* @__PURE__ */ a.jsx(
-              "input",
-              {
-                type: "radio",
-                id: `checkbox-${t.id}`,
-                name: `question-${e}`,
-                value: t.answer,
-                checked: ((d = (h = n == null ? void 0 : n[e]) == null ? void 0 : h.answer) == null ? void 0 : d.includes(t)) || !1,
-                onChange: () => g(l[e].id, t),
-                className: "custom-control-input form-check-input me-2 black-focus"
-              }
-            ),
-            t.answer
-          ]
-        },
-        `${l[e].id}-${i}`
-      );
-    }) }) : /* @__PURE__ */ a.jsxs("div", { className: "form-group d-flex flex-column gap-1", children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          type: "text",
-          placeholder: j,
-          className: "form-control black-focus",
-          value: s,
-          onChange: (t) => t.target.value.length <= 200 && x(t.target.value),
-          autoFocus: !0
-        }
-      ),
-      /* @__PURE__ */ a.jsxs("div", { className: "d-flex justify-content-between align-items-center max-chars-container", children: [
-        m && /* @__PURE__ */ a.jsx("p", { className: " fs-6 fw-normal ", children: m }),
-        s && s.length > 0 && /* @__PURE__ */ a.jsxs("p", { className: "active fs-6 fw-normal ", children: [
-          s.length,
-          "/200"
-        ] })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ a.jsxs("nav", { className: "steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap", children: [
-      /* @__PURE__ */ a.jsx(
-        u,
-        {
-          className: "feedback-button-back",
-          onClick: b,
-          children: o.previous
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        u,
-        {
-          className: "feedback-button-next",
-          onClick: v,
-          disabled: e === l.length,
-          children: o.next
-        }
-      )
-    ] })
-  ] });
-}
+import * as t from "react";
+import r from "./index.es610.js";
+import { BaseButton as m } from "./index.es611.js";
+const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
+s.displayName = "Button";
 export {
-  O as Questions
+  s as Button
 };
 //# sourceMappingURL=index.es441.js.map

package/dist/index.es441.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es441.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  resetFeedback,\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      resetFeedback?.();\r\n      return;\r\n    }\r\n\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","resetFeedback","currentStep","setCurrentStep","useState","handleAnswerChange","useCallback","questionId","answer","onConfirm","handleNext","handlePrevious","jsxs","jsx","index","_b","_a","e","Button"],"mappings":";;;;AAKO,SAASA,EAAU;AAAA,EACxB,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAQC;AAAA,EACR,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,eAAAC;AACF,GAAmB;AACjB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC,GAE1CC,IAAqBC;AAAA,IACzB,CAACC,GAAoBC,MAAmB;AACtC,MAAAf,EAAec,GAAYC,CAAM;AAAA,IACnC;AAAA,IACA,CAACf,CAAc;AAAA,EAAA,GAGXgB,IAAY,MAAM;AACtB,IAAAf,EAAA;AAAA,EACF,GAEMgB,IAAa,MAAM;AACvB,IAAI,CAACf,EAAgBO,CAAW,KAAKV,EAAUU,CAAW,EAAE,SAAS,WAGjEA,IAAcV,EAAU,SAAS,KACnCW,EAAeD,IAAc,CAAC,GAG5BA,MAAgBV,EAAU,SAAS,KACrCiB,EAAA;AAAA,EAEJ,GAEME,IAAiB,MAAM;AAC3B,QAAIT,MAAgB,GAAG;AACrB,MAAAD,KAAA,QAAAA;AACA;AAAA,IACF;AAEA,IAAIC,IAAc,KAChBC,EAAeD,IAAc,CAAC;AAAA,EAElC;AAEA,SACEU,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,YACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,4CACb,UAAA;AAAA,MAAAC,gBAAAA,MAAC,OAAE,WAAW,kCACX,UAAArB,EAAUU,CAAW,EAAE,UAC1B;AAAA,MACAU,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAW,mCACd,UAAA;AAAA,QAAAV,IAAc;AAAA,QAAE;AAAA,QAAEV,EAAU;AAAA,MAAA,EAAA,CAC/B;AAAA,IAAA,GACF;AAAA,IACAqB,gBAAAA,EAAAA,IAAC,SAAI,WAAU,oBAAmB,aAAU,UACzC,UAAArB,EAAUU,CAAW,EAAE,SAAS,gCAC9B,OAAA,EAAI,WAAU,cACZ,UAAAV,EAAUU,CAAW,EAAE,QAAQ,IAAI,CAACM,GAAQM,MAAA;;AAC3CF,6BAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAAS,YAAYJ,EAAO,EAAE;AAAA,UAC9B,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAK,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,IAAI,YAAYL,EAAO,EAAE;AAAA,gBACzB,MAAM,YAAYN,CAAW;AAAA,gBAC7B,OAAOM,EAAO;AAAA,gBACd,WACEO,KAAAC,IAAArB,KAAA,gBAAAA,EAAkBO,OAAlB,gBAAAc,EAAgC,WAAhC,gBAAAD,EAAwC,SAASP,OACjD;AAAA,gBAEF,UAAU,MACRH,EAAmBb,EAAUU,CAAW,EAAE,IAAIM,CAAM;AAAA,gBAEtD,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAEXA,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAlBH,GAAGhB,EAAUU,CAAW,EAAE,EAAE,IAAIY,CAAK;AAAA,MAAA;AAAA,KAoB7C,EAAA,CACH,IAEAF,gBAAAA,OAAC,OAAA,EAAI,WAAU,uCACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,aAAab;AAAA,UACb,WAAU;AAAA,UACV,OAAOJ;AAAA,UACP,UAAU,CAACqB,MACTA,EAAE,OAAO,MAAM,UAAU,OAAOpB,EAAiBoB,EAAE,OAAO,KAAK;AAAA,UAEjE,WAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAGXL,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,yEACZ,UAAA;AAAA,QAAAb,KACCc,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,oBAAoB,UAAAd,GAAqB;AAAA,QAEvDH,KAAcA,EAAW,SAAS,KACjCgB,gBAAAA,EAAAA,KAAC,KAAA,EAAE,WAAU,0BACV,UAAA;AAAA,UAAAhB,EAAW;AAAA,UAAO;AAAA,QAAA,EAAA,CACrB;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF,EAAA,CAEJ;AAAA,IACAgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gGACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASP;AAAA,UAGR,UAAAb,EAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAGXe,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASR;AAAA,UACT,UAAUR,MAAgBV,EAAU;AAAA,UAEnC,UAAAM,EAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es441.js","sources":["../node_modules/@radix-ui/themes/dist/esm/components/button.js"],"sourcesContent":["import*as t from\"react\";import s from\"classnames\";import{BaseButton as p}from\"./_internal/base-button.js\";const o=t.forwardRef(({className:e,...n},r)=>t.createElement(p,{...n,ref:r,className:s(\"rt-Button\",e)}));o.displayName=\"Button\";export{o as Button};\n//# sourceMappingURL=button.js.map\n"],"names":["o","t","e","n","r","p","s"],"mappings":";;;AAA+G,MAACA,IAAEC,EAAE,WAAW,CAAC,EAAC,WAAUC,GAAE,GAAGC,EAAC,GAAEC,MAAIH,EAAE,cAAcI,GAAE,EAAC,GAAGF,GAAE,KAAIC,GAAE,WAAUE,EAAE,aAAYJ,CAAC,EAAC,CAAC,CAAC;AAAEF,EAAE,cAAY;","x_google_ignoreList":[0]}

package/dist/index.es45.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es279.js";
 import { SvgIcon as C } from "./index.es142.js";
-import { CtaCardIcon as x } from "./index.es374.js";
+import { CtaCardIcon as x } from "./index.es342.js";
 import { RichText as A } from "./index.es163.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
 var _ = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(_ || {});

package/dist/index.es46.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es279.js";
-import { clsx as x } from "./index.es281.js";
-import { F as y } from "./index.es334.js";
+import { clsx as x } from "./index.es282.js";
+import { F as y } from "./index.es300.js";
 import { ArrowLink as p } from "./index.es26.js";
 import { Button as N } from "./index.es34.js";
 import './components/ui/CardFile/CardFile.css';/* empty css            */

package/dist/index.es465.js

@@ -1,9 +1,35 @@
-import * as t from "react";
-import r from "./index.es702.js";
-import { BaseButton as m } from "./index.es703.js";
-const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
-s.displayName = "Button";
+import { j as z } from "./index.es279.js";
+import { createColorClasses as S } from "./index.es320.js";
+import { clsx as $ } from "./index.es282.js";
+const F = ({
+  className: t,
+  id: o,
+  fs: e = "3",
+  mdFs: s = "1",
+  color: n = "slate-20",
+  as: r = "h2",
+  fw: a = "bold",
+  mdFw: l = "bold",
+  children: c
+}) => {
+  const i = r, m = ((p) => `fs-${p}`)(e), C = s ? `md-fs-${s}` : "", f = `fw-${a}`, x = `md-fw-${l}`, d = S({ text: n });
+  return /* @__PURE__ */ z.jsx(
+    i,
+    {
+      id: o,
+      className: $(
+        f,
+        x,
+        m,
+        C,
+        d,
+        t
+      ),
+      children: c
+    }
+  );
+};
 export {
-  s as Button
+  F as Title
 };
 //# sourceMappingURL=index.es465.js.map