@anoki/fse-ui 1.0.0-beta1.48.5 → 1.0.0-beta1.48.50

package/dist/index.es585.js.map

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

package/dist/index.es59.js

@@ -1,7 +1,7 @@
-import { j as r } from "./index.es243.js";
-import { clsx as o } from "./index.es244.js";
+import { j as r } from "./index.es244.js";
+import { clsx as o } from "./index.es246.js";
 import './components/ui/filters/CategoryHeader/CategoryHeader.css';/* empty css            */
-import { ArrowDown as n } from "./index.es157.js";
+import { ArrowDown as n } from "./index.es158.js";
 const b = ({
   className: t = "",
   title: i,

package/dist/index.es594.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 function t({ children: o }) {
   return /* @__PURE__ */ e.jsx("article", { className: "shadow rounded h-100 w-100 bg-white d-flex flex-column", children: o });
 }

package/dist/index.es6.js

@@ -1,7 +1,7 @@
-import { j as l } from "./index.es243.js";
-import { clsx as u } from "./index.es244.js";
+import { j as l } from "./index.es244.js";
+import { clsx as u } from "./index.es246.js";
 import { useMemo as x } from "react";
-import { createSpacingClasses as C } from "./index.es274.js";
+import { createSpacingClasses as C } from "./index.es276.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const y = ({
   as: o,

package/dist/index.es60.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es243.js";
-import { Title as a } from "./index.es323.js";
-import { clsx as i } from "./index.es244.js";
+import { j as e } from "./index.es244.js";
+import { Title as a } from "./index.es324.js";
+import { clsx as i } from "./index.es246.js";
 import { Button as l } from "./index.es28.js";
-import { Close as m } from "./index.es160.js";
+import { Close as m } from "./index.es161.js";
 const f = ({
   className: s = "",
   title: t,

package/dist/index.es61.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/filters/FiltersChips/FiltersChips.css';/* empty css            */
-import { clsx as o } from "./index.es244.js";
+import { clsx as o } from "./index.es246.js";
 import { Row as n } from "./index.es9.js";
 const d = ({
   chips: t,

package/dist/index.es62.js

@@ -1,10 +1,10 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import t from "./index.es256.js";
 import './components/ui/CardReminder/CardReminder.css';/* empty css            */
-import { Calendar as m } from "./index.es175.js";
+import { Calendar as m } from "./index.es176.js";
 const h = ({
   icon: a = /* @__PURE__ */ e.jsx(m, { width: 21, height: 21, color: "slate-28" }),
-  titleTag: i = "h3",
+  titleTag: i = "h1",
   title: d,
   description: r,
   footer: s

package/dist/index.es62.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es62.js","sources":["../src/components/ui/CardReminder/index.tsx"],"sourcesContent":["import Balancer from \"react-wrap-balancer\";\nimport { Calendar } from \"@/icons\";\nimport \"./CardReminder.scss\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardReminderProps = {\n  icon?: React.ReactNode;\n  title: string;\n  description?: React.ReactNode;\n  titleTag?: HeadingLevel;\n  footer?: React.ReactNode;\n};\n\nexport const CardReminder = ({\n  icon = <Calendar width={21} height={21} color=\"slate-28\" />,\n  titleTag: TitleTag = \"h3\",\n  title,\n  description,\n  footer,\n}: CardReminderProps) => {\n  return (\n    <div className=\"bg-white shadow br-x4 ui-card-reminder\">\n      <header className=\"ui-card-reminder-header\">\n        <div className=\"ui-card-reminder-icon\">{icon}</div>\n        <TitleTag className=\"fs-5 md-fs-4 fw-semibold text-slate-28\">\n          {title}\n        </TitleTag>\n      </header>\n      {description && (\n        <Balancer\n          as=\"p\"\n          className=\"fs-custom fw-regular text-slate-28 ui-card-reminder-content\"\n        >\n          {description}\n        </Balancer>\n      )}\n      {footer && <footer className=\"ui-card-reminder-footer\">{footer}</footer>}\n    </div>\n  );\n};\n"],"names":["CardReminder","icon","Calendar","TitleTag","title","description","footer","jsxs","jsx","Balancer"],"mappings":";;;;AAcO,MAAMA,IAAe,CAAC;AAAA,EAC3B,MAAAC,0BAAQC,GAAS,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,YAAW;AAAA,EACzD,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,UAAA,EAAO,WAAU,2BAChB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAKP,GAAA;AAAA,IAC5CO,gBAAAA,EAAA,IAAAL,GAAA,EAAS,WAAU,0CACjB,UACHC,EAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACCC,KACCG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAET,UAAAJ;AAAA,IAAA;AAAA,EACH;AAAA,EAEDC,KAAUE,gBAAAA,EAAA,IAAC,UAAO,EAAA,WAAU,2BAA2B,UAAOF,EAAA,CAAA;AAAA,GACjE;"}
+{"version":3,"file":"index.es62.js","sources":["../src/components/ui/CardReminder/index.tsx"],"sourcesContent":["import Balancer from \"react-wrap-balancer\";\nimport { Calendar } from \"@/icons\";\nimport \"./CardReminder.scss\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype CardReminderProps = {\n  icon?: React.ReactNode;\n  title: string;\n  description?: React.ReactNode;\n  titleTag?: HeadingLevel;\n  footer?: React.ReactNode;\n};\n\nexport const CardReminder = ({\n  icon = <Calendar width={21} height={21} color=\"slate-28\" />,\n  titleTag: TitleTag = \"h1\",\n  title,\n  description,\n  footer,\n}: CardReminderProps) => {\n  return (\n    <div className=\"bg-white shadow br-x4 ui-card-reminder\">\n      <header className=\"ui-card-reminder-header\">\n        <div className=\"ui-card-reminder-icon\">{icon}</div>\n        <TitleTag className=\"fs-5 md-fs-4 fw-semibold text-slate-28\">\n          {title}\n        </TitleTag>\n      </header>\n      {description && (\n        <Balancer\n          as=\"p\"\n          className=\"fs-custom fw-regular text-slate-28 ui-card-reminder-content\"\n        >\n          {description}\n        </Balancer>\n      )}\n      {footer && <footer className=\"ui-card-reminder-footer\">{footer}</footer>}\n    </div>\n  );\n};\n"],"names":["CardReminder","icon","Calendar","TitleTag","title","description","footer","jsxs","jsx","Balancer"],"mappings":";;;;AAaO,MAAMA,IAAe,CAAC;AAAA,EAC3B,MAAAC,0BAAQC,GAAS,EAAA,OAAO,IAAI,QAAQ,IAAI,OAAM,YAAW;AAAA,EACzD,UAAUC,IAAW;AAAA,EACrB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AACF,MAEIC,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,UAAA,EAAO,WAAU,2BAChB,UAAA;AAAA,IAACC,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAKP,GAAA;AAAA,IAC5CO,gBAAAA,EAAA,IAAAL,GAAA,EAAS,WAAU,0CACjB,UACHC,EAAA,CAAA;AAAA,EAAA,GACF;AAAA,EACCC,KACCG,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAU;AAAA,MAET,UAAAJ;AAAA,IAAA;AAAA,EACH;AAAA,EAEDC,KAAUE,gBAAAA,EAAA,IAAC,UAAO,EAAA,WAAU,2BAA2B,UAAOF,EAAA,CAAA;AAAA,GACjE;"}

package/dist/index.es63.js

@@ -1,12 +1,12 @@
-import { j as r } from "./index.es243.js";
+import { j as r } from "./index.es244.js";
 import { Avatar as f } from "./index.es64.js";
-import { Divider as C } from "./index.es283.js";
+import { Divider as C } from "./index.es137.js";
 import { Button as p } from "./index.es28.js";
 import './components/ui/CardDoctor/CardDoctor.css';/* empty css            */
 import { Row as b } from "./index.es9.js";
 import { Col as k } from "./index.es10.js";
 const B = ({
-  titleTag: a = "h3",
+  titleTag: a = "h1",
   doctorName: h,
   specialties: d,
   contactInfo: m,

package/dist/index.es63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es63.js","sources":["../src/components/ui/CardDoctor/index.tsx"],"sourcesContent":["import { DayHours } from \"@anoki/fse-common\";\nimport { Avatar, AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { Divider } from \"../Divider\";\nimport { Button } from \"../Button\";\nimport \"./CardDoctor.scss\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype Info = {\n  label: string;\n  value: string;\n};\n\ntype ScheduleDay = {\n  label: string;\n  slots: DayHours[];\n};\n\ntype CardDoctorProps = {\n  titleTag?: HeadingLevel;\n  doctorName: string;\n  specialties?: string[];\n  contactInfo?: Info[];\n  schedule?: {\n    label: string;\n    days: ScheduleDay[];\n  };\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  button?: {\n    label: string;\n    onClick: () => void;\n  };\n};\n\nexport const CardDoctor = ({\n  titleTag: TitleTag = \"h3\",\n  doctorName,\n  specialties,\n  contactInfo,\n  schedule,\n  avatar,\n  avatarSize = \"3\",\n  button,\n}: CardDoctorProps) => {\n  const showContactInfo = () => {\n    return contactInfo && contactInfo?.length > 0;\n  };\n\n  const showSchedule = () => {\n    return schedule && schedule?.days?.length > 0;\n  };\n\n  const showFooter = () => {\n    return button?.label && button?.onClick;\n  };\n\n  const showDivider = () => {\n    return showContactInfo() || showSchedule();\n  };\n\n  return (\n    <article className=\"bg-white shadow br-x4 ui-card-doctor\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\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={avatarSize}\n          />\n        )}\n\n        <div>\n          <TitleTag className=\"fs-5 md-fs-custom-2 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\">\n        {showContactInfo() && (\n          <dl className=\"ui-card-doctor-contact\">\n            {contactInfo?.map((info) => (\n              <div\n                key={info.label}\n                role=\"group\"\n                className=\"ui-card-doctor-contact-detail\"\n              >\n                <dt className=\"fs-custom fw-bold text-slate-28\">\n                  {info.label}\n                </dt>\n                <dd className=\"fs-6 fw-regular text-slate-28\">{info.value}</dd>\n              </div>\n            ))}\n          </dl>\n        )}\n\n        {showDivider() && <Divider bg=\"border-divider\" />}\n\n        {showSchedule() && (\n          <div>\n            <div className={\"ui-border-lg\"}>\n              <h3 className=\"text-align-left fw-bold text-slate-28 mb-x8 fs-custom\">\n                {schedule?.label}\n              </h3>\n\n              <div role=\"table\" className=\"ui-card-doctor-table\">\n                {schedule?.days.map((day, dayIndex) => (\n                  <div\n                    key={day.label}\n                    role=\"row\"\n                    className=\"ui-card-doctor-row\"\n                  >\n                    <div\n                      className=\"fs-6 fw-regular text-slate-28\"\n                      role=\"rowheader\"\n                    >\n                      {day.label}\n                    </div>\n                    <Col\n                      role=\"cell\"\n                      key={`cell-${dayIndex}`}\n                      className=\"fs-6 fw-regular text-slate-28\"\n                    >\n                      {day?.slots?.length === 0 && (\n                        <div>\n                          <span aria-hidden=\"true\">-</span>\n                        </div>\n                      )}\n                      {day.slots.map((slot, slotIndex) => (\n                        <div key={`slot-${slotIndex}`}>\n                          <time dateTime={slot.from}>{slot.from}</time>\n                          <span aria-hidden=\"true\"> - </span>\n                          <time dateTime={slot.to}>{slot.to}</time>\n                        </div>\n                      ))}\n                    </Col>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n      {showFooter() && (\n        <footer>\n          <Button className=\"ui-card-doctor-btn\" onClick={button?.onClick}>\n            {button?.label}\n          </Button>\n        </footer>\n      )}\n    </article>\n  );\n};\n"],"names":["CardDoctor","TitleTag","doctorName","specialties","contactInfo","schedule","avatar","avatarSize","button","showContactInfo","showSchedule","_a","showFooter","showDivider","jsxs","Row","jsx","Avatar","info","Divider","day","dayIndex","Col","slot","slotIndex","Button"],"mappings":"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"}
+{"version":3,"file":"index.es63.js","sources":["../src/components/ui/CardDoctor/index.tsx"],"sourcesContent":["import { DayHours } from \"@anoki/fse-common\";\nimport { Avatar, AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { Divider } from \"../Divider\";\nimport { Button } from \"../Button\";\nimport \"./CardDoctor.scss\";\nimport { Col, Row } from \"@/components\";\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 CardDoctorProps = {\n  titleTag?: HeadingLevel;\n  doctorName: string;\n  specialties?: string[];\n  contactInfo?: Info[];\n  schedule?: {\n    label: string;\n    days: ScheduleDay[];\n  };\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  button?: {\n    label: string;\n    onClick: () => void;\n  };\n};\n\nexport const CardDoctor = ({\n  titleTag: TitleTag = \"h1\",\n  doctorName,\n  specialties,\n  contactInfo,\n  schedule,\n  avatar,\n  avatarSize = \"3\",\n  button,\n}: CardDoctorProps) => {\n  const showContactInfo = () => {\n    return contactInfo && contactInfo?.length > 0;\n  };\n\n  const showSchedule = () => {\n    return schedule && schedule?.days?.length > 0;\n  };\n\n  const showFooter = () => {\n    return button?.label && button?.onClick;\n  };\n\n  const showDivider = () => {\n    return showContactInfo() || showSchedule();\n  };\n\n  return (\n    <article className=\"bg-white shadow br-x4 ui-card-doctor\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\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={avatarSize}\n          />\n        )}\n\n        <div>\n          <TitleTag className=\"fs-5 md-fs-custom-2 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\">\n        {showContactInfo() && (\n          <dl className=\"ui-card-doctor-contact\">\n            {contactInfo?.map((info) => (\n              <div\n                key={info.label}\n                role=\"group\"\n                className=\"ui-card-doctor-contact-detail\"\n              >\n                <dt className=\"fs-custom fw-bold text-slate-28\">\n                  {info.label}\n                </dt>\n                <dd className=\"fs-6 fw-regular text-slate-28\">{info.value}</dd>\n              </div>\n            ))}\n          </dl>\n        )}\n\n        {showDivider() && <Divider bg=\"border-divider\" />}\n\n        {showSchedule() && (\n          <div>\n            <div className={\"ui-border-lg\"}>\n              <h3 className=\"text-align-left fw-bold text-slate-28 mb-x8 fs-custom\">\n                {schedule?.label}\n              </h3>\n\n              <div role=\"table\" className=\"ui-card-doctor-table\">\n                {schedule?.days.map((day, dayIndex) => (\n                  <div\n                    key={day.label}\n                    role=\"row\"\n                    className=\"ui-card-doctor-row\"\n                  >\n                    <div\n                      className=\"fs-6 fw-regular text-slate-28\"\n                      role=\"rowheader\"\n                    >\n                      {day.label}\n                    </div>\n                    <Col\n                      role=\"cell\"\n                      key={`cell-${dayIndex}`}\n                      className=\"fs-6 fw-regular text-slate-28\"\n                    >\n                      {day?.slots?.length === 0 && (\n                        <div>\n                          <span aria-hidden=\"true\">-</span>\n                        </div>\n                      )}\n                      {day.slots.map((slot, slotIndex) => (\n                        <div key={`slot-${slotIndex}`}>\n                          <time dateTime={slot.from}>{slot.from}</time>\n                          <span aria-hidden=\"true\"> - </span>\n                          <time dateTime={slot.to}>{slot.to}</time>\n                        </div>\n                      ))}\n                    </Col>\n                  </div>\n                ))}\n              </div>\n            </div>\n          </div>\n        )}\n      </div>\n      {showFooter() && (\n        <footer>\n          <Button className=\"ui-card-doctor-btn\" onClick={button?.onClick}>\n            {button?.label}\n          </Button>\n        </footer>\n      )}\n    </article>\n  );\n};\n"],"names":["CardDoctor","TitleTag","doctorName","specialties","contactInfo","schedule","avatar","avatarSize","button","showContactInfo","showSchedule","_a","showFooter","showDivider","jsxs","Row","jsx","Avatar","info","Divider","day","dayIndex","Col","slot","slotIndex","Button"],"mappings":"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"}

package/dist/index.es64.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es243.js";
-import { createColorClasses as l } from "./index.es245.js";
-import { clsx as x } from "./index.es244.js";
+import { j as s } from "./index.es244.js";
+import { createColorClasses as l } from "./index.es274.js";
+import { clsx as x } from "./index.es246.js";
 const p = ({
   initials: e,
   bg: r,

package/dist/index.es65.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es243.js";
+import { j as r } from "./index.es244.js";
 const x = ({ links: t, asLink: a = "a", onClick: o }) => {
   const m = a;
   return /* @__PURE__ */ r.jsx("ul", { className: "list-style-none", role: "list", children: t == null ? void 0 : t.map((e) => {

package/dist/index.es66.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es243.js";
-import { clsx as c } from "./index.es244.js";
+import { j as s } from "./index.es244.js";
+import { clsx as c } from "./index.es246.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as t } from "./index.es10.js";
 const h = ({

package/dist/index.es67.js

@@ -1,9 +1,9 @@
-import { j as t } from "./index.es243.js";
-import { clsx as u } from "./index.es244.js";
+import { j as t } from "./index.es244.js";
+import { clsx as u } from "./index.es246.js";
 import F, { useMemo as T } from "react";
 import { InfoPopup as C } from "./index.es75.js";
-import "./index.es364.js";
-import { Favourite as N } from "./index.es184.js";
+import "./index.es365.js";
+import { Favourite as N } from "./index.es185.js";
 import { Row as m } from "./index.es9.js";
 const z = ({
   iconColor: c,

package/dist/index.es68.js

@@ -1,8 +1,8 @@
-import { j as i } from "./index.es243.js";
+import { j as i } from "./index.es244.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as c } from "./index.es244.js";
+import { clsx as c } from "./index.es246.js";
 import { useState as d } from "react";
-import { MoreActions as j } from "./index.es188.js";
+import { MoreActions as j } from "./index.es189.js";
 import { ActionsPopup as h } from "./index.es118.js";
 import { Row as n } from "./index.es9.js";
 const y = ({
@@ -12,7 +12,7 @@ const y = ({
   secondaryButton: s,
   titleSection: m,
   classNameTitle: p,
-  titleTag: x = "h2"
+  titleTag: x = "h1"
 }) => {
   const [o, r] = d(!1), e = [a, t].filter(Boolean);
   return /* @__PURE__ */ i.jsxs("div", { children: [

package/dist/index.es68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es68.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\nimport clsx from \"clsx\";\nimport { MoreActions } from \"@/icons\";\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { ActionsPopup, Row } from \"@/components\";\n\ntype TitleSectionProps = PropsWithChildren<{\n  action1?: ReactNode;\n  action2?: ReactNode;\n  mainButton?: ReactNode;\n  secondaryButton?: ReactNode;\n  titleSection: string;\n  classNameTitle?: string;\n  isMoreOption?: boolean;\n  handleMoreOption?: () => void;\n  titleTag?: \"h2\" | \"h3\" | \"h4\";\n}>;\n\nexport const TitleSection = ({\n  action1,\n  action2,\n  mainButton,\n  secondaryButton,\n  titleSection,\n  classNameTitle,\n  titleTag: TitleTag = \"h2\",\n}: TitleSectionProps) => {\n  const [openActions, setOpenActions] = useState(false);\n\n  const popupActions = [action1, action2].filter(Boolean);\n  return (\n    <div>\n      <div className={clsx(\"ui-title-section-container\")}>\n        <div className=\"ui-title-row\">\n          <TitleTag\n            className={clsx(\n              classNameTitle,\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\n            )}\n          >\n            {titleSection}\n          </TitleTag>\n\n          {popupActions.length === 2 && (\n            <>\n              <div\n                onClick={() => setOpenActions(!openActions)}\n                className=\"ui-mobile-actions\"\n              >\n                <MoreActions\n                  className=\"cursor-pointer\"\n                  aria-label=\"Altre opzioni\"\n                />\n              </div>\n              <ActionsPopup\n                isOpen={openActions}\n                onClickCloseBtn={() => setOpenActions(false)}\n                actions={popupActions}\n                className=\"ui-mobile-actionspopup\"\n              >\n                {secondaryButton && (\n                  <div className=\"ui-actions-popup-buttons\">\n                    {secondaryButton}\n                  </div>\n                )}\n              </ActionsPopup>\n            </>\n          )}\n        </div>\n\n        {popupActions.length === 1 && (\n          <div className=\"ui-mobile-single-action\">{popupActions[0]}</div>\n        )}\n\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\n          <Row\n            as={\"ul\"}\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"primary\"}\n            fs={\"8\"}\n            className=\"list-style-none\"\n          >\n            {action1}\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\n            {action2}\n            {secondaryButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {secondaryButton}\n              </Row>\n            )}\n            {mainButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {mainButton}\n              </Row>\n            )}\n          </Row>\n        </nav>\n      </div>\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\n    </div>\n  );\n};\n"],"names":["TitleSection","action1","action2","mainButton","secondaryButton","titleSection","classNameTitle","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":";;;;;;;AAkBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAUC,IAAW;AACvB,MAAyB;AACvB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAe,CAACV,GAASC,CAAO,EAAE,OAAO,OAAO;AACtD,gCACG,OACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAAE,gBAAAA,EAAA;AAAA,UAACP;AAAA,UAAA;AAAA,YACC,WAAWM;AAAA,cACTP;AAAA,cACA;AAAA,YACF;AAAA,YAEC,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QAECM,EAAa,WAAW,KAErBC,gBAAAA,EAAA,KAAAG,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,MAAML,EAAe,CAACD,CAAW;AAAA,cAC1C,WAAU;AAAA,cAEV,UAAAM,gBAAAA,EAAA;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACb;AAAA,UACF;AAAA,UACAF,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,QAAQT;AAAA,cACR,iBAAiB,MAAMC,EAAe,EAAK;AAAA,cAC3C,SAASE;AAAA,cACT,WAAU;AAAA,cAET,UACCP,KAAAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACZ,UACHV,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EACF,CAAA;AAAA,MAAA,GAEJ;AAAA,MAECO,EAAa,WAAW,KACvBG,gBAAAA,EAAAA,IAAC,SAAI,WAAU,2BAA2B,UAAaH,EAAA,CAAC,EAAE,CAAA;AAAA,MAG3DG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,sBAAqB,cAAW,qBAC7C,UAAAF,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,WAAU;AAAA,UAET,UAAA;AAAA,YAAAjB;AAAA,YACAC,KAAWY,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,2BAA2B,CAAA;AAAA,YACtDZ;AAAA,YACAE,KACCU,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAd;AAAA,cAAA;AAAA,YACH;AAAA,YAEDD,KACCW,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA,GACF;AAAA,IACCW,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAWX,EAAA,CAAA;AAAA,EAAA,GACrD;AAEJ;"}
+{"version":3,"file":"index.es68.js","sources":["../src/components/ui/TitleSection/index.tsx"],"sourcesContent":["import \"./TitleSection.scss\";\nimport clsx from \"clsx\";\nimport { MoreActions } from \"@/icons\";\nimport { PropsWithChildren, ReactNode, useState } from \"react\";\nimport { ActionsPopup, Row } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype TitleSectionProps = PropsWithChildren<{\n  action1?: ReactNode;\n  action2?: ReactNode;\n  mainButton?: ReactNode;\n  secondaryButton?: ReactNode;\n  titleSection: string;\n  classNameTitle?: string;\n  isMoreOption?: boolean;\n  handleMoreOption?: () => void;\n  titleTag?: HeadingLevel;\n}>;\n\nexport const TitleSection = ({\n  action1,\n  action2,\n  mainButton,\n  secondaryButton,\n  titleSection,\n  classNameTitle,\n  titleTag: TitleTag = \"h1\",\n}: TitleSectionProps) => {\n  const [openActions, setOpenActions] = useState(false);\n\n  const popupActions = [action1, action2].filter(Boolean);\n  return (\n    <div>\n      <div className={clsx(\"ui-title-section-container\")}>\n        <div className=\"ui-title-row\">\n          <TitleTag\n            className={clsx(\n              classNameTitle,\n              \"py-x8 md-py-x16 fs-4 md-fs-2 fw-bold text-slate-28\",\n            )}\n          >\n            {titleSection}\n          </TitleTag>\n\n          {popupActions.length === 2 && (\n            <>\n              <div\n                onClick={() => setOpenActions(!openActions)}\n                className=\"ui-mobile-actions\"\n              >\n                <MoreActions\n                  className=\"cursor-pointer\"\n                  aria-label=\"Altre opzioni\"\n                />\n              </div>\n              <ActionsPopup\n                isOpen={openActions}\n                onClickCloseBtn={() => setOpenActions(false)}\n                actions={popupActions}\n                className=\"ui-mobile-actionspopup\"\n              >\n                {secondaryButton && (\n                  <div className=\"ui-actions-popup-buttons\">\n                    {secondaryButton}\n                  </div>\n                )}\n              </ActionsPopup>\n            </>\n          )}\n        </div>\n\n        {popupActions.length === 1 && (\n          <div className=\"ui-mobile-single-action\">{popupActions[0]}</div>\n        )}\n\n        <nav className=\"ui-desktop-actions\" aria-label=\"Azioni principali\">\n          <Row\n            as={\"ul\"}\n            gap={\"x20\"}\n            fw={\"semibold\"}\n            text={\"primary\"}\n            fs={\"8\"}\n            className=\"list-style-none\"\n          >\n            {action1}\n            {action2 && <span className=\"ui-divider-title-section\"></span>}\n            {action2}\n            {secondaryButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {secondaryButton}\n              </Row>\n            )}\n            {mainButton && (\n              <Row\n                as={\"li\"}\n                text={\"primary\"}\n                justifyContent={\"center\"}\n                alignItems={\"center\"}\n                gap={\"x8\"}\n              >\n                {mainButton}\n              </Row>\n            )}\n          </Row>\n        </nav>\n      </div>\n      <div className=\"ui-mobile-main-button\">{mainButton}</div>\n    </div>\n  );\n};\n"],"names":["TitleSection","action1","action2","mainButton","secondaryButton","titleSection","classNameTitle","TitleTag","openActions","setOpenActions","useState","popupActions","jsxs","clsx","jsx","Fragment","MoreActions","ActionsPopup","Row"],"mappings":";;;;;;;AAmBO,MAAMA,IAAe,CAAC;AAAA,EAC3B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAUC,IAAW;AACvB,MAAyB;AACvB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAe,CAACV,GAASC,CAAO,EAAE,OAAO,OAAO;AACtD,gCACG,OACC,EAAA,UAAA;AAAA,IAAAU,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAWC,EAAK,4BAA4B,GAC/C,UAAA;AAAA,MAACD,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,QAAAE,gBAAAA,EAAA;AAAA,UAACP;AAAA,UAAA;AAAA,YACC,WAAWM;AAAA,cACTP;AAAA,cACA;AAAA,YACF;AAAA,YAEC,UAAAD;AAAA,UAAA;AAAA,QACH;AAAA,QAECM,EAAa,WAAW,KAErBC,gBAAAA,EAAA,KAAAG,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAD,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS,MAAML,EAAe,CAACD,CAAW;AAAA,cAC1C,WAAU;AAAA,cAEV,UAAAM,gBAAAA,EAAA;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,cAAW;AAAA,gBAAA;AAAA,cAAA;AAAA,YACb;AAAA,UACF;AAAA,UACAF,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,QAAQT;AAAA,cACR,iBAAiB,MAAMC,EAAe,EAAK;AAAA,cAC3C,SAASE;AAAA,cACT,WAAU;AAAA,cAET,UACCP,KAAAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACZ,UACHV,EAAA,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAEJ,EACF,CAAA;AAAA,MAAA,GAEJ;AAAA,MAECO,EAAa,WAAW,KACvBG,gBAAAA,EAAAA,IAAC,SAAI,WAAU,2BAA2B,UAAaH,EAAA,CAAC,EAAE,CAAA;AAAA,MAG3DG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,sBAAqB,cAAW,qBAC7C,UAAAF,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,IAAI;AAAA,UACJ,WAAU;AAAA,UAET,UAAA;AAAA,YAAAjB;AAAA,YACAC,KAAWY,gBAAAA,EAAAA,IAAC,QAAK,EAAA,WAAU,2BAA2B,CAAA;AAAA,YACtDZ;AAAA,YACAE,KACCU,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAd;AAAA,cAAA;AAAA,YACH;AAAA,YAEDD,KACCW,gBAAAA,EAAA;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,IAAI;AAAA,gBACJ,MAAM;AAAA,gBACN,gBAAgB;AAAA,gBAChB,YAAY;AAAA,gBACZ,KAAK;AAAA,gBAEJ,UAAAf;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,QAAA;AAAA,MAAA,EAGN,CAAA;AAAA,IAAA,GACF;AAAA,IACCW,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,yBAAyB,UAAWX,EAAA,CAAA;AAAA,EAAA,GACrD;AAEJ;"}

package/dist/index.es69.js

@@ -1,11 +1,11 @@
-import { j as r } from "./index.es243.js";
-import { Root as x, Indicator as p } from "./index.es305.js";
+import { j as r } from "./index.es244.js";
+import { Root as x, Indicator as p } from "./index.es306.js";
 import './components/ui/filters/CheckboxFilter/CheckboxFilter.css';/* empty css            */
 import f from "./index.es256.js";
-import { clsx as i } from "./index.es244.js";
-import { CheckIconCircle as d } from "./index.es213.js";
+import { clsx as i } from "./index.es246.js";
+import { CheckIconCircle as d } from "./index.es214.js";
 import { Row as n } from "./index.es9.js";
-import { CheckIcon as j } from "./index.es212.js";
+import { CheckIcon as j } from "./index.es213.js";
 const R = ({
   id: e,
   label: o,

package/dist/index.es7.js

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es243.js";
+import { j as a } from "./index.es244.js";
 import { useMemo as i } from "react";
-import { clsx as m } from "./index.es244.js";
-import { createSpacingClasses as c } from "./index.es274.js";
+import { clsx as m } from "./index.es246.js";
+import { createSpacingClasses as c } from "./index.es276.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es70.js

@@ -1,10 +1,10 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import { Avatar as x } from "./index.es64.js";
 import './components/ui/CardUser/CardUser.css';/* empty css            */
 import { Col as m } from "./index.es10.js";
 import { Row as r } from "./index.es9.js";
 const g = ({
-  titleTag: l = "h3",
+  titleTag: l = "h1",
   userName: o,
   avatar: s,
   information: d = []

package/dist/index.es70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es70.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\nimport { Avatar } from \"../Avatar\";\nimport \"./CardUser.scss\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardUserProps = {\n  titleTag?: HeadingLevel;\n  userName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  information?: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport const CardUser = ({\n  titleTag: TitleTag = \"h3\",\n  userName,\n  avatar,\n  information = [],\n}: CardUserProps) => {\n  return (\n    <Col\n      as={\"article\"}\n      bg={\"white\"}\n      br={\"x4\"}\n      p={\"x16\"}\n      gap={\"x16\"}\n      className=\"shadow md-p-x24 md-gap-x24\"\n    >\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\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        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n          {userName}\n        </TitleTag>\n      </Row>\n      <dl className=\"ui-card-user \">\n        {information.map(({ label, value }) => (\n          <div key={label}>\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n          </div>\n        ))}\n      </dl>\n    </Col>\n  );\n};\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":";;;;;AAqBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}
+{"version":3,"file":"index.es70.js","sources":["../src/components/ui/CardUser/index.tsx"],"sourcesContent":["import { ColorKeys } from \"@/theme/colors\";\nimport { Avatar } from \"../Avatar\";\nimport \"./CardUser.scss\";\nimport { Col, Row } from \"@/components\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype CardUserProps = {\n  titleTag?: HeadingLevel;\n  userName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  information?: {\n    label: string;\n    value: string;\n  }[];\n};\n\nexport const CardUser = ({\n  titleTag: TitleTag = \"h1\",\n  userName,\n  avatar,\n  information = [],\n}: CardUserProps) => {\n  return (\n    <Col\n      as={\"article\"}\n      bg={\"white\"}\n      br={\"x4\"}\n      p={\"x16\"}\n      gap={\"x16\"}\n      className=\"shadow md-p-x24 md-gap-x24\"\n    >\n      <Row as={\"header\"} gap={\"x16\"} alignItems={\"center\"}>\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        <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n          {userName}\n        </TitleTag>\n      </Row>\n      <dl className=\"ui-card-user \">\n        {information.map(({ label, value }) => (\n          <div key={label}>\n            <dt className=\"fs-6 fw-bold text-slate-28\">{label}</dt>\n            <dd className=\"fs-6 fw-regular text-slate-28\">{value}</dd>\n          </div>\n        ))}\n      </dl>\n    </Col>\n  );\n};\n"],"names":["CardUser","TitleTag","userName","avatar","information","jsxs","Col","Row","jsx","Avatar","label","value"],"mappings":";;;;;AAoBO,MAAMA,IAAW,CAAC;AAAA,EACvB,UAAUC,IAAW;AAAA,EACrB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC,IAAc,CAAA;AAChB,MAEIC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,GAAG;AAAA,IACH,KAAK;AAAA,IACL,WAAU;AAAA,IAEV,UAAA;AAAA,MAAAD,gBAAAA,OAACE,KAAI,IAAI,UAAU,KAAK,OAAO,YAAY,UACxC,UAAA;AAAA,QACCJ,KAAAK,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAWN,KAAA,gBAAAA,EAAQ,cAAa;AAAA,YAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,YAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,YAC9B,WAAU;AAAA,YACV,MAAK;AAAA,UAAA;AAAA,QACP;AAAA,QAEDK,gBAAAA,EAAA,IAAAP,GAAA,EAAS,WAAU,kCACjB,UACHC,EAAA,CAAA;AAAA,MAAA,GACF;AAAA,MACCM,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iBACX,UAAYJ,EAAA,IAAI,CAAC,EAAE,OAAAM,GAAO,OAAAC,EACzB,MAAAN,gBAAAA,EAAA,KAAC,OACC,EAAA,UAAA;AAAA,QAACG,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,8BAA8B,UAAME,GAAA;AAAA,QACjDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,iCAAiC,UAAMG,EAAA,CAAA;AAAA,MAAA,EAF7C,GAAAD,CAGV,CACD,EACH,CAAA;AAAA,IAAA;AAAA,EAAA;AACF;"}

package/dist/index.es71.js

@@ -1,8 +1,8 @@
-import { j as a } from "./index.es243.js";
+import { j as a } from "./index.es244.js";
 import './components/ui/CardClinicalData/CardClinicalData.css';/* empty css            */
-import { clsx as s } from "./index.es244.js";
+import { clsx as s } from "./index.es246.js";
 import { Row as c } from "./index.es9.js";
-import { ArrowDown as o } from "./index.es157.js";
+import { ArrowDown as o } from "./index.es158.js";
 import { Button as j } from "./index.es28.js";
 const C = ({
   information: l = [],

package/dist/index.es72.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es243.js";
-import { Spinner as n } from "./index.es195.js";
+import { j as r } from "./index.es244.js";
+import { Spinner as n } from "./index.es196.js";
 const i = ({
   loading: o = !1,
   className: e