@anoki/fse-ui 2.1.0-SNAPSHOT36 → 2.1.0-SNAPSHOT37

package/dist/index.es38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es38.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import { Col, Row } from \"@/components\";\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\nimport { ExternalLink } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { HeadingLevel } from \"@/types/headings\";\nimport clsx from \"clsx\";\nimport { ComponentType, MouseEvent, ReactNode } from \"react\";\nimport \"./CardCategory.scss\";\n\ntype Image = {\n  alt: string;\n  src: string;\n  title: string;\n};\n\ntype CardCategoryProps = {\n  image?: Image;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string | ReactNode;\n  description2?: string | ReactNode;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  goToLabel?: string;\n  asImage?: \"img\";\n  asLink?: \"a\" | ComponentType<any>;\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  classNameDescriptionTitle?: string;\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\n};\n\nexport const CardCategory = ({\n  image,\n  title,\n  titleTag: TitleTag = \"h1\",\n  href,\n  description,\n  description2,\n  isExternal = false,\n  showIcon = false,\n  goToLabel,\n  asLink = \"a\",\n  asImage = \"img\",\n  className,\n  classNameTitle,\n  classNameDescription,\n  classNameDescriptionTitle,\n  handleOnClick,\n}: CardCategoryProps) => {\n  const ImageComponent = asImage;\n  const LinkComponent = asLink;\n  return (\n    <LinkComponent\n      className={clsx(\n        \"ui-card-category shadow br-x4 bg-white\",\n        className,\n        handleOnClick && \"cursor-pointer\",\n      )}\n      href={href}\n      target={isExternal ? \"_blank\" : undefined}\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\n      onClick={handleOnClick ?? undefined}\n    >\n      {image?.src && (\n        <header className=\"ui-card-category-header\">\n          <ImageComponent\n            src={image?.src}\n            alt={image?.alt}\n            title={image?.title}\n          />\n        </header>\n      )}\n\n      <Col\n        className={clsx(\n          image?.src\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\n            : \"ui-card-category-content\",\n          \"gap-x8 br-x4 bg-white\",\n        )}\n      >\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\n          <TitleTag\n            className={clsx(\n              \"flex-1 cursor-pointer hover-underline\",\n              classNameTitle\n                ? classNameTitle\n                : \"text-primary fs-5 md-fs-custom-2\",\n            )}\n          >\n            {title}\n            {isExternal && (\n              <span className=\"visually-hidden\">\n                (si apre in una nuova finestra)\n              </span>\n            )}\n          </TitleTag>\n\n          {showIcon && (\n            <span>\n              <ExternalLink\n                width={24}\n                height={24}\n                color=\"primary\"\n                className=\"ui-external-link\"\n              />\n            </span>\n          )}\n        </Row>\n        <div className={clsx(classNameDescription)}>\n          <div\n            className={clsx(\n              classNameDescriptionTitle\n                ? classNameDescriptionTitle\n                : \"fs-6 md-fs-custom text-slate-20\",\n            )}\n          >\n            <RichText description={description} />\n          </div>\n          <div className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\n            <RichText description={description2} />\n          </div>\n        </div>\n      </Col>\n      {goToLabel && href && (\n        <footer className=\"ui-card-category-footer bg-white\">\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\n            {goToLabel?.toUpperCase()}\n          </ArrowLink>\n        </footer>\n      )}\n    </LinkComponent>\n  );\n};\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","classNameDescriptionTitle","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","RichText","ArrowLink"],"mappings":"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"}
+{"version":3,"file":"index.es38.js","sources":["../src/components/ui/CardCategory/index.tsx"],"sourcesContent":["import { Col, Row } from \"@/components\";\r\nimport { ArrowLink } from \"@/components/ui/ArrowLink\";\r\nimport { ExternalLink } from \"@/icons\";\r\nimport { RichText } from \"@/sections\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\nimport clsx from \"clsx\";\r\nimport { ComponentType, MouseEvent, ReactNode } from \"react\";\r\nimport \"./CardCategory.scss\";\r\n\r\ntype Image = {\r\n  alt: string;\r\n  src: string;\r\n  title: string;\r\n};\r\n\r\ntype CardCategoryProps = {\r\n  image?: Image;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string | ReactNode;\r\n  description2?: string | ReactNode;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  goToLabel?: string;\r\n  asImage?: \"img\";\r\n  asLink?: \"a\" | ComponentType<any>;\r\n  className?: string;\r\n  classNameTitle?: string;\r\n  classNameDescription?: string;\r\n  classNameDescriptionTitle?: string;\r\n  handleOnClick?: (e: MouseEvent<HTMLAnchorElement>) => void;\r\n};\r\n\r\nexport const CardCategory = ({\r\n  image,\r\n  title,\r\n  titleTag: TitleTag = \"h1\",\r\n  href,\r\n  description,\r\n  description2,\r\n  isExternal = false,\r\n  showIcon = false,\r\n  goToLabel,\r\n  asLink = \"a\",\r\n  asImage = \"img\",\r\n  className,\r\n  classNameTitle,\r\n  classNameDescription,\r\n  classNameDescriptionTitle,\r\n  handleOnClick,\r\n}: CardCategoryProps) => {\r\n  const ImageComponent = asImage;\r\n  const LinkComponent = asLink;\r\n  return (\r\n    <LinkComponent\r\n      className={clsx(\r\n        \"ui-card-category shadow br-x4 bg-white\",\r\n        className,\r\n        handleOnClick && \"cursor-pointer\",\r\n      )}\r\n      href={href}\r\n      target={isExternal ? \"_blank\" : undefined}\r\n      rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n      onClick={handleOnClick ?? undefined}\r\n    >\r\n      {image?.src && (\r\n        <header className=\"ui-card-category-header\">\r\n          <ImageComponent\r\n            src={image?.src}\r\n            alt={image?.alt}\r\n            title={image?.title}\r\n          />\r\n        </header>\r\n      )}\r\n\r\n      <Col\r\n        className={clsx(\r\n          image?.src\r\n            ? \"ui-card-category-content-with-image ui-mt-negative\"\r\n            : \"ui-card-category-content\",\r\n          \"gap-x8 br-x4 bg-white\",\r\n        )}\r\n      >\r\n        <Row alignItems={\"center\"} justifyContent={\"space-between\"} gap={\"x4\"}>\r\n          <TitleTag\r\n            className={clsx(\r\n              \"flex-1 cursor-pointer hover-underline\",\r\n              classNameTitle\r\n                ? classNameTitle\r\n                : \"text-primary fs-5 md-fs-custom-2\",\r\n            )}\r\n          >\r\n            {title}\r\n            {isExternal && (\r\n              <span className=\"visually-hidden\">\r\n                (si apre in una nuova finestra)\r\n              </span>\r\n            )}\r\n          </TitleTag>\r\n\r\n          {showIcon && (\r\n            <span>\r\n              <ExternalLink\r\n                width={24}\r\n                height={24}\r\n                color=\"primary\"\r\n                className=\"ui-external-link\"\r\n              />\r\n            </span>\r\n          )}\r\n        </Row>\r\n        <div className={clsx(classNameDescription)}>\r\n          <div\r\n            className={clsx(\r\n              classNameDescriptionTitle\r\n                ? classNameDescriptionTitle\r\n                : \"fs-6 md-fs-custom text-slate-20\",\r\n            )}\r\n          >\r\n            <RichText description={description} />\r\n          </div>\r\n          <div className=\"fs-6 md-fs-custom fw-regular text-slate-28\">\r\n            <RichText description={description2} />\r\n          </div>\r\n        </div>\r\n      </Col>\r\n      {goToLabel && href && (\r\n        <footer className=\"ui-card-category-footer bg-white\">\r\n          <ArrowLink href={href ?? \"#\"} isExternal={isExternal}>\r\n            {goToLabel?.toUpperCase()}\r\n          </ArrowLink>\r\n        </footer>\r\n      )}\r\n    </LinkComponent>\r\n  );\r\n};\r\n"],"names":["CardCategory","image","title","TitleTag","href","description","description2","isExternal","showIcon","goToLabel","asLink","asImage","className","classNameTitle","classNameDescription","classNameDescriptionTitle","handleOnClick","ImageComponent","LinkComponent","jsxs","clsx","jsx","Col","Row","ExternalLink","RichText","ArrowLink"],"mappings":"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"}

