@anoki/fse-ui 1.0.0-beta1.45.12 → 1.0.0-beta1.45.14

package/dist/index.es419.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es419.js","sources":["../src/components/ui/Accordion/AccordionStepper/ToggleContent/ToggleContent.tsx"],"sourcesContent":["import { ArrowDown, ArrowTop } from \"@/icons\";\nimport { ToggleLabel } from \"../types\";\nimport clsx from \"clsx\";\n\ntype Props = {\n  className?: string;\n  isOpen: boolean;\n  onClick: () => void;\n  toggleLabels: ToggleLabel;\n};\n\nconst ToggleContent = ({ isOpen, onClick, className, toggleLabels }: Props) => {\n  return (\n    <button className={clsx(\"\", className)} onClick={onClick}>\n      {isOpen ? toggleLabels.closeLabel : toggleLabels.activeLabel}\n      <span className=\"arrow\">{isOpen ? <ArrowTop /> : <ArrowDown />}</span>\n    </button>\n  );\n};\n\nexport default ToggleContent;\n"],"names":["ToggleContent","isOpen","onClick","className","toggleLabels","clsx","jsx","ArrowTop","ArrowDown"],"mappings":";;;;AAWA,MAAMA,IAAgB,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,cAAAC,+BAEhD,UAAO,EAAA,WAAWC,EAAK,IAAIF,CAAS,GAAG,SAAAD,GACrC,UAAA;AAAA,EAASD,IAAAG,EAAa,aAAaA,EAAa;AAAA,EACjDE,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,SAAS,UAAAL,0BAAUM,GAAS,CAAA,CAAA,IAAMD,gBAAAA,EAAA,IAAAE,GAAA,CAAU,CAAA,EAAG,CAAA;AAAA,GACjE;"}
+{"version":3,"file":"index.es419.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.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport React, { ElementType } from \"react\";\n\ntype BaseArrowLinkProps = {\n  isExternal?: boolean;\n  fs?: TypographyKeys;\n  children: React.ReactNode;\n  className?: string;\n};\n\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\n  href: string;\n  asLink?: \"a\" | ElementType;\n  onClick?: never;\n  type?: never;\n  asButton?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\n  onClick?: () => void;\n  type?: \"button\";\n  asButton?: true;\n  asLink?: never;\n  href?: never;\n  arrowVisible?: boolean;\n};\n\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\n\nexport const ArrowLink = ({\n  href,\n  asLink = \"a\",\n  isExternal = false,\n  fs = \"6\",\n  children,\n  className = \"\",\n  onClick,\n  type = \"button\",\n  asButton,\n  arrowVisible = true,\n  ...props\n}: ArrowLinkProps) => {\n  const createFontSizeClass = (size: TypographyKeys) => {\n    return `fs-${size}`;\n  };\n\n  const fontSizeClass = createFontSizeClass(fs);\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\n\n  if (asButton) {\n    return (\n      <button\n        className={`bg-transparent border-none ${baseClasses}`}\n        onClick={(e) => {\n          e.preventDefault();\n          e.stopPropagation();\n          if (onClick) {\n            onClick();\n          }\n        }}\n        type={type}\n        {...props}\n      >\n        {children}\n        {arrowVisible && (\n          <ArrowRight color={\"primary\"} width={24} height={24} />\n        )}\n      </button>\n    );\n  }\n\n  const LinkComponent = asLink;\n\n  return (\n    <LinkComponent\n      className={baseClasses}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      {...props}\n    >\n      {children}\n      {isExternal && (\n        <span className=\"visually-hidden\">\n          {\" \"}\n          (si apre in una nuova finestra)\n        </span>\n      )}\n      {arrowVisible && <ArrowRight color={\"primary\"} width={24} height={24} />}\n    </LinkComponent>\n  );\n};\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","arrowVisible","props","baseClasses","size","jsxs","e","ArrowRight","LinkComponent"],"mappings":";;AA+BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBT,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AAEA,WAAAK,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAS,CAACG,MAAM;AACd,UAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GACdR,KACMA,EAAA;AAAA,QAEZ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGG;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UACAK,2BACEM,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEzD;AAIJ,QAAMC,IAAgBf;AAGpB,SAAAY,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,MAAAX;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAN;AAAA,QACAF,KACCW,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,QAEDJ,2BAAiBM,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxE;AAEJ;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/ui/ArrowLink/index.tsx"],"sourcesContent":["import { ArrowRight } from \"@/icons/ArrowRight\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\nimport React, { ElementType } from \"react\";\r\n\r\ntype BaseArrowLinkProps = {\r\n  isExternal?: boolean;\r\n  fs?: TypographyKeys;\r\n  children: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\ntype ArrowLinkAsLinkProps = BaseArrowLinkProps & {\r\n  href: string;\r\n  asLink?: \"a\" | ElementType;\r\n  onClick?: never;\r\n  type?: never;\r\n  asButton?: never;\r\n  arrowVisible?: boolean;\r\n};\r\n\r\ntype ArrowLinkAsButtonProps = BaseArrowLinkProps & {\r\n  onClick?: () => void;\r\n  type?: \"button\";\r\n  asButton?: true;\r\n  asLink?: never;\r\n  href?: never;\r\n  arrowVisible?: boolean;\r\n};\r\n\r\ntype ArrowLinkProps = ArrowLinkAsLinkProps | ArrowLinkAsButtonProps;\r\n\r\nexport const ArrowLink = ({\r\n  href,\r\n  asLink = \"a\",\r\n  isExternal = false,\r\n  fs = \"6\",\r\n  children,\r\n  className = \"\",\r\n  onClick,\r\n  type = \"button\",\r\n  asButton,\r\n  arrowVisible = true,\r\n  ...props\r\n}: ArrowLinkProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const baseClasses = `max-w-fit text-decoration-none text-primary base-row align-items-center fw-bold gap-x8 hover-underline ${fontSizeClass} ${className}`;\r\n\r\n  if (asButton) {\r\n    return (\r\n      <button\r\n        className={`bg-transparent border-none ${baseClasses}`}\r\n        onClick={(e) => {\r\n          e.preventDefault();\r\n          e.stopPropagation();\r\n          if (onClick) {\r\n            onClick();\r\n          }\r\n        }}\r\n        type={type}\r\n        {...props}\r\n      >\r\n        {children}\r\n        {arrowVisible && (\r\n          <ArrowRight color={\"primary\"} width={24} height={24} />\r\n        )}\r\n      </button>\r\n    );\r\n  }\r\n\r\n  const LinkComponent = asLink;\r\n\r\n  return (\r\n    <LinkComponent\r\n      className={baseClasses}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      {...props}\r\n    >\r\n      {children}\r\n      {isExternal && (\r\n        <span className=\"visually-hidden\">\r\n          {\" \"}\r\n          (si apre in una nuova finestra)\r\n        </span>\r\n      )}\r\n      {arrowVisible && <ArrowRight color={\"primary\"} width={24} height={24} />}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["ArrowLink","href","asLink","isExternal","fs","children","className","onClick","type","asButton","arrowVisible","props","baseClasses","size","jsxs","e","ArrowRight","LinkComponent"],"mappings":";;AA+BO,MAAMA,IAAY,CAAC;AAAA,EACxB,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,YAAAC,IAAa;AAAA,EACb,IAAAC,IAAK;AAAA,EACL,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,GAAGC;AACL,MAAsB;AAMpB,QAAMC,IAAc,2GALQ,CAACC,MACpB,MAAMA,CAAI,IAGuBT,CAAE,CAC+F,IAAIE,CAAS;AAExJ,MAAIG;AAEA,WAAAK,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,8BAA8BF,CAAW;AAAA,QACpD,SAAS,CAACG,MAAM;AACd,UAAAA,EAAE,eAAe,GACjBA,EAAE,gBAAgB,GACdR,KACMA,EAAA;AAAA,QAEZ;AAAA,QACA,MAAAC;AAAA,QACC,GAAGG;AAAA,QAEH,UAAA;AAAA,UAAAN;AAAA,UACAK,2BACEM,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAEzD;AAIJ,QAAMC,IAAgBf;AAGpB,SAAAY,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,WAAWL;AAAA,MACX,MAAAX;AAAA,MACA,QAAQE,IAAa,WAAW;AAAA,MAChC,KAAKA,IAAa,wBAAwB;AAAA,MACzC,GAAGQ;AAAA,MAEH,UAAA;AAAA,QAAAN;AAAA,QACAF,KACCW,gBAAAA,EAAA,KAAC,QAAK,EAAA,WAAU,mBACb,UAAA;AAAA,UAAA;AAAA,UAAI;AAAA,QAAA,GAEP;AAAA,QAEDJ,2BAAiBM,GAAW,EAAA,OAAO,WAAW,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACxE;AAEJ;"}

package/dist/index.es420.js

@@ -1,20 +1,8 @@
-import { j as s } from "./index.es241.js";
-import { clsx as r } from "./index.es242.js";
-const d = ({
-  title: t,
-  badge: e,
-  content: c,
-  isOpen: i,
-  onToggle: l
-}) => /* @__PURE__ */ s.jsxs("div", { className: r("step-item-generic-accordion", i && "isOpen"), children: [
-  /* @__PURE__ */ s.jsxs("div", { className: "step-header", onClick: l, children: [
-    /* @__PURE__ */ s.jsx("div", { className: "step-title", children: t }),
-    e && /* @__PURE__ */ s.jsx("div", { className: "step-badge", children: e }),
-    /* @__PURE__ */ s.jsx("div", { className: "step-arrow", children: /* @__PURE__ */ s.jsx("svg", { className: "arrow-icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", children: /* @__PURE__ */ s.jsx("path", { d: "M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z", fill: "#207AD5" }) }) })
-  ] }),
-  /* @__PURE__ */ s.jsx("div", { className: "step-details", children: /* @__PURE__ */ s.jsx("div", { className: "step-details-content", children: i && /* @__PURE__ */ s.jsx("div", { className: "step-content", children: c }) }) })
-] });
+import { CardRoot as o } from "./index.es508.js";
+const r = {
+  Root: o
+};
 export {
-  d as StepItemGenericAccordion
+  r as CardComponent
 };
 //# sourceMappingURL=index.es420.js.map

package/dist/index.es420.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es420.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\n\nexport interface StepDataGenericAccordion {\n  title: string;\n  badge?: string;\n  content: React.ReactNode;\n}\n\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\n  isOpen: boolean;\n  onToggle: () => void;\n}\n\nexport const StepItemGenericAccordion: React.FC<StepItemPropsGenericAccordion> = ({\n  title,\n  badge,\n  content,\n  isOpen,\n  onToggle,\n}) => {\n  return (\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\n      <div className=\"step-header\" onClick={onToggle}>\n        <div className=\"step-title\">{title}</div>\n        {badge && <div className=\"step-badge\">{badge}</div>}\n        <div className=\"step-arrow\">\n          <svg className=\"arrow-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\">\n            <path d=\"M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z\" fill=\"#207AD5\"/>\n          </svg>\n        </div>\n      </div>\n\n      <div className=\"step-details\">\n        <div className=\"step-details-content\">\n          {isOpen && <div className=\"step-content\">{content}</div>}\n        </div>\n      </div>\n    </div>\n  );\n};\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx"],"mappings":";;AAaO,MAAMA,IAAoE,CAAC;AAAA,EAChF,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,6BAEK,OAAI,EAAA,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,eAAc,SAASF,GACpC,UAAA;AAAA,IAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,GAAA;AAAA,IAClCC,KAASM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,cAAc,UAAMN,GAAA;AAAA,IAC7CM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA,IAAC,SAAI,WAAU,cAAa,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAC7G,UAAAA,gBAAAA,EAAA,IAAC,QAAK,EAAA,GAAE,gGAA+F,MAAK,UAAS,CAAA,EACvH,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAAA,EAECA,gBAAAA,MAAA,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAI,EAAA,WAAU,wBACZ,UAAAJ,2BAAW,OAAI,EAAA,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es420.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.es422.js

@@ -0,0 +1,36 @@
+import { j as e } from "./index.es241.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 {
+  V as CtaCardIcon
+};
+//# sourceMappingURL=index.es422.js.map

