@anoki/fse-ui 2.3.0-4-SNAPSHOT2 → 2.3.0-5-SNAPSHOT1

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}

package/dist/index.es10.js

@@ -1,10 +1,10 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import { LOGOS as i } from "./index.es9.js";
-import { clsx as t } from "./index.es239.js";
+import { clsx as t } from "./index.es243.js";
 import { Divider as n } from "./index.es72.js";
 import './components/navigations/HeaderPostLogin/HeaderPostLogin.css';/* empty css            */
-import { CirlceLeftArrow as b } from "./index.es176.js";
-import { CircleRightArrow as N } from "./index.es177.js";
+import { CirlceLeftArrow as b } from "./index.es179.js";
+import { CircleRightArrow as N } from "./index.es180.js";
 import { Col as a } from "./index.es61.js";
 import { Row as w } from "./index.es116.js";
 const z = ({

package/dist/index.es100.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import './components/ui/HomeHeaderSkeleton/HomeHeaderSkeleton.css';/* empty css            */
 const r = () => /* @__PURE__ */ e.jsx("div", { className: "home-header-skeleton-container", children: /* @__PURE__ */ e.jsxs("div", { className: "home-header-skeleton-header-row", children: [
   /* @__PURE__ */ e.jsx("div", { className: "home-header-skeleton-doctor-name pulse" }),

package/dist/index.es101.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import './components/ui/InfoCardSkeleton/InfoCardSkeleton.css';/* empty css            */
 const s = () => /* @__PURE__ */ e.jsx("div", { className: "data-banner-skeleton pulse", children: /* @__PURE__ */ e.jsx("div", { className: "data-banner-skeleton-content" }) });
 export {

package/dist/index.es102.js

@@ -1,9 +1,9 @@
-import { j as i } from "./index.es237.js";
-import { Root as r, Portal as c, Content as d } from "./index.es312.js";
+import { j as i } from "./index.es241.js";
+import { Root as r, Portal as c, Content as d } from "./index.es316.js";
 import './components/ui/InfoModal/InfoModal.css';/* empty css            */
 import { Row as s } from "./index.es116.js";
-import { Actions as t } from "./index.es163.js";
-import { Close as m } from "./index.es179.js";
+import { Actions as t } from "./index.es166.js";
+import { Close as m } from "./index.es182.js";
 const b = ({ open: e, setOpen: o, id: a = "", title: l, text: n }) => /* @__PURE__ */ i.jsx(r, { open: e, onOpenChange: o, children: /* @__PURE__ */ i.jsx(c, { children: /* @__PURE__ */ i.jsx("div", { className: "ui-info-modal", children: /* @__PURE__ */ i.jsx(d, { className: "shadow br-x4 ui-info-modal-body", id: a, children: /* @__PURE__ */ i.jsx("div", { className: "bg-lightblue-a03 ui-info-modal-container shadow br-x4", children: /* @__PURE__ */ i.jsxs(s, { p: "x20", gap: "x16", children: [
   /* @__PURE__ */ i.jsxs("div", { className: "ui-info-modal-icon base-row bg-lightblue-a03", children: [
     /* @__PURE__ */ i.jsx("div", { className: "ui-info-modal-badge-container", children: /* @__PURE__ */ i.jsx("div", { className: "ui-info-modal-badge" }) }),

package/dist/index.es103.js

@@ -1,10 +1,10 @@
-import { j as a } from "./index.es237.js";
+import { j as a } from "./index.es241.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
-import { clsx as c } from "./index.es239.js";
-import { Root as t, Trigger as g, Content as f, Close as j } from "./index.es416.js";
-import { Button as d } from "./index.es417.js";
-import { Info as u } from "./index.es208.js";
-import { Close as N } from "./index.es179.js";
+import { clsx as c } from "./index.es243.js";
+import { Root as t, Trigger as g, Content as f, Close as j } from "./index.es420.js";
+import { Button as d } from "./index.es421.js";
+import { Info as u } from "./index.es211.js";
+import { Close as N } from "./index.es182.js";
 const W = ({
   title: o = "Info",
   description: r,

package/dist/index.es104.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es237.js";
-import { clsx as e } from "./index.es239.js";
+import { j as r } from "./index.es241.js";
+import { clsx as e } from "./index.es243.js";
 import './components/ui/InfoSectionCard/InfoSectionCard.css';/* empty css            */
 import { Col as s } from "./index.es61.js";
 const d = ({ title: o, children: t }) => /* @__PURE__ */ r.jsx("label", { className: e("shadow  br-x4 ui-radio-card-container"), children: /* @__PURE__ */ r.jsxs(s, { style: { width: "100%" }, children: [

package/dist/index.es105.js

@@ -1,7 +1,7 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
 /* empty css            */
-import { clsx as m } from "./index.es239.js";
+import { clsx as m } from "./index.es243.js";
 function x({
   title: o,
   src: e,

package/dist/index.es106.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es237.js";
-import { Spinner as n } from "./index.es226.js";
+import { j as r } from "./index.es241.js";
+import { Spinner as n } from "./index.es229.js";
 const i = ({
   loading: o = !1,
   className: e

package/dist/index.es107.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es312.js";
+import { Title as o, Close as l } from "./index.es316.js";
 import { Button as i } from "./index.es32.js";
-import { Close as m } from "./index.es179.js";
+import { Close as m } from "./index.es182.js";
 const h = ({
   title: s,
   closeButton: r,

package/dist/index.es108.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es237.js";
+import { j as r } from "./index.es241.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.es109.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import './components/ui/NotificationSettingsSkeleton/NotificationSettingsSkeleton.css';/* empty css            */
 const i = () => /* @__PURE__ */ s.jsxs("div", { className: "simple-skeleton-container", children: [
   /* @__PURE__ */ s.jsx("div", { className: "simple-skeleton-header pulse" }),

package/dist/index.es11.js

@@ -1,6 +1,6 @@
-import { j as r } from "./index.es237.js";
+import { j as r } from "./index.es241.js";
 import { Container as l } from "./index.es65.js";
-import { clsx as i } from "./index.es239.js";
+import { clsx as i } from "./index.es243.js";
 import './components/navigations/HeaderSlim/HeaderSlim.css';/* empty css            */
 import { Row as u } from "./index.es116.js";
 const h = ({

package/dist/index.es110.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import './components/ui/NotificationsListModalSkeleton/NotificationsListModalSkeleton.css';/* empty css            */
 const d = () => /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-container", children: [...Array(3)].map((o, e) => /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [

package/dist/index.es111.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import './components/ui/NotificationsListSkeleton/NotificationsListSkeleton.css';/* empty css            */
 const c = () => /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-container", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-search-row", children: [

package/dist/index.es112.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es237.js";
-import { clsx as o } from "./index.es239.js";
+import { j as e } from "./index.es241.js";
+import { clsx as o } from "./index.es243.js";
 import { ActionIconText as f } from "./index.es18.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
-import { Info as x } from "./index.es208.js";
+import { Info as x } from "./index.es211.js";
 const n = (t) => `notifications-settings-header-${t}`, I = ({
   className: t,
   showEmail: r = !1,

package/dist/index.es113.js

@@ -1,8 +1,8 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import './components/ui/ProgressBar/ProgressBar.css';/* empty css            */
-import { clsx as o } from "./index.es239.js";
+import { clsx as o } from "./index.es243.js";
 import { Button as n } from "./index.es32.js";
-import { Close as t } from "./index.es179.js";
+import { Close as t } from "./index.es182.js";
 const u = ({
   closeButton: r,
   onlyTitle: a = !1,

package/dist/index.es114.js

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

package/dist/index.es115.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es237.js";
-import { CreditCard as c } from "./index.es182.js";
-import { clsx as w } from "./index.es239.js";
+import { j as e } from "./index.es241.js";
+import { CreditCard as c } from "./index.es185.js";
+import { clsx as w } from "./index.es243.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
-import { EditPencil as N } from "./index.es190.js";
+import { EditPencil as N } from "./index.es193.js";
 import { Col as s } from "./index.es61.js";
 import { Row as r } from "./index.es116.js";
 import { ActionIconText as o } from "./index.es18.js";

package/dist/index.es116.js

@@ -1,9 +1,9 @@
-import { j as x } from "./index.es237.js";
+import { j as x } from "./index.es241.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es239.js";
-import { createSpacingClasses as j } from "./index.es356.js";
-import { createColorClasses as u } from "./index.es310.js";
-import { createTypographyClasses as h } from "./index.es357.js";
+import { clsx as g } from "./index.es243.js";
+import { createSpacingClasses as j } from "./index.es360.js";
+import { createColorClasses as u } from "./index.es314.js";
+import { createTypographyClasses as h } from "./index.es361.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es117.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es239.js";
+import { clsx as r } from "./index.es243.js";
 import { useState as x } from "react";
-import { SearchIcon as d } from "./index.es223.js";
+import { SearchIcon as d } from "./index.es226.js";
 import { Button as h } from "./index.es32.js";
 const w = ({
   btnText: o,

package/dist/index.es118.js

@@ -1,8 +1,8 @@
-import { j as a } from "./index.es237.js";
+import { j as a } from "./index.es241.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es239.js";
+import { clsx as n } from "./index.es243.js";
 import { useState as u } from "react";
-import { Close as C } from "./index.es179.js";
+import { Close as C } from "./index.es182.js";
 import { Col as N } from "./index.es61.js";
 import { Button as y } from "./index.es32.js";
 const V = ({

package/dist/index.es119.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import { useState as C, useId as G } from "react";
-import { clsx as m } from "./index.es239.js";
+import { clsx as m } from "./index.es243.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es280.js";
-import { Close as S } from "./index.es179.js";
+import { useMediaQuery as Q } from "./index.es284.js";
+import { Close as S } from "./index.es182.js";
 import { Col as A } from "./index.es61.js";
 import { Button as D } from "./index.es32.js";
 function W({

package/dist/index.es12.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import { Container as m } from "./index.es65.js";
 import { LOGOS as n } from "./index.es9.js";
 import { Divider as l } from "./index.es72.js";
-import { clsx as x } from "./index.es239.js";
+import { clsx as x } from "./index.es243.js";
 import { Row as d } from "./index.es116.js";
 const b = ({
   asLink: i = "a",

package/dist/index.es120.js

@@ -1,8 +1,8 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es239.js";
+import { clsx as n } from "./index.es243.js";
 import { useState as h } from "react";
-import { Close as v } from "./index.es179.js";
+import { Close as v } from "./index.es182.js";
 import { Col as C } from "./index.es61.js";
 import { Button as N } from "./index.es32.js";
 const F = ({

package/dist/index.es121.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es239.js";
+import { clsx as l } from "./index.es243.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es280.js";
-import { Close as I } from "./index.es179.js";
+import { useMediaQuery as N } from "./index.es284.js";
+import { Close as I } from "./index.es182.js";
 import { Col as y } from "./index.es61.js";
 import { Button as L } from "./index.es32.js";
 const D = ({

package/dist/index.es122.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import './components/ui/SearchStructureSkeleton/SearchStructureSkeleton.css';/* empty css            */
 const r = () => /* @__PURE__ */ e.jsxs("div", { className: "search-structure-skeleton-container", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "search-structure-skeleton-breadcrumb", children: [

package/dist/index.es123.js

@@ -1,7 +1,7 @@
-import { j as i } from "./index.es237.js";
-import { Title as n } from "./index.es434.js";
-import { Description as o } from "./index.es435.js";
-import { clsx as t } from "./index.es239.js";
+import { j as i } from "./index.es241.js";
+import { Title as n } from "./index.es438.js";
+import { Description as o } from "./index.es439.js";
+import { clsx as t } from "./index.es243.js";
 const c = ({ className: e, children: s }) => /* @__PURE__ */ i.jsx("section", { className: e, children: s }), b = ({
   className: e,
   title: s,

package/dist/index.es124.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import './components/ui/ServicesListSkeleton/ServicesListSkeleton.css';/* empty css            */
 const i = () => /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-container", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "services-skeleton-breadcrumb", children: [

package/dist/index.es125.js

@@ -1,14 +1,14 @@
-import { j as o } from "./index.es237.js";
+import { j as o } from "./index.es241.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es239.js";
+import { clsx as l } from "./index.es243.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
-import { ShareLink as f } from "./index.es225.js";
-import { Meta as h } from "./index.es214.js";
-import { Twitter as w } from "./index.es232.js";
-import { Email as x } from "./index.es194.js";
-import { Linkedin as k } from "./index.es210.js";
-import { Whatsapp as j } from "./index.es234.js";
+import { ShareLink as f } from "./index.es228.js";
+import { Meta as h } from "./index.es217.js";
+import { Twitter as w } from "./index.es235.js";
+import { Email as x } from "./index.es197.js";
+import { Linkedin as k } from "./index.es213.js";
+import { Whatsapp as j } from "./index.es237.js";
 import { ActionIconText as $ } from "./index.es18.js";
 const I = [
   {

package/dist/index.es126.js

@@ -1,10 +1,11 @@
-import { j as e } from "./index.es237.js";
-import { clsx as t } from "./index.es239.js";
+import { j as e } from "./index.es241.js";
+import { clsx as t } from "./index.es243.js";
 import './components/ui/SupportBanner/SupportBanner.css';/* empty css            */
-import { useMemo as j } from "react";
-import { CTA_COMPONENTS as N } from "./index.es439.js";
-import { Col as y } from "./index.es61.js";
-const B = ({
+import { useMemo as y } from "react";
+import { CTA_COMPONENTS as N } from "./index.es443.js";
+import { Col as w } from "./index.es61.js";
+import { Row as C } from "./index.es116.js";
+const M = ({
   bannerType: s = "outline",
   title: i,
   description: u = "",
@@ -14,14 +15,15 @@ const B = ({
   classNameTitle: m = "",
   classNameDescription: d = "",
   links: n = [],
-  asLink: x = "a"
+  asLink: p = "a",
+  children: x
 }) => {
-  const a = x, b = j(() => !n || n.length === 0 ? null : n.map((r, p) => {
-    const f = r.variant ?? (r.href ? "outlineButtonHref" : "button"), h = N(a)[f];
-    return /* @__PURE__ */ e.jsx("div", { className: "ui-banner-link", children: h(r) }, p);
+  const a = p, b = y(() => !n || n.length === 0 ? null : n.map((r, f) => {
+    const h = r.variant ?? (r.href ? "outlineButtonHref" : "button"), j = N(a)[h];
+    return /* @__PURE__ */ e.jsx("div", { className: "ui-banner-link", children: j(r) }, f);
   }), [n, a]);
   return /* @__PURE__ */ e.jsxs(
-    y,
+    w,
     {
       br: "x4",
       gap: "x16",
@@ -59,7 +61,10 @@ const B = ({
                   children: u
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: t("ui-banner-cta"), children: b })
+              /* @__PURE__ */ e.jsxs(C, { justifyContent: "space-between", children: [
+                x,
+                /* @__PURE__ */ e.jsx("div", { className: t("ui-banner-cta"), children: b })
+              ] })
             ]
           }
         )
@@ -68,6 +73,6 @@ const B = ({
   );
 };
 export {
-  B as SupportBanner
+  M as SupportBanner
 };
 //# sourceMappingURL=index.es126.js.map

package/dist/index.es126.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es126.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { Col } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype SupportBannerProps = {\n  bannerType?: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag?: HeadingLevel;\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  links?: SupportBannerLink[];\n  asLink?: \"a\" | React.ComponentType<any>;\n};\n\nexport const SupportBanner = ({\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h1\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  links = [],\n  asLink = \"a\",\n}: SupportBannerProps) => {\n  const LinkComponent = asLink;\n  const renderCTA = useMemo(() => {\n    if (!links || links.length === 0) return null;\n    return links.map((link, index) => {\n      const variant =\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\n      return (\n        <div key={index} className=\"ui-banner-link\">\n          {Renderer(link)}\n        </div>\n      );\n    });\n  }, [links, LinkComponent]);\n\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={clsx(\n        className,\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\n        \"ui-banner shadow \",\n      )}\n    >\n      <TitleTag\n        className={clsx(\n          \"ui-banner-title text-slate-20\",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {title}\n      </TitleTag>\n      <main\n        className={clsx(\n          mainLayout === \"layout1\"\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\n            : \"ui-banner-content-layout2\",\n          \"ui-banner-content fs-6 text-secondary w-100\",\n        )}\n      >\n        <div\n          className={clsx(\n            classNameDescription,\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\n          )}\n        >\n          {description}\n        </div>\n\n        <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n      </main>\n    </Col>\n  );\n};\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx"],"mappings":";;;;;;AAoBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAAS;AACX,MAA0B;AACxB,QAAMC,IAAgBD,GAChBE,IAAYC,EAAQ,MACpB,CAACJ,KAASA,EAAM,WAAW,IAAU,OAClCA,EAAM,IAAI,CAACK,GAAMC,MAAU;AAChC,UAAMC,IACJF,EAAK,YAAYA,EAAK,OAAO,sBAAsB,WAC/CG,IAAWC,EAAeP,CAAa,EAAEK,CAAO;AACtD,iCACG,OAAA,EAAgB,WAAU,kBACxB,UAAAC,EAASH,CAAI,KADNC,CAEV;AAAA,EAEJ,CAAC,GACA,CAACN,GAAOE,CAAa,CAAC;AAEzB,SACEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACTf;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAqB,gBAAAA,EAAAA;AAAAA,UAAClB;AAAA,UAAA;AAAA,YACC,WAAWiB;AAAA,cACT;AAAA,cACAd,KAAkB;AAAA,YAAA;AAAA,YAGnB,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHiB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACThB,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAAiB,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACTb;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBAAA;AAAA,kBAGtD,UAAAF;AAAA,gBAAA;AAAA,cAAA;AAAA,oCAGF,OAAA,EAAI,WAAWkB,EAAK,eAAe,GAAI,UAAAT,EAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACpD;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es126.js","sources":["../src/components/ui/SupportBanner/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport \"./SupportBanner.scss\";\nimport { Col, Row } from \"@/components\";\nimport { useMemo } from \"react\";\nimport { CTA_COMPONENTS, SupportBannerLink } from \"./ctaComponents\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype SupportBannerProps = {\n  bannerType?: \"filled\" | \"outline\";\n  title: string;\n  description?: string;\n  titleTag?: HeadingLevel;\n  mainLayout?: \"layout1\" | \"layout2\";\n  className?: string;\n  classNameTitle?: string;\n  classNameDescription?: string;\n  links?: SupportBannerLink[];\n  asLink?: \"a\" | React.ComponentType<any>;\n  children?: React.ReactNode;\n};\n\nexport const SupportBanner = ({\n  bannerType = \"outline\",\n  title,\n  description = \"\",\n  titleTag: TitleTag = \"h1\",\n  mainLayout = \"layout1\",\n  className = \"\",\n  classNameTitle = \"\",\n  classNameDescription = \"\",\n  links = [],\n  asLink = \"a\",\n  children,\n}: SupportBannerProps) => {\n  const LinkComponent = asLink;\n  const renderCTA = useMemo(() => {\n    if (!links || links.length === 0) return null;\n    return links.map((link, index) => {\n      const variant =\n        link.variant ?? (link.href ? \"outlineButtonHref\" : \"button\");\n      const Renderer = CTA_COMPONENTS(LinkComponent)[variant];\n      return (\n        <div key={index} className=\"ui-banner-link\">\n          {Renderer(link)}\n        </div>\n      );\n    });\n  }, [links, LinkComponent]);\n\n  return (\n    <Col\n      br={\"x4\"}\n      gap={\"x16\"}\n      className={clsx(\n        className,\n        bannerType === \"outline\" ? \"ui-outline\" : \"bg-lightblue-a03\",\n        \"ui-banner shadow \",\n      )}\n    >\n      <TitleTag\n        className={clsx(\n          \"ui-banner-title text-slate-20\",\n          classNameTitle || \"fs-4 fw-bold\",\n        )}\n      >\n        {title}\n      </TitleTag>\n      <main\n        className={clsx(\n          mainLayout === \"layout1\"\n            ? \"ui-banner-content-layout1 fs-6 text-secondary justify-content-between \"\n            : \"ui-banner-content-layout2\",\n          \"ui-banner-content fs-6 text-secondary w-100\",\n        )}\n      >\n        <div\n          className={clsx(\n            classNameDescription,\n            mainLayout === \"layout1\" ? \"ui-banner-description\" : \"\",\n          )}\n        >\n          {description}\n        </div>\n\n        <Row justifyContent=\"space-between\">\n          {children}\n          <div className={clsx(\"ui-banner-cta\")}>{renderCTA}</div>\n        </Row>\n      </main>\n    </Col>\n  );\n};\n"],"names":["SupportBanner","bannerType","title","description","TitleTag","mainLayout","className","classNameTitle","classNameDescription","links","asLink","children","LinkComponent","renderCTA","useMemo","link","index","variant","Renderer","CTA_COMPONENTS","jsxs","Col","clsx","jsx","Row"],"mappings":";;;;;;;AAqBO,MAAMA,IAAgB,CAAC;AAAA,EAC5B,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,UAAUC,IAAW;AAAA,EACrB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,sBAAAC,IAAuB;AAAA,EACvB,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,MAA0B;AACxB,QAAMC,IAAgBF,GAChBG,IAAYC,EAAQ,MACpB,CAACL,KAASA,EAAM,WAAW,IAAU,OAClCA,EAAM,IAAI,CAACM,GAAMC,MAAU;AAChC,UAAMC,IACJF,EAAK,YAAYA,EAAK,OAAO,sBAAsB,WAC/CG,IAAWC,EAAeP,CAAa,EAAEK,CAAO;AACtD,iCACG,OAAA,EAAgB,WAAU,kBACxB,UAAAC,EAASH,CAAI,KADNC,CAEV;AAAA,EAEJ,CAAC,GACA,CAACP,GAAOG,CAAa,CAAC;AAEzB,SACEQ,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,KAAK;AAAA,MACL,WAAWC;AAAA,QACThB;AAAA,QACAL,MAAe,YAAY,eAAe;AAAA,QAC1C;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAsB,gBAAAA,EAAAA;AAAAA,UAACnB;AAAA,UAAA;AAAA,YACC,WAAWkB;AAAA,cACT;AAAA,cACAf,KAAkB;AAAA,YAAA;AAAA,YAGnB,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAEHkB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTjB,MAAe,YACX,2EACA;AAAA,cACJ;AAAA,YAAA;AAAA,YAGF,UAAA;AAAA,cAAAkB,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACTd;AAAA,oBACAH,MAAe,YAAY,0BAA0B;AAAA,kBAAA;AAAA,kBAGtD,UAAAF;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGHiB,gBAAAA,EAAAA,KAACI,GAAA,EAAI,gBAAe,iBACjB,UAAA;AAAA,gBAAAb;AAAA,sCACA,OAAA,EAAI,WAAWW,EAAK,eAAe,GAAI,UAAAT,EAAA,CAAU;AAAA,cAAA,EAAA,CACpD;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index.es127.js

@@ -1,4 +1,4 @@
-import { j as u } from "./index.es237.js";
+import { j as u } from "./index.es241.js";
 import { useState as f, useEffect as R } from "react";
 const o = ({
   icon: t,

package/dist/index.es128.js

@@ -1,9 +1,9 @@
-import { j as t } from "./index.es237.js";
-import { Root as l, Thumb as c } from "./index.es440.js";
+import { j as t } from "./index.es241.js";
+import { Root as l, Thumb as c } from "./index.es444.js";
 import { Row as n } from "./index.es116.js";
 import './components/ui/Switch/Switch.css';/* empty css            */
-import { CheckIcon as x } from "./index.es174.js";
-import { Close as f } from "./index.es179.js";
+import { CheckIcon as x } from "./index.es177.js";
+import { Close as f } from "./index.es182.js";
 const b = ({
   id: s = void 0,
   label: i = "Visibile",

package/dist/index.es129.js

@@ -1,13 +1,13 @@
-import { j as a } from "./index.es237.js";
+import { j as a } from "./index.es241.js";
 import * as j from "react";
 import { useEffect as S } from "react";
-import { clsx as b } from "./index.es239.js";
+import { clsx as b } from "./index.es243.js";
 import './components/ui/Table/Table.css';/* empty css            */
-import { TriangleUp as ee } from "./index.es231.js";
-import { TriangleDown as ae } from "./index.es230.js";
+import { TriangleUp as ee } from "./index.es234.js";
+import { TriangleDown as ae } from "./index.es233.js";
 import { ActionIconText as te } from "./index.es18.js";
-import { Download as se } from "./index.es189.js";
-import { Info as ie } from "./index.es208.js";
+import { Download as se } from "./index.es192.js";
+import { Info as ie } from "./index.es211.js";
 const le = j.forwardRef(
   ({
     className: e,

package/dist/index.es13.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es237.js";
-import { clsx as r } from "./index.es239.js";
+import { j as s } from "./index.es241.js";
+import { clsx as r } from "./index.es243.js";
 import './components/navigations/TabBar/TabBar.css';/* empty css            */
 import { Row as i } from "./index.es116.js";
 const p = ({

package/dist/index.es130.js

@@ -1,15 +1,15 @@
-import { j as i } from "./index.es237.js";
-import { clsx as _ } from "./index.es239.js";
+import { j as i } from "./index.es241.js";
+import { clsx as _ } from "./index.es243.js";
 import './components/ui/TableMobile/TableMobile.css';/* empty css            */
 import * as B from "react";
 import { useState as U } from "react";
 import { Col as $ } from "./index.es61.js";
 import { Row as T } from "./index.es116.js";
 import { ActionIconText as E } from "./index.es18.js";
-import { TriangleUp as q } from "./index.es231.js";
-import { TriangleDown as v } from "./index.es230.js";
-import { Download as F } from "./index.es189.js";
-import { Info as G } from "./index.es208.js";
+import { TriangleUp as q } from "./index.es234.js";
+import { TriangleDown as v } from "./index.es233.js";
+import { Download as F } from "./index.es192.js";
+import { Info as G } from "./index.es211.js";
 const ii = ({
   data: t,
   columns: s,

package/dist/index.es131.js

@@ -1,11 +1,11 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as T } from "./index.es280.js";
-import { clsx as u } from "./index.es239.js";
+import { useMediaQueryV2 as T } from "./index.es284.js";
+import { clsx as u } from "./index.es243.js";
 import { Row as C } from "./index.es116.js";
-import { ArrowDown as H } from "./index.es165.js";
-import { ScrollArea as R } from "./index.es445.js";
+import { ArrowDown as H } from "./index.es168.js";
+import { ScrollArea as R } from "./index.es449.js";
 const O = ({
   title: h = "Indice",
   headings: r,

package/dist/index.es132.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es237.js";
+import { j as s } from "./index.es241.js";
 import './components/ui/TableSkeleton/TableSkeleton.css';/* empty css            */
 const a = () => /* @__PURE__ */ s.jsxs("div", { className: "family-doctor-skeleton", children: [
   /* @__PURE__ */ s.jsx("div", { className: "family-doctor-skeleton-title pulse" }),

package/dist/index.es133.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es237.js";
+import { j as e } from "./index.es241.js";
 import './components/ui/TabsGlossary/TabsGlossary.css';/* empty css            */
-import { clsx as i } from "./index.es239.js";
+import { clsx as i } from "./index.es243.js";
 import u, { useState as x } from "react";
 import { Row as p } from "./index.es116.js";
 import { Loader as b } from "./index.es106.js";

package/dist/index.es134.js

@@ -1,5 +1,5 @@
-import { j as i } from "./index.es237.js";
-import { clsx as m } from "./index.es239.js";
+import { j as i } from "./index.es241.js";
+import { clsx as m } from "./index.es243.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const x = ({
   label: t,

package/dist/index.es135.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es237.js";
+import { j as r } from "./index.es241.js";
 import { Tag as t } from "./index.es134.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const p = ({ topics: s = [] }) => /* @__PURE__ */ r.jsx("div", { className: "tags-group-container", children: /* @__PURE__ */ r.jsx("div", { className: "tags-group", children: s.map((a, o) => /* @__PURE__ */ r.jsx(t, { label: a }, o)) }) });

package/dist/index.es136.js

@@ -1,8 +1,8 @@
-import { j as i } from "./index.es237.js";
+import { j as i } from "./index.es241.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as c } from "./index.es239.js";
+import { clsx as c } from "./index.es243.js";
 import { useState as d } from "react";
-import { MoreActions as j } from "./index.es216.js";
+import { MoreActions as j } from "./index.es219.js";
 import { ActionsPopup as h } from "./index.es20.js";
 import { Row as n } from "./index.es116.js";
 const y = ({

package/dist/index.es137.js

@@ -1,11 +1,11 @@
-import { j as e } from "./index.es237.js";
-import { d as l } from "./index.es291.js";
+import { j as e } from "./index.es241.js";
+import { d as l } from "./index.es295.js";
 import { DateTime as m } from "./index.es3.js";
 import { ArrowLink as h } from "./index.es25.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
-import { RichText as x } from "./index.es143.js";
+import { RichText as x } from "./index.es146.js";
 import { Link as j } from "./index.es105.js";
-import { ExternalLink as N } from "./index.es197.js";
+import { ExternalLink as N } from "./index.es200.js";
 var v = /* @__PURE__ */ ((i) => (i.DATE = "date", i.HEADLINE = "headline", i.ORDERED = "ordered", i.CHECK = "check", i))(v || {});
 const k = (i) => {
   const a = m.fromISO(i);