package/dist/{index.es404.js → index.es380.js}

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es251.js";
+import { j as a } from "./index.es250.js";
 import './components/ui/Feedback/Rating.css';/* empty css            */
-import { l as o } from "./index.es256.js";
-import { clsx as c } from "./index.es252.js";
+import { l as o } from "./index.es439.js";
+import { clsx as c } from "./index.es253.js";
 import { Rating as r } from "./index.es228.js";
 const i = 5, m = o.range(1, i + 1);
 function g({ onClick: t, rating: e = 0 }) {
@@ -32,4 +32,4 @@ function g({ onClick: t, rating: e = 0 }) {
 export {
   g as Rating
 };
-//# sourceMappingURL=index.es404.js.map
+//# sourceMappingURL=index.es380.js.map

package/dist/index.es380.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es380.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,EAAA,MAAM,GAAGF,IAAgB,CAAC;AAEjC,SAASG,EAAO,EAAE,SAAAC,GAAS,QAAAC,IAAS,KAAkB;AACrD,QAAAC,IAAiB,CAACC,MAAgBA,KAAOF;AAG7C,SAAAG,gBAAAA,EAAA,KAAC,YAAS,EAAA,WAAU,UAClB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,UAAA,EAAO,WAAU,mBAAkB,UAAW,eAAA;AAAA,IAC9CR,EAAM,IAAI,CAACM,GAAKG,MACfF,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,SAAS,MAAMJ,EAAQG,CAAG;AAAA,QAC1B,WAAWI,EAAK,oBAAoB;AAAA,UAClC,QAAQL,EAAeC,CAAG;AAAA,QAAA,CAC3B;AAAA,QAED,UAAA;AAAA,UAACE,gBAAAA,EAAAA,IAAAG,GAAA,EAAW,WAAU,eAAe,CAAA;AAAA,UAErCJ,gBAAAA,EAAAA,KAAC,QAAK,EAAA,WAAU,mBAAkB,UAAA;AAAA,YAAA;AAAA,YACxBD;AAAA,YAAI;AAAA,YAAYP;AAAA,UAAA,EAC1B,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAVKU;AAAA,IAYR,CAAA;AAAA,EAAA,GACH;AAEJ;"}

package/dist/{index.es405.js → index.es381.js}

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

package/dist/index.es381.js.map

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

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

package/dist/index.es382.js.map

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

@@ -1,9 +1,82 @@
-import { j as t } from "./index.es251.js";
-import './components/ui/CreateReservationModal/CreateReservationModalFooter/CreateReservationModalFooter.css';/* empty css            */
-const s = ({
-  children: o
-}) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
+import { j as e } from "./index.es250.js";
+import { clsx as f } from "./index.es253.js";
+import { createColorClasses as d } from "./index.es290.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",
+    {
+      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: [
+        /* @__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 {
-  s as DoctorConfirmModalFooter
+  u as ArrowList
 };
 //# sourceMappingURL=index.es385.js.map

package/dist/index.es385.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es385.js","sources":["../src/components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/index.tsx"],"sourcesContent":["import \"./DoctorConfirmModalFooter.scss\";\n\ntype DoctorConfirmModalFooterProps = {\n  children?: React.ReactNode;\n};\n\nexport const DoctorConfirmModalFooter = ({\n  children,\n}: DoctorConfirmModalFooterProps) => {\n  return (\n    <footer className=\"ui-consent-modal-footer bg-white shadow\">\n      {children}\n    </footer>\n  );\n};\n"],"names":["DoctorConfirmModalFooter","children","jsx"],"mappings":";;AAMO,MAAMA,IAA2B,CAAC;AAAA,EACvC,UAAAC;AACF,MAEKC,gBAAAA,EAAAA,IAAA,UAAA,EAAO,WAAU,2CACf,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"index.es385.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;AAG1C,SAAAK,gBAAAA,EAAA;AAAA,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,QAACK,gBAAAA,EAAAA,IAAA,KAAA,EAAE,QAAO,6BACR,UAAAA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,UAAS;AAAA,YACT,GAAE;AAAA,YACF,UAAS;AAAA,UAAA;AAAA,QAAA,GAEb;AAAA,8BACC,QACC,EAAA,UAAAF,gBAAAA,EAAA;AAAA,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,EAAA,IAAC,WAAQ,EAAA,cAAa,KAAI,QAAO,sBAAqB;AAAA,cACtDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,QAAO;AAAA,kBACP,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAAA,IAAC,YAAS,EAAA,IAAG,IAAI,CAAA;AAAA,cACjBA,gBAAAA,EAAAA,IAAC,kBAAe,EAAA,cAAa,IAAI,CAAA;AAAA,cACjCA,gBAAAA,EAAAA,IAAC,iBAAc,EAAA,QAAO,6CAA6C,CAAA;AAAA,cACnEA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cACR;AAAA,cACDA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,KAAI;AAAA,kBACJ,QAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es39.js

@@ -1,6 +1,6 @@
-import { j as a } from "./index.es251.js";
+import { j as a } from "./index.es250.js";
 import './components/ui/CardClinicalData/CardClinicalData.css';/* empty css            */
-import { clsx as t } from "./index.es252.js";
+import { clsx as t } from "./index.es253.js";
 import { useState as I, useEffect as C } from "react";
 import { Row as o } from "./index.es116.js";
 import { ArrowDown as f } from "./index.es161.js";

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.js","sources":["../src/components/ui/CardClinicalData/index.tsx"],"sourcesContent":["import \"./CardClinicalData.scss\";\nimport clsx from \"clsx\";\nimport { ArrowDown } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\nimport { useEffect, useState } from \"react\";\n\ntype CardClinicalDataProps = {\n  information?: { label: string; value: string }[];\n  className?: string;\n  clinicalCode?: string;\n  isOpen?: boolean;\n  hideArrow?: boolean;\n  onToggle?: () => void;\n  hasBorder?: boolean;\n  clinicalLabel?: string;\n  label?: string;\n  classNameTitle?: string;\n  deleteLabel?: string;\n  onDelete?: () => void;\n  deleteButtonPosition?: \"left\" | \"right\";\n};\n\nexport const CardClinicalData = ({\n  information = [],\n  className = \"\",\n  clinicalCode = \"\",\n  isOpen,\n  hideArrow = false,\n  onToggle,\n  hasBorder = true,\n  clinicalLabel = \"\",\n  label,\n  classNameTitle = \"fw-semibold fs-5 md-fs-4 text-color-darker\",\n  deleteLabel,\n  onDelete,\n  deleteButtonPosition = \"right\",\n}: CardClinicalDataProps) => {\n  const hasInformation = information.length > 0;\n  const [internalOpen, setInternalOpen] = useState(false);\n\n  useEffect(() => {\n    if (isOpen !== undefined) {\n      setInternalOpen(isOpen);\n    }\n  }, [isOpen]);\n\n  const computedIsOpen = hideArrow ? true : (isOpen ?? internalOpen);\n  const canToggle = hasInformation && !hideArrow;\n\n  const handleToggle = () => {\n    if (!hasInformation || hideArrow) return;\n    onToggle?.();\n    if (isOpen === undefined) {\n      setInternalOpen((prev) => !prev);\n    }\n  };\n\n  return (\n    <div className={\"rounded shadow w-full card-clinical-data-container\"}>\n      <button\n        className={clsx(\n          computedIsOpen && hasBorder && \"ui-has-border-bottom\",\n          \"ui-btn-accordion-clinical-data\",\n          className,\n        )}\n        type=\"button\"\n        aria-expanded={\n          hasInformation && !hideArrow ? computedIsOpen : undefined\n        }\n        onClick={canToggle ? handleToggle : undefined}\n        disabled={!canToggle}\n        style={{ cursor: hideArrow ? \"default\" : undefined }}\n      >\n        <div className=\"ui-header-content p-x24\">\n          <Row gap={\"x24\"} alignItems={\"center\"} className=\"first-row\">\n            <div className=\"clinical-data-info\">\n              <h1 className={clsx(classNameTitle)}>{clinicalCode}</h1>\n              <span className=\"ui-divider\"></span>\n              <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\n                {clinicalLabel}\n              </p>\n            </div>\n            {hasInformation && !hideArrow && (\n              <ArrowDown\n                color=\"primary\"\n                className={clsx(\"ui-arrow-card-clinical-data mobile-arrow\", {\n                  \"ui-expanded-card-clinical-data\": computedIsOpen,\n                })}\n              />\n            )}\n          </Row>\n\n          <Row\n            gap={\"x16\"}\n            alignItems={\"center\"}\n            className=\"ui-arrow-container desktop-row\"\n          >\n            {label && (\n              <div\n                className={\n                  \"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 desktop-label\"\n                }\n                style={{ width: \"max-content\" }}\n              >\n                {label}\n              </div>\n            )}\n            {hasInformation && !hideArrow && (\n              <ArrowDown\n                color=\"primary\"\n                className={clsx(\"ui-arrow-card-clinical-data desktop-arrow\", {\n                  \"ui-expanded-card-clinical-data\": computedIsOpen,\n                })}\n              />\n            )}\n          </Row>\n\n          {label && (\n            <div\n              className={\n                \"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 mobile-label\"\n              }\n              style={{ width: \"max-content\" }}\n            >\n              {label}\n            </div>\n          )}\n        </div>\n      </button>\n\n      {computedIsOpen && hasInformation && (\n        <dl\n          className={clsx(\n            \"p-x24\",\n            information.length > 1\n              ? \"ui-card-clinical-data\"\n              : \"base-row py-x16\",\n          )}\n        >\n          {information.map(({ label, value }) => (\n            <div key={label}>\n              <dt\n                className={clsx(\n                  \"fs-custom fw-bold text-slate-28\",\n                  information.length === 1 && \"me-x8 mb-0\",\n                )}\n              >\n                {label}:\n              </dt>\n              <dd className=\"fs-custom fw-regular text-slate-28 mb-0\">\n                {value}\n              </dd>\n            </div>\n          ))}\n        </dl>\n      )}\n      {computedIsOpen && deleteLabel && !hideArrow && (\n        <Row\n          className={clsx(\n            \"align-items-center px-x24 w-full bg-lightblue-a03 py-x16\",\n            deleteButtonPosition === \"right\" ? \"justify-content-end\" : \"justify-content-start\"\n          )}\n        >\n          <Button\n            variant={\"secondary\"}\n            size={\"3\"}\n            variantBg={\"bg-lightblue-a03\"}\n            onClick={onDelete}\n          >\n            {deleteLabel}\n          </Button>\n        </Row>\n      )}\n    </div>\n  );\n};\n"],"names":["CardClinicalData","information","className","clinicalCode","isOpen","hideArrow","onToggle","hasBorder","clinicalLabel","label","classNameTitle","deleteLabel","onDelete","deleteButtonPosition","hasInformation","internalOpen","setInternalOpen","useState","useEffect","computedIsOpen","canToggle","handleToggle","prev","jsxs","jsx","clsx","Row","ArrowDown","value","Button"],"mappings":"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"}
+{"version":3,"file":"index.es39.js","sources":["../src/components/ui/CardClinicalData/index.tsx"],"sourcesContent":["import \"./CardClinicalData.scss\";\r\nimport clsx from \"clsx\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport { Button, Row } from \"@/components\";\r\nimport { useEffect, useState } from \"react\";\r\n\r\ntype CardClinicalDataProps = {\r\n  information?: { label: string; value: string }[];\r\n  className?: string;\r\n  clinicalCode?: string;\r\n  isOpen?: boolean;\r\n  hideArrow?: boolean;\r\n  onToggle?: () => void;\r\n  hasBorder?: boolean;\r\n  clinicalLabel?: string;\r\n  label?: string;\r\n  classNameTitle?: string;\r\n  deleteLabel?: string;\r\n  onDelete?: () => void;\r\n  deleteButtonPosition?: \"left\" | \"right\";\r\n};\r\n\r\nexport const CardClinicalData = ({\r\n  information = [],\r\n  className = \"\",\r\n  clinicalCode = \"\",\r\n  isOpen,\r\n  hideArrow = false,\r\n  onToggle,\r\n  hasBorder = true,\r\n  clinicalLabel = \"\",\r\n  label,\r\n  classNameTitle = \"fw-semibold fs-5 md-fs-4 text-color-darker\",\r\n  deleteLabel,\r\n  onDelete,\r\n  deleteButtonPosition = \"right\",\r\n}: CardClinicalDataProps) => {\r\n  const hasInformation = information.length > 0;\r\n  const [internalOpen, setInternalOpen] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (isOpen !== undefined) {\r\n      setInternalOpen(isOpen);\r\n    }\r\n  }, [isOpen]);\r\n\r\n  const computedIsOpen = hideArrow ? true : (isOpen ?? internalOpen);\r\n  const canToggle = hasInformation && !hideArrow;\r\n\r\n  const handleToggle = () => {\r\n    if (!hasInformation || hideArrow) return;\r\n    onToggle?.();\r\n    if (isOpen === undefined) {\r\n      setInternalOpen((prev) => !prev);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className={\"rounded shadow w-full card-clinical-data-container\"}>\r\n      <button\r\n        className={clsx(\r\n          computedIsOpen && hasBorder && \"ui-has-border-bottom\",\r\n          \"ui-btn-accordion-clinical-data\",\r\n          className,\r\n        )}\r\n        type=\"button\"\r\n        aria-expanded={\r\n          hasInformation && !hideArrow ? computedIsOpen : undefined\r\n        }\r\n        onClick={canToggle ? handleToggle : undefined}\r\n        disabled={!canToggle}\r\n        style={{ cursor: hideArrow ? \"default\" : undefined }}\r\n      >\r\n        <div className=\"ui-header-content p-x24\">\r\n          <Row gap={\"x24\"} alignItems={\"center\"} className=\"first-row\">\r\n            <div className=\"clinical-data-info\">\r\n              <h1 className={clsx(classNameTitle)}>{clinicalCode}</h1>\r\n              <span className=\"ui-divider\"></span>\r\n              <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\r\n                {clinicalLabel}\r\n              </p>\r\n            </div>\r\n            {hasInformation && !hideArrow && (\r\n              <ArrowDown\r\n                color=\"primary\"\r\n                className={clsx(\"ui-arrow-card-clinical-data mobile-arrow\", {\r\n                  \"ui-expanded-card-clinical-data\": computedIsOpen,\r\n                })}\r\n              />\r\n            )}\r\n          </Row>\r\n\r\n          <Row\r\n            gap={\"x16\"}\r\n            alignItems={\"center\"}\r\n            className=\"ui-arrow-container desktop-row\"\r\n          >\r\n            {label && (\r\n              <div\r\n                className={\r\n                  \"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 desktop-label\"\r\n                }\r\n                style={{ width: \"max-content\" }}\r\n              >\r\n                {label}\r\n              </div>\r\n            )}\r\n            {hasInformation && !hideArrow && (\r\n              <ArrowDown\r\n                color=\"primary\"\r\n                className={clsx(\"ui-arrow-card-clinical-data desktop-arrow\", {\r\n                  \"ui-expanded-card-clinical-data\": computedIsOpen,\r\n                })}\r\n              />\r\n            )}\r\n          </Row>\r\n\r\n          {label && (\r\n            <div\r\n              className={\r\n                \"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 mobile-label\"\r\n              }\r\n              style={{ width: \"max-content\" }}\r\n            >\r\n              {label}\r\n            </div>\r\n          )}\r\n        </div>\r\n      </button>\r\n\r\n      {computedIsOpen && hasInformation && (\r\n        <dl\r\n          className={clsx(\r\n            \"p-x24\",\r\n            information.length > 1\r\n              ? \"ui-card-clinical-data\"\r\n              : \"base-row py-x16\",\r\n          )}\r\n        >\r\n          {information.map(({ label, value }) => (\r\n            <div key={label}>\r\n              <dt\r\n                className={clsx(\r\n                  \"fs-custom fw-bold text-slate-28\",\r\n                  information.length === 1 && \"me-x8 mb-0\",\r\n                )}\r\n              >\r\n                {label}:\r\n              </dt>\r\n              <dd className=\"fs-custom fw-regular text-slate-28 mb-0\">\r\n                {value}\r\n              </dd>\r\n            </div>\r\n          ))}\r\n        </dl>\r\n      )}\r\n      {computedIsOpen && deleteLabel && !hideArrow && (\r\n        <Row\r\n          className={clsx(\r\n            \"align-items-center px-x24 w-full bg-lightblue-a03 py-x16\",\r\n            deleteButtonPosition === \"right\" ? \"justify-content-end\" : \"justify-content-start\"\r\n          )}\r\n        >\r\n          <Button\r\n            variant={\"secondary\"}\r\n            size={\"3\"}\r\n            variantBg={\"bg-lightblue-a03\"}\r\n            onClick={onDelete}\r\n          >\r\n            {deleteLabel}\r\n          </Button>\r\n        </Row>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardClinicalData","information","className","clinicalCode","isOpen","hideArrow","onToggle","hasBorder","clinicalLabel","label","classNameTitle","deleteLabel","onDelete","deleteButtonPosition","hasInformation","internalOpen","setInternalOpen","useState","useEffect","computedIsOpen","canToggle","handleToggle","prev","jsxs","jsx","clsx","Row","ArrowDown","value","Button"],"mappings":"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"}

package/dist/index.es40.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es251.js";
+import { j as r } from "./index.es250.js";
 import { Avatar as f } from "./index.es30.js";
 import { Divider as C } from "./index.es72.js";
 import { Button as p } from "./index.es34.js";

package/dist/index.es401.js

@@ -0,0 +1,28 @@
+import * as e from "react";
+import c from "./index.es622.js";
+import { extractProps as i } from "./index.es625.js";
+import { requireReactElement as a } from "./index.es630.js";
+import { popoverContentPropDefs as l } from "./index.es631.js";
+import { Theme as f } from "./index.es632.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es633.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 {
+  N as Anchor,
+  u as Close,
+  E as Content,
+  v as Root,
+  g as Trigger
+};
+//# sourceMappingURL=index.es401.js.map

package/dist/index.es401.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es401.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.es426.js → index.es402.js}