package/dist/index.es422.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es422.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.es429.js

@@ -0,0 +1,6 @@
+import { __require as r } from "./index.es511.js";
+var a = r();
+export {
+  a as l
+};
+//# sourceMappingURL=index.es429.js.map

package/dist/index.es429.js.map

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

package/dist/index.es43.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es241.js";
-import { Spid as x } from "./index.es319.js";
+import { Spid as x } from "./index.es291.js";
 import './components/ui/EntryButton/EntryButton.css';/* empty css            */
 import { Row as a } from "./index.es9.js";
 const d = ({

package/dist/index.es43.js.map

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

package/dist/index.es436.js

@@ -0,0 +1,8 @@
+import { getDefaultExportFromCjs as r } from "./index.es499.js";
+import { __require as o } from "./index.es509.js";
+var e = o();
+const a = /* @__PURE__ */ r(e);
+export {
+  a as default
+};
+//# sourceMappingURL=index.es436.js.map

package/dist/index.es436.js.map

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

package/dist/index.es44.js

@@ -1,9 +1,9 @@
 import { j as a } from "./index.es241.js";
-import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es321.js";
-import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es322.js";
-import { BaseModalFooter as u } from "./index.es323.js";
-import { BaseModalContent as H } from "./index.es324.js";
-import { BaseModalBackHeader as g } from "./index.es325.js";
+import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es293.js";
+import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es294.js";
+import { BaseModalFooter as u } from "./index.es295.js";
+import { BaseModalContent as H } from "./index.es296.js";
+import { BaseModalBackHeader as g } from "./index.es297.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
 import { clsx as t } from "./index.es242.js";
 import v from "react";

package/dist/index.es44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es44.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { BaseModalHeader, BaseModalHeaderV2 } from \"./BaseModalHeader\";\nimport { BaseModalFooter } from \"./BaseModalFooter\";\nimport { BaseModalContent } from \"./BaseModalContent\";\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\nimport \"./BaseModal.scss\";\nimport clsx from \"clsx\";\nimport React from \"react\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  overrideClassNames?: string;\n  overrideBaseModalClassName?: string;\n  id?: string;\n  role?: string;\n  stacked?: boolean;\n  children: React.ReactNode;\n};\n\nconst BaseModal = ({\n  open,\n  setOpen,\n  overrideClassNames,\n  stacked = false,\n  overrideBaseModalClassName = \"ui-base-modal-overlay\",\n  id = undefined,\n  role = \"dialog\",\n  children,\n}: BaseModalProps) => {\n  const WrapperComponent = stacked ? \"div\" : React.Fragment;\n  return (\n    <WrapperComponent {...(stacked && { onPointerDownCapture: (e) => { e.stopPropagation() } })}>\n      <Dialog.Root open={open} onOpenChange={setOpen} modal={!stacked}>\n        <Dialog.Portal>\n          {!stacked && (\n            <Dialog.Overlay className={overrideBaseModalClassName} />\n          )}\n          {stacked && (\n            <div className={clsx(overrideBaseModalClassName, \"stacked-modal-overlay\")} />\n          )}\n          <Dialog.Content\n            className={clsx(\n              \"bg-white shadow br-x4 ui-base-modal-body\",\n              { \"stacked-modal-body\": stacked },\n              overrideClassNames\n            )}\n            id={id}\n            role={role}\n          >\n            {children}\n          </Dialog.Content>\n        </Dialog.Portal>\n      </Dialog.Root>\n    </WrapperComponent>\n  );\n};\n\nBaseModal.Header = BaseModalHeader;\nBaseModal.HeaderV2 = BaseModalHeaderV2;\nBaseModal.HeaderBack = BaseModalBackHeader;\nBaseModal.Content = BaseModalContent;\nBaseModal.Footer = BaseModalFooter;\n\nexport { BaseModal };\n"],"names":["BaseModal","open","setOpen","overrideClassNames","stacked","overrideBaseModalClassName","id","role","children","WrapperComponent","React","e","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","clsx","Dialog.Content","BaseModalHeader","BaseModalHeaderV2","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;;;AAqBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,4BAAAC,IAA6B;AAAA,EAC7B,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAAsB;AACd,QAAAC,IAAmBL,IAAU,QAAQM,EAAM;AACjD,+BACGD,GAAkB,EAAA,GAAIL,KAAW,EAAE,sBAAsB,CAACO,MAAM;AAAE,IAAAA,EAAE,gBAAgB;AAAA,EAAA,EAAI,GACvF,UAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,MAAAZ,GAAY,cAAcC,GAAS,OAAO,CAACE,GACtD,UAACU,gBAAAA,EAAA,KAAAC,GAAA,EACE,UAAA;AAAA,IAAA,CAACX,KACCQ,gBAAAA,EAAAA,IAAAI,GAAA,EAAe,WAAWX,EAA4B,CAAA;AAAA,IAExDD,KACEQ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWK,EAAKZ,GAA4B,uBAAuB,GAAG;AAAA,IAE7EO,gBAAAA,EAAA;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA,EAAE,sBAAsBb,EAAQ;AAAA,UAChCD;AAAA,QACF;AAAA,QACA,IAAAG;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EACF,CAAA,EACF,CAAA,GACF;AAEJ;AAEAR,EAAU,SAASmB;AACnBnB,EAAU,WAAWoB;AACrBpB,EAAU,aAAaqB;AACvBrB,EAAU,UAAUsB;AACpBtB,EAAU,SAASuB;"}
+{"version":3,"file":"index.es44.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { BaseModalHeader, BaseModalHeaderV2 } from \"./BaseModalHeader\";\r\nimport { BaseModalFooter } from \"./BaseModalFooter\";\r\nimport { BaseModalContent } from \"./BaseModalContent\";\r\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\r\nimport \"./BaseModal.scss\";\r\nimport clsx from \"clsx\";\r\nimport React from \"react\";\r\n\r\ntype BaseModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  overrideClassNames?: string;\r\n  overrideBaseModalClassName?: string;\r\n  id?: string;\r\n  role?: string;\r\n  stacked?: boolean;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst BaseModal = ({\r\n  open,\r\n  setOpen,\r\n  overrideClassNames,\r\n  stacked = false,\r\n  overrideBaseModalClassName = \"ui-base-modal-overlay\",\r\n  id = undefined,\r\n  role = \"dialog\",\r\n  children,\r\n}: BaseModalProps) => {\r\n  const WrapperComponent = stacked ? \"div\" : React.Fragment;\r\n  return (\r\n    <WrapperComponent {...(stacked && { onPointerDownCapture: (e) => { e.stopPropagation() } })}>\r\n      <Dialog.Root open={open} onOpenChange={setOpen} modal={!stacked}>\r\n        <Dialog.Portal>\r\n          {!stacked && (\r\n            <Dialog.Overlay className={overrideBaseModalClassName} />\r\n          )}\r\n          {stacked && (\r\n            <div className={clsx(overrideBaseModalClassName, \"stacked-modal-overlay\")} />\r\n          )}\r\n          <Dialog.Content\r\n            className={clsx(\r\n              \"bg-white shadow br-x4 ui-base-modal-body\",\r\n              { \"stacked-modal-body\": stacked },\r\n              overrideClassNames\r\n            )}\r\n            id={id}\r\n            role={role}\r\n          >\r\n            {children}\r\n          </Dialog.Content>\r\n        </Dialog.Portal>\r\n      </Dialog.Root>\r\n    </WrapperComponent>\r\n  );\r\n};\r\n\r\nBaseModal.Header = BaseModalHeader;\r\nBaseModal.HeaderV2 = BaseModalHeaderV2;\r\nBaseModal.HeaderBack = BaseModalBackHeader;\r\nBaseModal.Content = BaseModalContent;\r\nBaseModal.Footer = BaseModalFooter;\r\n\r\nexport { BaseModal };\r\n"],"names":["BaseModal","open","setOpen","overrideClassNames","stacked","overrideBaseModalClassName","id","role","children","WrapperComponent","React","e","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","clsx","Dialog.Content","BaseModalHeader","BaseModalHeaderV2","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;;;AAqBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,4BAAAC,IAA6B;AAAA,EAC7B,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAAsB;AACd,QAAAC,IAAmBL,IAAU,QAAQM,EAAM;AACjD,+BACGD,GAAkB,EAAA,GAAIL,KAAW,EAAE,sBAAsB,CAACO,MAAM;AAAE,IAAAA,EAAE,gBAAgB;AAAA,EAAA,EAAI,GACvF,UAACC,gBAAAA,EAAA,IAAAC,GAAA,EAAY,MAAAZ,GAAY,cAAcC,GAAS,OAAO,CAACE,GACtD,UAACU,gBAAAA,EAAA,KAAAC,GAAA,EACE,UAAA;AAAA,IAAA,CAACX,KACCQ,gBAAAA,EAAAA,IAAAI,GAAA,EAAe,WAAWX,EAA4B,CAAA;AAAA,IAExDD,KACEQ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWK,EAAKZ,GAA4B,uBAAuB,GAAG;AAAA,IAE7EO,gBAAAA,EAAA;AAAA,MAACM;AAAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACA,EAAE,sBAAsBb,EAAQ;AAAA,UAChCD;AAAA,QACF;AAAA,QACA,IAAAG;AAAA,QACA,MAAAC;AAAA,QAEC,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EACF,CAAA,EACF,CAAA,GACF;AAEJ;AAEAR,EAAU,SAASmB;AACnBnB,EAAU,WAAWoB;AACrBpB,EAAU,aAAaqB;AACvBrB,EAAU,UAAUsB;AACpBtB,EAAU,SAASuB;"}

package/dist/index.es440.js

@@ -1,107 +1,12 @@
-import { j as a } from "./index.es241.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";
-function E({
-  questions: l,
-  onChangeAnswer: i,
-  onSend: u,
-  values: s,
-  openAnswer: c,
-  handleOpenAnswer: f,
-  buttons: r,
-  maxCharactersMessage: o,
-  openAnswerPlaceholder: x
-}) {
-  const [e, m] = b(0), j = k(
-    (t, n) => {
-      i(t, n);
-    },
-    [i]
-  ), g = () => {
-    u();
-  }, N = () => {
-    !s[e] && l[e].type !== "OPEN" || (e < l.length - 1 && m(e + 1), e === l.length - 1 && g());
-  }, v = () => {
-    e > 0 && m(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, n) => {
-      var d, p;
-      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: ((p = (d = s == null ? void 0 : s[e]) == null ? void 0 : d.answer) == null ? void 0 : p.includes(t)) || !1,
-                onChange: () => j(l[e].id, t),
-                className: "custom-control-input form-check-input me-2 black-focus"
-              }
-            ),
-            t.answer
-          ]
-        },
-        `${l[e].id}-${n}`
-      );
-    }) }) : /* @__PURE__ */ a.jsxs("div", { className: "form-group d-flex flex-column gap-1", children: [
-      /* @__PURE__ */ a.jsx(
-        "input",
-        {
-          type: "text",
-          placeholder: x,
-          className: "form-control black-focus",
-          value: c,
-          onChange: (t) => t.target.value.length <= 200 && f(t.target.value),
-          autoFocus: !0
-        }
-      ),
-      /* @__PURE__ */ a.jsxs("div", { className: "d-flex justify-content-between align-items-center max-chars-container", children: [
-        o && /* @__PURE__ */ a.jsx("p", { className: " fs-6 fw-normal ", children: o }),
-        c && c.length > 0 && /* @__PURE__ */ a.jsxs("p", { className: "active fs-6 fw-normal ", children: [
-          c.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(
-        h,
-        {
-          className: "feedback-button-back",
-          onClick: v,
-          disabled: e === 0,
-          children: r.previous
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        h,
-        {
-          className: "feedback-button-next",
-          onClick: N,
-          disabled: e === l.length,
-          children: r.next
-        }
-      )
-    ] })
-  ] });
+import { useState as r, useEffect as c } from "react";
+function i(e, t = 300) {
+  const [u, o] = r(e);
+  return c(() => {
+    const n = setTimeout(() => o(e), t);
+    return () => clearTimeout(n);
+  }, [e, t]), u;
 }
 export {
-  E as Questions
+  i as useDebouncedValue
 };
 //# sourceMappingURL=index.es440.js.map

package/dist/index.es440.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es440.js","sources":["../src/components/ui/Feedback/Questions.tsx"],"sourcesContent":["import \"./Questions.scss\";\nimport { useCallback, useState } from \"react\";\nimport { Answer, QuestionsProps } from \"@anoki/fse-common\";\nimport { Button } from \"@/components\";\n\nexport function Questions({\n  questions,\n  onChangeAnswer,\n  onSend,\n  values: selectedAnswers,\n  openAnswer,\n  handleOpenAnswer,\n  buttons,\n  maxCharactersMessage,\n  openAnswerPlaceholder,\n}: QuestionsProps) {\n  const [currentStep, setCurrentStep] = useState(0);\n\n  const handleAnswerChange = useCallback(\n    (questionId: string, answer: Answer) => {\n      onChangeAnswer(questionId, answer);\n    },\n    [onChangeAnswer],\n  );\n\n  const onConfirm = () => {\n    onSend();\n  };\n\n  const handleNext = () => {\n    if (!selectedAnswers[currentStep] && questions[currentStep].type !== \"OPEN\")\n      return;\n\n    if (currentStep < questions.length - 1) {\n      setCurrentStep(currentStep + 1);\n    }\n\n    if (currentStep === questions.length - 1) {\n      onConfirm();\n    }\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      setCurrentStep(currentStep - 1);\n    }\n  };\n\n  return (\n    <div className=\"steppers\">\n      <div className=\"steppers-header pb-2  align-items-center\">\n        <p className={\"steppers-header-question-title\"}>\n          {questions[currentStep].question}\n        </p>\n        <span className={\"steppers-header-question-number\"}>\n          {currentStep + 1}/{questions.length}\n        </span>\n      </div>\n      <div className=\"steppers-content\" aria-live=\"polite\">\n        {questions[currentStep].type === \"CLOSE\" ? (\n          <div className=\"list-group\">\n            {questions[currentStep].answers.map((answer, index) => (\n              <label\n                key={`${questions[currentStep].id}-${index}`}\n                htmlFor={`checkbox-${answer.id}`}\n                className=\" fw-regular fs-6 list-group-item \"\n              >\n                <input\n                  type=\"radio\"\n                  id={`checkbox-${answer.id}`}\n                  name={`question-${currentStep}`}\n                  value={answer.answer}\n                  checked={\n                    selectedAnswers?.[currentStep]?.answer?.includes(answer) ||\n                    false\n                  }\n                  onChange={() =>\n                    handleAnswerChange(questions[currentStep].id, answer)\n                  }\n                  className=\"custom-control-input form-check-input me-2 black-focus\"\n                />\n                {answer.answer}\n              </label>\n            ))}\n          </div>\n        ) : (\n          <div className=\"form-group d-flex flex-column gap-1\">\n            <input\n              type=\"text\"\n              placeholder={openAnswerPlaceholder}\n              className=\"form-control black-focus\"\n              value={openAnswer}\n              onChange={(e) =>\n                e.target.value.length <= 200 && handleOpenAnswer(e.target.value)\n              }\n              autoFocus\n            />\n\n            <div className=\"d-flex justify-content-between align-items-center max-chars-container\">\n              {maxCharactersMessage && (\n                <p className=\" fs-6 fw-normal \">{maxCharactersMessage}</p>\n              )}\n              {openAnswer && openAnswer.length > 0 && (\n                <p className=\"active fs-6 fw-normal \">\n                  {openAnswer.length}/200\n                </p>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n      <nav className=\"steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap\">\n        <Button\n          className=\"feedback-button-back\"\n          onClick={handlePrevious}\n          disabled={currentStep === 0}\n        >\n          {buttons.previous}\n        </Button>\n\n        <Button\n          className=\"feedback-button-next\"\n          onClick={handleNext}\n          disabled={currentStep === questions.length}\n        >\n          {buttons.next}\n        </Button>\n      </nav>\n    </div>\n  );\n}\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.es440.js","sources":["../src/utils/useDebouncedValue.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\nexport function useDebouncedValue<T>(value: T, delay: number = 300): T {\r\n  const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setDebouncedValue(value), delay);\r\n    return () => clearTimeout(timer);\r\n  }, [value, delay]);\r\n\r\n  return debouncedValue;\r\n}\r\n"],"names":["useDebouncedValue","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAEgB,SAAAA,EAAqBC,GAAUC,IAAgB,KAAQ;AACrE,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASJ,CAAK;AAE1D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAQ,WAAW,MAAMH,EAAkBH,CAAK,GAAGC,CAAK;AACvD,WAAA,MAAM,aAAaK,CAAK;AAAA,EAAA,GAC9B,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACT;"}

package/dist/index.es441.js

@@ -1,8 +1,192 @@
-import { CardRoot as o } from "./index.es592.js";
-const r = {
-  Root: o
-};
+import { g as F } from "./index.es526.js";
+import { c as y } from "./index.es525.js";
+import { c as K, m as n, h as j } from "./index.es524.js";
+function Y(P) {
+  let {
+    swiper: i,
+    extendParams: N,
+    on: o
+  } = P;
+  N({
+    a11y: {
+      enabled: !0,
+      notificationClass: "swiper-notification",
+      prevSlideMessage: "Previous slide",
+      nextSlideMessage: "Next slide",
+      firstSlideMessage: "This is the first slide",
+      lastSlideMessage: "This is the last slide",
+      paginationBulletMessage: "Go to slide {{index}}",
+      slideLabelMessage: "{{index}} / {{slidesLength}}",
+      containerMessage: null,
+      containerRoleDescriptionMessage: null,
+      containerRole: null,
+      itemRoleDescriptionMessage: null,
+      slideRole: "group",
+      id: null,
+      scrollOnFocus: !0
+    }
+  }), i.a11y = {
+    clicked: !1
+  };
+  let r = null, p, f, L = (/* @__PURE__ */ new Date()).getTime();
+  function u(e) {
+    const t = r;
+    t.length !== 0 && (t.innerHTML = "", t.innerHTML = e);
+  }
+  function B(e) {
+    const t = () => Math.round(16 * Math.random()).toString(16);
+    return "x".repeat(e).replace(/x/g, t);
+  }
+  function g(e) {
+    e = n(e), e.forEach((t) => {
+      t.setAttribute("tabIndex", "0");
+    });
+  }
+  function x(e) {
+    e = n(e), e.forEach((t) => {
+      t.setAttribute("tabIndex", "-1");
+    });
+  }
+  function m(e, t) {
+    e = n(e), e.forEach((a) => {
+      a.setAttribute("role", t);
+    });
+  }
+  function M(e, t) {
+    e = n(e), e.forEach((a) => {
+      a.setAttribute("aria-roledescription", t);
+    });
+  }
+  function O(e, t) {
+    e = n(e), e.forEach((a) => {
+      a.setAttribute("aria-controls", t);
+    });
+  }
+  function E(e, t) {
+    e = n(e), e.forEach((a) => {
+      a.setAttribute("aria-label", t);
+    });
+  }
+  function H(e, t) {
+    e = n(e), e.forEach((a) => {
+      a.setAttribute("id", t);
+    });
+  }
+  function q(e, t) {
+    e = n(e), e.forEach((a) => {
+      a.setAttribute("aria-live", t);
+    });
+  }
+  function A(e) {
+    e = n(e), e.forEach((t) => {
+      t.setAttribute("aria-disabled", !0);
+    });
+  }
+  function w(e) {
+    e = n(e), e.forEach((t) => {
+      t.setAttribute("aria-disabled", !1);
+    });
+  }
+  function d(e) {
+    if (e.keyCode !== 13 && e.keyCode !== 32) return;
+    const t = i.params.a11y, a = e.target;
+    if (!(i.pagination && i.pagination.el && (a === i.pagination.el || i.pagination.el.contains(e.target)) && !e.target.matches(y(i.params.pagination.bulletClass)))) {
+      if (i.navigation && i.navigation.prevEl && i.navigation.nextEl) {
+        const s = n(i.navigation.prevEl);
+        n(i.navigation.nextEl).includes(a) && (i.isEnd && !i.params.loop || i.slideNext(), i.isEnd ? u(t.lastSlideMessage) : u(t.nextSlideMessage)), s.includes(a) && (i.isBeginning && !i.params.loop || i.slidePrev(), i.isBeginning ? u(t.firstSlideMessage) : u(t.prevSlideMessage));
+      }
+      i.pagination && a.matches(y(i.params.pagination.bulletClass)) && a.click();
+    }
+  }
+  function G() {
+    if (i.params.loop || i.params.rewind || !i.navigation) return;
+    const {
+      nextEl: e,
+      prevEl: t
+    } = i.navigation;
+    t && (i.isBeginning ? (A(t), x(t)) : (w(t), g(t))), e && (i.isEnd ? (A(e), x(e)) : (w(e), g(e)));
+  }
+  function k() {
+    return i.pagination && i.pagination.bullets && i.pagination.bullets.length;
+  }
+  function C() {
+    return k() && i.params.pagination.clickable;
+  }
+  function U() {
+    const e = i.params.a11y;
+    k() && i.pagination.bullets.forEach((t) => {
+      i.params.pagination.clickable && (g(t), i.params.pagination.renderBullet || (m(t, "button"), E(t, e.paginationBulletMessage.replace(/\{\{index\}\}/, j(t) + 1)))), t.matches(y(i.params.pagination.bulletActiveClass)) ? t.setAttribute("aria-current", "true") : t.removeAttribute("aria-current");
+    });
+  }
+  const S = (e, t, a) => {
+    g(e), e.tagName !== "BUTTON" && (m(e, "button"), e.addEventListener("keydown", d)), E(e, a), O(e, t);
+  }, R = (e) => {
+    f && f !== e.target && !f.contains(e.target) && (p = !0), i.a11y.clicked = !0;
+  }, T = () => {
+    p = !1, requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        i.destroyed || (i.a11y.clicked = !1);
+      });
+    });
+  }, D = (e) => {
+    L = (/* @__PURE__ */ new Date()).getTime();
+  }, h = (e) => {
+    if (i.a11y.clicked || !i.params.a11y.scrollOnFocus || (/* @__PURE__ */ new Date()).getTime() - L < 100) return;
+    const t = e.target.closest(`.${i.params.slideClass}, swiper-slide`);
+    if (!t || !i.slides.includes(t)) return;
+    f = t;
+    const a = i.slides.indexOf(t) === i.activeIndex, s = i.params.watchSlidesProgress && i.visibleSlides && i.visibleSlides.includes(t);
+    a || s || e.sourceCapabilities && e.sourceCapabilities.firesTouchEvents || (i.isHorizontal() ? i.el.scrollLeft = 0 : i.el.scrollTop = 0, requestAnimationFrame(() => {
+      p || (i.params.loop ? i.slideToLoop(parseInt(t.getAttribute("data-swiper-slide-index")), 0) : i.slideTo(i.slides.indexOf(t), 0), p = !1);
+    }));
+  }, I = () => {
+    const e = i.params.a11y;
+    e.itemRoleDescriptionMessage && M(i.slides, e.itemRoleDescriptionMessage), e.slideRole && m(i.slides, e.slideRole);
+    const t = i.slides.length;
+    e.slideLabelMessage && i.slides.forEach((a, s) => {
+      const l = i.params.loop ? parseInt(a.getAttribute("data-swiper-slide-index"), 10) : s, c = e.slideLabelMessage.replace(/\{\{index\}\}/, l + 1).replace(/\{\{slidesLength\}\}/, t);
+      E(a, c);
+    });
+  }, V = () => {
+    const e = i.params.a11y;
+    i.el.append(r);
+    const t = i.el;
+    e.containerRoleDescriptionMessage && M(t, e.containerRoleDescriptionMessage), e.containerMessage && E(t, e.containerMessage), e.containerRole && m(t, e.containerRole);
+    const a = i.wrapperEl, s = e.id || a.getAttribute("id") || `swiper-wrapper-${B(16)}`, l = i.params.autoplay && i.params.autoplay.enabled ? "off" : "polite";
+    H(a, s), q(a, l), I();
+    let {
+      nextEl: c,
+      prevEl: v
+    } = i.navigation ? i.navigation : {};
+    c = n(c), v = n(v), c && c.forEach((b) => S(b, s, e.nextSlideMessage)), v && v.forEach((b) => S(b, s, e.prevSlideMessage)), C() && n(i.pagination.el).forEach((z) => {
+      z.addEventListener("keydown", d);
+    }), F().addEventListener("visibilitychange", D), i.el.addEventListener("focus", h, !0), i.el.addEventListener("focus", h, !0), i.el.addEventListener("pointerdown", R, !0), i.el.addEventListener("pointerup", T, !0);
+  };
+  function $() {
+    r && r.remove();
+    let {
+      nextEl: e,
+      prevEl: t
+    } = i.navigation ? i.navigation : {};
+    e = n(e), t = n(t), e && e.forEach((s) => s.removeEventListener("keydown", d)), t && t.forEach((s) => s.removeEventListener("keydown", d)), C() && n(i.pagination.el).forEach((l) => {
+      l.removeEventListener("keydown", d);
+    }), F().removeEventListener("visibilitychange", D), i.el && typeof i.el != "string" && (i.el.removeEventListener("focus", h, !0), i.el.removeEventListener("pointerdown", R, !0), i.el.removeEventListener("pointerup", T, !0));
+  }
+  o("beforeInit", () => {
+    r = K("span", i.params.a11y.notificationClass), r.setAttribute("aria-live", "assertive"), r.setAttribute("aria-atomic", "true");
+  }), o("afterInit", () => {
+    i.params.a11y.enabled && V();
+  }), o("slidesLengthChange snapGridLengthChange slidesGridLengthChange", () => {
+    i.params.a11y.enabled && I();
+  }), o("fromEdge toEdge afterInit lock unlock", () => {
+    i.params.a11y.enabled && G();
+  }), o("paginationUpdate", () => {
+    i.params.a11y.enabled && U();
+  }), o("destroy", () => {
+    i.params.a11y.enabled && $();
+  });
+}
 export {
-  r as CardComponent
+  Y as default
 };
 //# sourceMappingURL=index.es441.js.map