@@ -1,9 +1,9 @@
 import * as t from "react";
-import r from "./index.es637.js";
-import { BaseButton as m } from "./index.es638.js";
+import r from "./index.es622.js";
+import { BaseButton as m } from "./index.es623.js";
 const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
 s.displayName = "Button";
 export {
   s as Button
 };
-//# sourceMappingURL=index.es426.js.map
+//# sourceMappingURL=index.es402.js.map

package/dist/{index.es426.js.map → index.es402.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es426.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]}
+{"version":3,"file":"index.es402.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.es41.js

@@ -1,10 +1,10 @@
-import { j as l } from "./index.es251.js";
+import { j as l } from "./index.es250.js";
 import { Avatar as C } from "./index.es30.js";
 import './components/ui/CardDoctorInfo/CardDoctorInfo.css';/* empty css            */
-import { clsx as u } from "./index.es252.js";
+import { clsx as u } from "./index.es253.js";
 import { Divider as g } from "./index.es72.js";
 import b, { useState as O } from "react";
-import { DoctorSchedule as $ } from "./index.es338.js";
+import { DoctorSchedule as $ } from "./index.es307.js";
 import { CategoryHeader as N } from "./index.es89.js";
 import { Row as y } from "./index.es116.js";
 import { Col as D } from "./index.es61.js";

package/dist/index.es41.js.map

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

package/dist/{index.es443.js → index.es419.js}

@@ -1,6 +1,6 @@
-import { j as C } from "./index.es251.js";
-import { createColorClasses as f } from "./index.es253.js";
-import { clsx as x } from "./index.es252.js";
+import { j as C } from "./index.es250.js";
+import { createColorClasses as f } from "./index.es290.js";
+import { clsx as x } from "./index.es253.js";
 const j = ({
   className: t,
   fs: o = "3",
@@ -27,4 +27,4 @@ const j = ({
 export {
   j as Title
 };
-//# sourceMappingURL=index.es443.js.map
+//# sourceMappingURL=index.es419.js.map

package/dist/index.es419.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es419.js","sources":["../src/components/ui/Section/Title/index.tsx"],"sourcesContent":["import { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { ReactNode } from \"react\";\r\n\r\nexport type TitleProps = {\r\n  className?: string;\r\n  fs?: TypographyKeys;\r\n  mdFs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n  children: ReactNode;\r\n};\r\n\r\nexport const Title = ({\r\n  className,\r\n  fs = \"3\",\r\n  mdFs = \"1\",\r\n  color = \"slate-20\",\r\n  as = \"h2\",\r\n  children,\r\n}: TitleProps) => {\r\n  const Heading = as;\r\n\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n  const mdFontSizeClass = mdFs ? `md-fs-${mdFs}` : \"\";\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <Heading\r\n      className={clsx(\r\n        \"fw-bold\",\r\n        fontSizeClass,\r\n        mdFontSizeClass,\r\n        textColorClass,\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </Heading>\r\n  );\r\n};\r\n"],"names":["Title","className","fs","mdFs","color","as","children","Heading","fontSizeClass","size","mdFontSizeClass","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;AAcO,MAAMA,IAAQ,CAAC;AAAA,EACpB,WAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,IAAAC,IAAK;AAAA,EACL,UAAAC;AACF,MAAkB;AAChB,QAAMC,IAAUF,GAMVG,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBP,CAAE,GACtCQ,IAAkBP,IAAO,SAASA,CAAI,KAAK,IAC3CQ,IAAiBC,EAAmB,EAAE,MAAMR,GAAO;AAGvD,SAAAS,gBAAAA,EAAA;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACT;AAAA,QACAN;AAAA,QACAE;AAAA,QACAC;AAAA,QACAV;AAAA,MACF;AAAA,MAEC,UAAAK;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.es42.js

@@ -1,5 +1,5 @@
-import { j as e } from "./index.es251.js";
-import { clsx as f } from "./index.es252.js";
+import { j as e } from "./index.es250.js";
+import { clsx as f } from "./index.es253.js";
 import './components/ui/CardDocument/CardDocument.css';/* empty css            */
 import { Divider as z } from "./index.es72.js";
 import { Loader as p } from "./index.es106.js";

package/dist/{index.es444.js → index.es420.js}

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es251.js";
+import { j as a } from "./index.es250.js";
 import './components/ui/Section/Description/description.css';/* empty css            */
-import { createColorClasses as n } from "./index.es253.js";
-import { clsx as m } from "./index.es252.js";
+import { createColorClasses as n } from "./index.es290.js";
+import { clsx as m } from "./index.es253.js";
 const u = ({
   fs: t = "6",
   color: s = "slate-28",
@@ -28,4 +28,4 @@ const u = ({
 export {
   u as Description
 };
-//# sourceMappingURL=index.es444.js.map
+//# sourceMappingURL=index.es420.js.map

package/dist/index.es420.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es420.js","sources":["../src/components/ui/Section/Description/index.tsx"],"sourcesContent":["import \"./description.scss\";\r\nimport { TypographyKeys } from \"@/theme/typography\";\r\nimport { ColorKeys, createColorClasses } from \"@/theme/colors\";\r\nimport clsx from \"clsx\";\r\nimport { PropsWithChildren } from \"react\";\r\n\r\ntype DescriptionProps = PropsWithChildren<{\r\n  fs?: TypographyKeys;\r\n  color?: ColorKeys;\r\n  className?: string;\r\n}>;\r\n\r\nexport const Description = ({\r\n  fs = \"6\",\r\n  color = \"slate-28\",\r\n  className,\r\n  children,\r\n}: DescriptionProps) => {\r\n  const createFontSizeClass = (size: TypographyKeys) => {\r\n    return `fs-${size}`;\r\n  };\r\n\r\n  const fontSizeClass = createFontSizeClass(fs);\r\n\r\n  const textColorClass = createColorClasses({ text: color });\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        fontSizeClass,\r\n        textColorClass,\r\n        \"fw-regular\",\r\n        \"ui-max-width-section-description\",\r\n        className,\r\n        \"md-fs-custom\",\r\n        \"description-rich-text\",\r\n      )}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["Description","fs","color","className","children","fontSizeClass","size","textColorClass","createColorClasses","jsx","clsx"],"mappings":";;;;AAYO,MAAMA,IAAc,CAAC;AAAA,EAC1B,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,UAAAC;AACF,MAAwB;AAKhB,QAAAC,KAJsB,CAACC,MACpB,MAAMA,CAAI,IAGuBL,CAAE,GAEtCM,IAAiBC,EAAmB,EAAE,MAAMN,GAAO;AAGvD,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTL;AAAA,QACAE;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/{index.es448.js → index.es424.js}

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es251.js";
+import { j as r } from "./index.es250.js";
 import { Button as i } from "./index.es34.js";
 import { Attachment as a } from "./index.es200.js";
 import { ArrowLink as o } from "./index.es27.js";
@@ -62,4 +62,4 @@ const d = (t) => ({
 export {
   d as CTA_COMPONENTS
 };
-//# sourceMappingURL=index.es448.js.map
+//# sourceMappingURL=index.es424.js.map

package/dist/index.es424.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es424.js","sources":["../src/components/ui/SupportBanner/ctaComponents.tsx"],"sourcesContent":["import { ArrowLink, Button } from \"@/components\";\r\nimport { Attachment } from \"@/icons\";\r\nimport React from \"react\";\r\n\r\n// Centralized type to describe a single CTA/link entry used by SupportBanner\r\nexport interface SupportBannerLink {\r\n  text: string;\r\n  href?: string;\r\n  icon?: boolean;\r\n  target?: string;\r\n  isExternal?: boolean;\r\n  handleAction?: () => void;\r\n  variant?: \"link\" | \"button\" | \"outlineButton\" | \"outlineButtonHref\";\r\n}\r\n\r\n/**\r\n * CTA Components configuration object containing different call-to-action components\r\n * Each function returns a React component with specific styling and behavior\r\n */\r\nexport const CTA_COMPONENTS = (LinkComponent: \"a\" | React.ComponentType<any>) => ({\r\n  /**\r\n   * Renders a link component with optional action handler\r\n   */\r\n  link: ({ text, href, handleAction }: SupportBannerLink) => {\r\n    if (handleAction) {\r\n      return (\r\n        <ArrowLink asButton onClick={handleAction}>\r\n          {text}\r\n        </ArrowLink>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <ArrowLink asLink={LinkComponent} href={href ?? \"\"}>\r\n        {text}\r\n      </ArrowLink>\r\n    );\r\n  },\r\n\r\n  /**\r\n   * Renders a basic button component\r\n   */\r\n  button: ({ text, icon, handleAction }: SupportBannerLink) => (\r\n    <Button size=\"2\" className=\"w-full \" onClick={handleAction}>\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n\r\n  /**\r\n   * Renders an outline button with optional icon and action handler\r\n   */\r\n  outlineButton: ({ text, icon, handleAction }: SupportBannerLink) => (\r\n    <Button\r\n      size=\"2\"\r\n      textColor=\"primary\"\r\n      bg=\"lightblue-a03\"\r\n      className=\"w-full \"\r\n      border=\"primary\"\r\n      onClick={handleAction}\r\n    >\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n\r\n  /**\r\n   * Renders an outline button that acts as a link\r\n   */\r\n  outlineButtonHref: ({\r\n    text,\r\n    href,\r\n    icon,\r\n    target,\r\n    isExternal,\r\n  }: SupportBannerLink) => (\r\n    <Button\r\n      size=\"2\"\r\n      textColor=\"primary\"\r\n      bg=\"lightblue-a03\"\r\n      className=\"w-full \"\r\n      border=\"primary\"\r\n      asLink=\"a\"\r\n      target={target ?? (isExternal ? \"_blank\" : undefined)}\r\n      href={href ?? \"\"}\r\n    >\r\n      {icon && <Attachment className=\"mr-x8\" />}\r\n      <p className=\"fs-6 fw-bold\">{text}</p>\r\n    </Button>\r\n  ),\r\n});\r\n"],"names":["CTA_COMPONENTS","LinkComponent","text","href","handleAction","ArrowLink","icon","jsxs","Button","jsx","Attachment","target","isExternal"],"mappings":";;;;AAmBa,MAAAA,IAAiB,CAACC,OAAmD;AAAA;AAAA;AAAA;AAAA,EAIhF,MAAM,CAAC,EAAE,MAAAC,GAAM,MAAAC,GAAM,cAAAC,QACfA,0BAECC,GAAU,EAAA,UAAQ,IAAC,SAASD,GAC1B,UACHF,GAAA,0BAKDG,GAAU,EAAA,QAAQJ,GAAe,MAAME,KAAQ,IAC7C,UACHD,GAAA;AAAA;AAAA;AAAA;AAAA,EAOJ,QAAQ,CAAC,EAAE,MAAAA,GAAM,MAAAI,GAAM,cAAAF,EAAa,MACjCG,gBAAAA,EAAAA,KAAAC,GAAA,EAAO,MAAK,KAAI,WAAU,WAAU,SAASJ,GAC3C,UAAA;AAAA,IAAQE,KAAAG,gBAAAA,EAAAA,IAACC,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,IACtCD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKP,EAAA,CAAA;AAAA,EAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAMF,eAAe,CAAC,EAAE,MAAAA,GAAM,MAAAI,GAAM,cAAAF,EAC5B,MAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,MACP,SAASJ;AAAA,MAER,UAAA;AAAA,QAAQE,KAAAG,gBAAAA,EAAAA,IAACC,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,QACtCD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKP,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpC;AAAA;AAAA;AAAA;AAAA,EAMF,mBAAmB,CAAC;AAAA,IAClB,MAAAA;AAAA,IACA,MAAAC;AAAA,IACA,MAAAG;AAAA,IACA,QAAAK;AAAA,IACA,YAAAC;AAAA,EAAA,MAEAL,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,WAAU;AAAA,MACV,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAQG,MAAWC,IAAa,WAAW;AAAA,MAC3C,MAAMT,KAAQ;AAAA,MAEb,UAAA;AAAA,QAAQG,KAAAG,gBAAAA,EAAAA,IAACC,GAAW,EAAA,WAAU,QAAQ,CAAA;AAAA,QACtCD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,gBAAgB,UAAKP,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGxC;"}