@anoki/fse-ui 2.3.0-11-SNAPSHOT1 → 2.3.0-12-SNAPSHOT2

package/dist/index.es290.js

@@ -1,31 +1,157 @@
-import { j as a } from "./index.es244.js";
-import { Title as t } from "./index.es286.js";
-import { Button as o } from "./index.es32.js";
-import './components/ui/BaseModal/BaseModalBackHeader/BaseModalBackHeader.css';/* empty css            */
-import { ArrowLeft as i } from "./index.es171.js";
-const b = ({
-  onBackClick: e,
-  backButton: r,
-  children: s
-}) => /* @__PURE__ */ a.jsxs("header", { className: "ui-base-modal-back-header", children: [
-  /* @__PURE__ */ a.jsxs(
-    o,
-    {
-      size: "4",
-      textColor: "primary",
-      bg: "transparent",
-      "aria-label": "Torna indietro",
-      onClick: e,
-      className: "ui-base-modal-back-button",
-      children: [
-        /* @__PURE__ */ a.jsx(i, { className: "mr-x8" }),
-        r
-      ]
-    }
-  ),
-  /* @__PURE__ */ a.jsx(t, { className: "ui-base-modal-back-header-title fs-3 text-slate-20 fw-bold", children: s })
-] });
+import { j as e } from "./index.es248.js";
+import { Divider as y } from "./index.es73.js";
+import { LOGOS as m } from "./index.es9.js";
+import { HeaderSlim as w } from "./index.es11.js";
+import { clsx as a } from "./index.es250.js";
+import { Balancer as C } from "./index.es260.js";
+import { Button as k } from "./index.es32.js";
+import { Container as I } from "./index.es66.js";
+import './components/navigations/HeaderDesktop/HeaderDesktop.css';/* empty css            */
+import { Row as r } from "./index.es118.js";
+const _ = ({
+  title: o,
+  region: c,
+  asLink: x = "a",
+  labels: p,
+  navigatonItems: j,
+  supportLink: t,
+  loginLink: f = "/",
+  shortTitle: d,
+  headerTitleClassname: u,
+  children: b,
+  headerLogoUrl2: h,
+  variant: s = "default"
+}) => {
+  const n = x, g = m.nazionale, N = m[c], l = s === "operator" ? "text-white" : "text-primary";
+  return /* @__PURE__ */ e.jsxs("div", { className: a("sticky-header bg-white", s === "operator" && "ui-header-desktop-operator"), children: [
+    /* @__PURE__ */ e.jsxs(
+      w,
+      {
+        pt: "x16",
+        pb: "x16",
+        display: "flex",
+        justifyContent: "space-between",
+        alignItems: "center",
+        containerClassName: a(s === "operator" ? "ui-slim-operator" : "bg-slate-20"),
+        children: [
+          /* @__PURE__ */ e.jsxs(
+            n,
+            {
+              href: "/",
+              className: a("fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8", s === "default" ? "text-white" : "text-slate-20"),
+              children: [
+                h && /* @__PURE__ */ e.jsx(
+                  "div",
+                  {
+                    style: { backgroundImage: `url(${h})` },
+                    className: "ui-header-item-image"
+                  }
+                ),
+                d || o,
+                /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+              ]
+            }
+          ),
+          b
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("header", { className: a(s === "operator" ? "bg-radial" : "bg-white"), children: [
+      /* @__PURE__ */ e.jsxs(
+        r,
+        {
+          py: "x20",
+          gap: "x16",
+          alignItems: "center",
+          justifyContent: "space-between",
+          className: "max-h-x116 ui-container",
+          children: [
+            /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", children: [
+              /* @__PURE__ */ e.jsxs(r, { gap: "x16", alignItems: "center", justifyContent: "center", children: [
+                /* @__PURE__ */ e.jsx(g, { height: 44, width: 27, variant: s }),
+                c !== "nazionale" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  /* @__PURE__ */ e.jsx(y, { bg: "border-divider", direction: "vertical" }),
+                  /* @__PURE__ */ e.jsx(N, { width: 44, height: 44 })
+                ] })
+              ] }),
+              /* @__PURE__ */ e.jsx("h1", { className: a(u, "ui-header-title"), children: /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs(
+                n,
+                {
+                  href: "/",
+                  className: "text-decoration-none hover-underline_dark",
+                  children: [
+                    /* @__PURE__ */ e.jsx("span", { className: "ui-title-line-height", children: o }),
+                    /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Vai alla homepage" })
+                  ]
+                }
+              ) }) })
+            ] }),
+            /* @__PURE__ */ e.jsxs(k, { size: "2", href: f, asLink: "a", className: "login-button", variant: s === "operator" ? "secondary" : "primary", children: [
+              /* @__PURE__ */ e.jsxs("span", { style: { fontSize: 14 }, children: [
+                " ",
+                p.login,
+                " "
+              ] }),
+              /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: " Accedi con Cohesion" })
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx("nav", { "aria-label": "Menu di navigazione", className: "shadow-bottom", children: /* @__PURE__ */ e.jsxs(
+        I,
+        {
+          containerClass: "ui-container",
+          className: "base-row align-items-center justify-content-between max-h-x52",
+          children: [
+            /* @__PURE__ */ e.jsx(r, { as: "ul", className: "list-style-none", role: "list", children: j.map((i, v) => /* @__PURE__ */ e.jsx(
+              "li",
+              {
+                className: a(
+                  "py-x12 px-x16 ui-header-desktop-nav-item max-h-x52",
+                  i.active && "active"
+                ),
+                children: /* @__PURE__ */ e.jsxs(
+                  n,
+                  {
+                    href: i.href,
+                    className: a(
+                      "text-decoration-none fs-custom",
+                      i.active ? `fw-bold ${l}` : `fw-semibold ${l}`
+                    ),
+                    target: i.isNewTab ? "_blank" : void 0,
+                    rel: i.isNewTab ? "noopener noreferrer" : void 0,
+                    children: [
+                      i.label,
+                      i.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                    ]
+                  }
+                )
+              },
+              v
+            )) }),
+            t && /* @__PURE__ */ e.jsxs(
+              n,
+              {
+                href: t.href,
+                className: a(
+                  "text-decoration-none fs-custom py-x12 px-x24",
+                  t.active ? "fw-bold text-blue-30" : `fw-semibold ${l}`,
+                  "ui-header-desktop-support-link",
+                  t.active && "active"
+                ),
+                children: [
+                  t.label,
+                  t.active && /* @__PURE__ */ e.jsx("span", { className: "visually-hidden", children: "Attivo" })
+                ]
+              }
+            )
+          ]
+        }
+      ) })
+    ] })
+  ] });
+};
 export {
-  b as BaseModalBackHeader
+  _ as HeaderDesktop
 };
 //# sourceMappingURL=index.es290.js.map

package/dist/index.es290.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es290.js","sources":["../src/components/ui/BaseModal/BaseModalBackHeader/index.tsx"],"sourcesContent":["import * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { Button } from \"../../Button\";\r\nimport { ArrowLeft } from \"@/icons\";\r\nimport \"./BaseModalBackHeader.scss\";\r\n\r\ntype BaseModalBackProps = {\r\n  onBackClick: () => void;\r\n  backButton: string;\r\n  children?: React.ReactNode;\r\n};\r\n\r\nexport const BaseModalBackHeader = ({\r\n  onBackClick,\r\n  backButton,\r\n  children,\r\n}: BaseModalBackProps) => {\r\n  return (\r\n    <header className=\"ui-base-modal-back-header\">\r\n      <Button\r\n        size=\"4\"\r\n        textColor=\"primary\"\r\n        bg=\"transparent\"\r\n        aria-label=\"Torna indietro\"\r\n        onClick={onBackClick}\r\n        className=\"ui-base-modal-back-button\"\r\n      >\r\n        <ArrowLeft className=\"mr-x8\" />\r\n        {backButton}\r\n      </Button>\r\n      <Dialog.Title className=\"ui-base-modal-back-header-title fs-3 text-slate-20 fw-bold\">\r\n        {children}\r\n      </Dialog.Title>\r\n    </header>\r\n  );\r\n};\r\n"],"names":["BaseModalBackHeader","onBackClick","backButton","children","jsxs","Button","jsx","ArrowLeft","Dialog.Title"],"mappings":";;;;;AAWO,MAAMA,IAAsB,CAAC;AAAA,EAClC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,UAAA,EAAO,WAAU,6BAChB,UAAA;AAAA,EAAAA,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,IAAG;AAAA,MACH,cAAW;AAAA,MACX,SAASJ;AAAA,MACT,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAK,gBAAAA,EAAAA,IAACC,GAAA,EAAU,WAAU,QAAA,CAAQ;AAAA,QAC5BL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,wBAEFM,GAAA,EAAa,WAAU,8DACrB,UAAAL,EAAA,CACH;AAAA,GACF;"}
+{"version":3,"file":"index.es290.js","sources":["../src/components/navigations/HeaderDesktop/index.tsx"],"sourcesContent":["import { Divider } from \"@/components/ui/Divider\";\r\nimport { LOGOS, Region } from \"../Header\";\r\nimport { HeaderSlim } from \"../HeaderSlim\";\r\nimport clsx from \"clsx\";\r\nimport { Balancer } from \"react-wrap-balancer\";\r\nimport { Button } from \"@/components/ui/Button\";\r\nimport { Container } from \"@/components/ui/Container\";\r\nimport \"./HeaderDesktop.scss\";\r\nimport { Row } from \"@/components\";\r\n\r\nimport { WithVariant } from \"@/types/variant\";\r\n\r\ntype NavigationItem = {\r\n  label: string;\r\n  href: string;\r\n  active?: boolean;\r\n  isNewTab?: boolean;\r\n};\r\n\r\ntype NavigationLabels = {\r\n  closeMenu: string;\r\n  login: string;\r\n};\r\n\r\nexport type HeaderDesktopProps = WithVariant<{\r\n  title: React.ReactNode | string;\r\n  region: Region;\r\n  asLink?: \"a\" | React.ComponentType<any>;\r\n  children?: React.ReactNode;\r\n  labels: NavigationLabels;\r\n  navigatonItems: NavigationItem[];\r\n  supportLink?: NavigationItem;\r\n  loginLink?: string;\r\n  shortTitle?: React.ReactNode;\r\n  headerTitleClassname?: string;\r\n  headerLogoUrl2?: string;\r\n}>;\r\n\r\nexport const HeaderDesktop = ({\r\n  title,\r\n  region,\r\n  asLink = \"a\",\r\n  labels,\r\n  navigatonItems,\r\n  supportLink,\r\n  loginLink = \"/\",\r\n  shortTitle,\r\n  headerTitleClassname,\r\n  children,\r\n  headerLogoUrl2,\r\n  variant = \"default\",\r\n}: HeaderDesktopProps) => {\r\n  const LinkComponent = asLink;\r\n  const NationalIcon = LOGOS[\"nazionale\"];\r\n  const RegionIcon = LOGOS[region];\r\n\r\n  const textLinkVariant = variant === \"operator\" ? \"text-white\" : \"text-primary\";\r\n\r\n  return (\r\n    <div className={clsx(\"sticky-header bg-white\", variant === \"operator\" && \"ui-header-desktop-operator\")}>\r\n      <HeaderSlim\r\n        pt=\"x16\"\r\n        pb=\"x16\"\r\n        display=\"flex\"\r\n        justifyContent=\"space-between\"\r\n        alignItems=\"center\"\r\n        containerClassName={clsx(variant === \"operator\" ? \"ui-slim-operator\" : \"bg-slate-20\")}\r\n      >\r\n        <LinkComponent\r\n          href=\"/\"\r\n          className={clsx(\"fw-semibold text-decoration-none fs-7 hover-underline base-row align-items-center justify-content-center gap-x8\", variant === \"default\" ? \"text-white\" : \"text-slate-20\")}\r\n        >\r\n          {headerLogoUrl2 && (\r\n            <div\r\n              style={{ backgroundImage: `url(${headerLogoUrl2})` }}\r\n              className={\"ui-header-item-image\"}\r\n            ></div>\r\n          )}\r\n\r\n          {shortTitle ? shortTitle : title}\r\n          <span className=\"visually-hidden\">Vai alla homepage</span>\r\n        </LinkComponent>\r\n\r\n        {children}\r\n      </HeaderSlim>\r\n      <header className={clsx(variant === \"operator\" ? \"bg-radial\" : \"bg-white\")}>\r\n        <Row\r\n          py={\"x20\"}\r\n          gap={\"x16\"}\r\n          alignItems=\"center\"\r\n          justifyContent={\"space-between\"}\r\n          className=\"max-h-x116 ui-container\"\r\n        >\r\n          <Row gap={\"x16\"} alignItems=\"center\">\r\n            <Row gap={\"x16\"} alignItems=\"center\" justifyContent={\"center\"}>\r\n              <NationalIcon height={44} width={27} variant={variant} />\r\n              {region !== \"nazionale\" && (\r\n                <>\r\n                  <Divider bg=\"border-divider\" direction=\"vertical\" />\r\n                  <RegionIcon width={44} height={44} />\r\n                </>\r\n              )}\r\n            </Row>\r\n            <h1 className={clsx(headerTitleClassname, \"ui-header-title\")}>\r\n              <Balancer>\r\n                <LinkComponent\r\n                  href=\"/\"\r\n                  className={\"text-decoration-none hover-underline_dark\"}\r\n                >\r\n                  <span className={\"ui-title-line-height\"}>{title}</span>\r\n                  <span className=\"visually-hidden\">Vai alla homepage</span>\r\n                </LinkComponent>\r\n              </Balancer>\r\n            </h1>\r\n          </Row>\r\n          <Button size=\"2\" href={loginLink} asLink=\"a\" className=\"login-button\" variant={variant === \"operator\" ? \"secondary\" : \"primary\"}>\r\n            <span style={{ fontSize: 14 }}> {labels.login} </span>\r\n            <span className=\"visually-hidden\"> Accedi con Cohesion</span>\r\n          </Button>\r\n        </Row>\r\n        <nav aria-label=\"Menu di navigazione\" className=\"shadow-bottom\">\r\n          <Container\r\n            containerClass=\"ui-container\"\r\n            className=\"base-row align-items-center justify-content-between max-h-x52\"\r\n          >\r\n            <Row as={\"ul\"} className=\"list-style-none\" role=\"list\">\r\n              {navigatonItems.map((item, index) => {\r\n                return (\r\n                  <li\r\n                    key={index}\r\n                    className={clsx(\r\n                      \"py-x12 px-x16 ui-header-desktop-nav-item max-h-x52\",\r\n                      item.active && \"active\",\r\n                    )}\r\n                  >\r\n                    <LinkComponent\r\n                      href={item.href}\r\n                      className={clsx(\r\n                        \"text-decoration-none fs-custom\",\r\n                        item.active\r\n                          ? `fw-bold ${textLinkVariant}`\r\n                          : `fw-semibold ${textLinkVariant}`,\r\n                      )}\r\n                      target={item.isNewTab ? \"_blank\" : undefined}\r\n                      rel={item.isNewTab ? \"noopener noreferrer\" : undefined}\r\n                    >\r\n                      {item.label}\r\n                      {item.active && (\r\n                        <span className=\"visually-hidden\">Attivo</span>\r\n                      )}\r\n                    </LinkComponent>\r\n                  </li>\r\n                );\r\n              })}\r\n            </Row>\r\n            {supportLink && (\r\n              <LinkComponent\r\n                href={supportLink.href}\r\n                className={clsx(\r\n                  \"text-decoration-none fs-custom py-x12 px-x24\",\r\n                  supportLink.active\r\n                    ? \"fw-bold text-blue-30\"\r\n                    : `fw-semibold ${textLinkVariant}`,\r\n                  \"ui-header-desktop-support-link\",\r\n                  supportLink.active && \"active\",\r\n                )}\r\n              >\r\n                {supportLink.label}\r\n                {supportLink.active && (\r\n                  <span className=\"visually-hidden\">Attivo</span>\r\n                )}\r\n              </LinkComponent>\r\n            )}\r\n          </Container>\r\n        </nav>\r\n      </header>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["HeaderDesktop","title","region","asLink","labels","navigatonItems","supportLink","loginLink","shortTitle","headerTitleClassname","children","headerLogoUrl2","variant","LinkComponent","NationalIcon","LOGOS","RegionIcon","textLinkVariant","jsxs","clsx","HeaderSlim","jsx","Row","Fragment","Divider","Balancer","Button","Container","item","index"],"mappings":"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"}

package/dist/{index.es253.js → index.es291.js}

@@ -28,4 +28,4 @@ export {
   m as useMediaQuery,
   d as useMediaQueryV2
 };
-//# sourceMappingURL=index.es253.js.map
+//# sourceMappingURL=index.es291.js.map

package/dist/{index.es253.js.map → index.es291.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es253.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;"}
+{"version":3,"file":"index.es291.js","sources":["../src/hooks/useMediaQuery.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\r\n\r\nexport const useMediaQuery = (query: string): boolean => {\r\n  const [matches, setMatches] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\nexport const useMediaQueryV2 = (\r\n  query: string,\r\n  initialValue: boolean,\r\n): boolean => {\r\n  const [matches, setMatches] = useState(initialValue);\r\n\r\n  useEffect(() => {\r\n    const media = window.matchMedia(query);\r\n\r\n    setMatches(media.matches);\r\n\r\n    const listener = (event: MediaQueryListEvent) => {\r\n      setMatches(event.matches);\r\n    };\r\n\r\n    media.addEventListener(\"change\", listener);\r\n\r\n    return () => {\r\n      media.removeEventListener(\"change\", listener);\r\n    };\r\n  }, [query]);\r\n\r\n  return matches;\r\n};\r\n\r\ntype Breakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\r\ntype BreakpointMap = {\r\n  [key in Breakpoint]: boolean;\r\n};\r\n\r\nconst breakpoints: Record<Breakpoint, number> = {\r\n  xs: 576,\r\n  sm: 768,\r\n  md: 992,\r\n  lg: 1200,\r\n  xl: 1400,\r\n};\r\n\r\nexport const useBreakpoint = (): BreakpointMap => {\r\n  const [current, setCurrent] = useState<BreakpointMap>({\r\n    xs: false,\r\n    sm: false,\r\n    md: false,\r\n    lg: false,\r\n    xl: false,\r\n  });\r\n\r\n  const evaluate = () => {\r\n    const width = window.innerWidth;\r\n    const result: BreakpointMap = {\r\n      xs: width < breakpoints.xs,\r\n      sm: width >= breakpoints.xs && width < breakpoints.md,\r\n      md: width >= breakpoints.md && width < breakpoints.lg,\r\n      lg: width >= breakpoints.lg && width < breakpoints.xl,\r\n      xl: width >= breakpoints.lg,\r\n    };\r\n    setCurrent(result);\r\n  };\r\n\r\n  useEffect(() => {\r\n    evaluate();\r\n    window.addEventListener(\"resize\", evaluate);\r\n    return () => window.removeEventListener(\"resize\", evaluate);\r\n  }, []);\r\n\r\n  return current;\r\n};\r\n"],"names":["useMediaQuery","query","matches","setMatches","useState","useEffect","media","listener","event","useMediaQueryV2","initialValue"],"mappings":";AAEO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT,GAEaO,IAAkB,CAC7BR,GACAS,MACY;AACZ,QAAM,CAACR,GAASC,CAAU,IAAIC,EAASM,CAAY;AAEnD,SAAAL,EAAU,MAAM;AACd,UAAMC,IAAQ,OAAO,WAAWL,CAAK;AAErC,IAAAE,EAAWG,EAAM,OAAO;AAExB,UAAMC,IAAW,CAACC,MAA+B;AAC/C,MAAAL,EAAWK,EAAM,OAAO;AAAA,IAC1B;AAEA,WAAAF,EAAM,iBAAiB,UAAUC,CAAQ,GAElC,MAAM;AACX,MAAAD,EAAM,oBAAoB,UAAUC,CAAQ;AAAA,IAC9C;AAAA,EACF,GAAG,CAACN,CAAK,CAAC,GAEHC;AACT;"}

package/dist/index.es297.js

@@ -0,0 +1,38 @@
+import { j as s } from "./index.es248.js";
+import { clsx as d } from "./index.es250.js";
+import m from "./index.es299.js";
+const x = ({
+  index: t,
+  title: l,
+  content: a,
+  isOpen: e,
+  detailLabels: i,
+  onToggle: c
+}) => /* @__PURE__ */ s.jsxs("div", { className: "step-item", children: [
+  /* @__PURE__ */ s.jsxs("div", { className: d("step-header", e && "open"), children: [
+    /* @__PURE__ */ s.jsx("div", { className: "step-number", children: t + 1 }),
+    /* @__PURE__ */ s.jsx("div", { className: "step-title", children: l })
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "step-details", children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "step-details-box", children: [
+      /* @__PURE__ */ s.jsx("div", { className: "" }),
+      /* @__PURE__ */ s.jsx("div", { className: "line" })
+    ] }),
+    /* @__PURE__ */ s.jsxs("div", { className: "step-details-content", children: [
+      /* @__PURE__ */ s.jsx(
+        m,
+        {
+          className: "toggle-btn",
+          onClick: c,
+          isOpen: e,
+          toggleLabels: i
+        }
+      ),
+      e && /* @__PURE__ */ s.jsx("div", { className: "step-content", children: a })
+    ] })
+  ] })
+] });
+export {
+  x as StepItem
+};
+//# sourceMappingURL=index.es297.js.map

package/dist/index.es297.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es297.js","sources":["../src/components/ui/Accordion/AccordionStepper/StepItem/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport ToggleContent from \"../ToggleContent/ToggleContent\";\r\nimport { ToggleLabel } from \"../types\";\r\n\r\nexport interface StepData {\r\n  title: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemProps extends StepData {\r\n  index: number;\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n  detailLabels: ToggleLabel;\r\n}\r\n\r\nexport const StepItem: React.FC<StepItemProps> = ({\r\n  index,\r\n  title,\r\n  content,\r\n  isOpen,\r\n  detailLabels,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className=\"step-item\">\r\n      <div className={clsx(\"step-header\", isOpen && \"open\")}>\r\n        <div className=\"step-number\">{index + 1}</div>\r\n        <div className=\"step-title\">{title}</div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-box\">\r\n          <div className=\"\"></div>\r\n          <div className=\"line\"></div>\r\n        </div>\r\n        <div className=\"step-details-content\">\r\n          <ToggleContent\r\n            className=\"toggle-btn\"\r\n            onClick={onToggle}\r\n            isOpen={isOpen}\r\n            toggleLabels={detailLabels}\r\n          />\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItem","index","title","content","isOpen","detailLabels","onToggle","jsxs","clsx","jsx","ToggleContent"],"mappings":";;;AAgBO,MAAMA,IAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,EAAAA,gBAAAA,OAAC,SAAI,WAAWC,EAAK,eAAeJ,KAAU,MAAM,GAClD,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,eAAe,UAAAR,IAAQ,GAAE;AAAA,IACxCQ,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAP,EAAA,CAAM;AAAA,EAAA,GACrC;AAAA,EAEAK,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,gBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,GAAA,CAAG;AAAA,MAClBA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,OAAA,CAAO;AAAA,IAAA,GACxB;AAAA,IACAF,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,MAAAE,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,SAASJ;AAAA,UACT,QAAAF;AAAA,UACA,cAAcC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEfD,KAAUK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,gBAAgB,UAAAN,EAAA,CAAQ;AAAA,IAAA,EAAA,CACpD;AAAA,EAAA,EAAA,CACF;AAAA,GACF;"}

package/dist/{index.es261.js → index.es299.js}

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es244.js";
-import { clsx as e } from "./index.es247.js";
+import { j as r } from "./index.es248.js";
+import { clsx as e } from "./index.es250.js";
 import { ArrowTop as m } from "./index.es173.js";
 import { ArrowDown as n } from "./index.es170.js";
 const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PURE__ */ r.jsxs("button", { className: e("", a), onClick: t, children: [
@@ -9,4 +9,4 @@ const p = ({ isOpen: o, onClick: t, className: a, toggleLabels: s }) => /* @__PU
 export {
   p as default
 };
-//# sourceMappingURL=index.es261.js.map
+//# sourceMappingURL=index.es299.js.map

package/dist/{index.es261.js.map → index.es299.js.map}

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

package/dist/index.es30.js

@@ -1,11 +1,11 @@
-import { j as a } from "./index.es244.js";
-import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es286.js";
-import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es287.js";
-import { BaseModalFooter as u } from "./index.es288.js";
-import { BaseModalContent as H } from "./index.es289.js";
-import { BaseModalBackHeader as g } from "./index.es290.js";
+import { j as a } from "./index.es248.js";
+import { Root as f, Portal as c, Overlay as j, Content as B } from "./index.es323.js";
+import { BaseModalHeader as b, BaseModalHeaderV2 as h } from "./index.es324.js";
+import { BaseModalFooter as u } from "./index.es325.js";
+import { BaseModalContent as H } from "./index.es326.js";
+import { BaseModalBackHeader as g } from "./index.es327.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
-import { clsx as t } from "./index.es247.js";
+import { clsx as t } from "./index.es250.js";
 import v from "react";
 const e = ({
   open: m,

package/dist/{index.es262.js → index.es300.js}

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es244.js";
-import { clsx as a } from "./index.es247.js";
-import { StepArrow as d } from "./index.es472.js";
+import { j as e } from "./index.es248.js";
+import { clsx as a } from "./index.es250.js";
+import { StepArrow as d } from "./index.es621.js";
 const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
   /* @__PURE__ */ e.jsxs(
     "button",
@@ -29,4 +29,4 @@ const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__
 export {
   m as StepItemGenericAccordion
 };
-//# sourceMappingURL=index.es262.js.map
+//# sourceMappingURL=index.es300.js.map

package/dist/{index.es262.js.map → index.es300.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es262.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\r\n\r\nexport interface StepDataGenericAccordion {\r\n  title: string;\r\n  badge?: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n}\r\n\r\nexport const StepItemGenericAccordion: React.FC<\r\n  StepItemPropsGenericAccordion\r\n> = ({ title, badge, content, isOpen, onToggle }) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <button\r\n        type=\"button\"\r\n        className=\"step-header\"\r\n        onClick={onToggle}\r\n        aria-expanded={isOpen}\r\n      >\r\n        <div className=\"step-title\" title={title}>{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <StepArrow\r\n            width={24}\r\n            height={25}\r\n            className=\"arrow-icon\"\r\n            decorative={true}\r\n          />\r\n        </div>\r\n      </button>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-content\">\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx","StepArrow"],"mappings":";;;AAcO,MAAMA,IAET,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,+BAEjC,OAAA,EAAI,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAASF;AAAA,MACT,iBAAeD;AAAA,MAEf,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAa,OAAAP,GAAe,UAAAA,GAAM;AAAA,QAChDC,KAASM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAN,GAAM;AAAA,QAC7CM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGFD,gBAAAA,MAAC,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAA,EAAI,WAAU,wBACZ,UAAAJ,2BAAW,OAAA,EAAI,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EAAA,CACF;AAAA,GACF;"}
+{"version":3,"file":"index.es300.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\r\n\r\nexport interface StepDataGenericAccordion {\r\n  title: string;\r\n  badge?: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n}\r\n\r\nexport const StepItemGenericAccordion: React.FC<\r\n  StepItemPropsGenericAccordion\r\n> = ({ title, badge, content, isOpen, onToggle }) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <button\r\n        type=\"button\"\r\n        className=\"step-header\"\r\n        onClick={onToggle}\r\n        aria-expanded={isOpen}\r\n      >\r\n        <div className=\"step-title\" title={title}>{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <StepArrow\r\n            width={24}\r\n            height={25}\r\n            className=\"arrow-icon\"\r\n            decorative={true}\r\n          />\r\n        </div>\r\n      </button>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-content\">\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx","StepArrow"],"mappings":";;;AAcO,MAAMA,IAET,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,+BAEjC,OAAA,EAAI,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAASF;AAAA,MACT,iBAAeD;AAAA,MAEf,UAAA;AAAA,QAAAI,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAa,OAAAP,GAAe,UAAAA,GAAM;AAAA,QAChDC,KAASM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cAAc,UAAAN,GAAM;AAAA,QAC7CM,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,cACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QAAA,EACd,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGFD,gBAAAA,MAAC,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAA,EAAI,WAAU,wBACZ,UAAAJ,2BAAW,OAAA,EAAI,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EAAA,CACF;AAAA,GACF;"}

package/dist/index.es302.js

@@ -1,37 +1,6 @@
-import { j as r } from "./index.es244.js";
-import { Col as n } from "./index.es62.js";
-import './components/ui/DoctorSchedule/DoctorSchedule.css';/* empty css            */
-import { clsx as x } from "./index.es247.js";
-const h = ({
-  labelClassName: t = "fw-bold text-slate-28 mb-x8 fs-custom",
-  leftBorderVisible: a = !1,
-  ...e
-}) => /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsxs("div", { className: a ? "ui-border-lg" : "", children: [
-  /* @__PURE__ */ r.jsx("h3", { className: x("text-align-left", t), children: e == null ? void 0 : e.label }),
-  /* @__PURE__ */ r.jsx("div", { role: "table", className: "ui-card-doctor-table", children: e == null ? void 0 : e.days.map((l, o) => {
-    var i;
-    return /* @__PURE__ */ r.jsxs("div", { role: "row", className: "ui-card-doctor-row", children: [
-      /* @__PURE__ */ r.jsx("div", { className: "fs-6 fw-regular text-slate-28", role: "rowheader", children: l.label }),
-      /* @__PURE__ */ r.jsxs(
-        n,
-        {
-          role: "cell",
-          className: "fs-6 fw-regular text-slate-28",
-          children: [
-            ((i = l == null ? void 0 : l.slots) == null ? void 0 : i.length) === 0 && /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx("span", { "aria-hidden": "true", children: "-" }) }),
-            l.slots.map((s, m) => /* @__PURE__ */ r.jsxs("div", { children: [
-              /* @__PURE__ */ r.jsx("time", { dateTime: s.from, children: s.from }),
-              /* @__PURE__ */ r.jsx("span", { "aria-hidden": "true", children: " - " }),
-              /* @__PURE__ */ r.jsx("time", { dateTime: s.to, children: s.to })
-            ] }, `slot-${m}`))
-          ]
-        },
-        `cell-${o}`
-      )
-    ] }, l.label);
-  }) })
-] }) });
+import { __require as r } from "./index.es507.js";
+var i = r();
 export {
-  h as DoctorSchedule
+  i as d
 };
 //# sourceMappingURL=index.es302.js.map

package/dist/index.es302.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es302.js","sources":["../src/components/ui/DoctorSchedule/index.tsx"],"sourcesContent":["import { Col } from \"../Col\";\r\nimport \"./DoctorSchedule.scss\";\r\nimport { clsx } from \"clsx\";\r\n\r\nexport type DayHours = {\r\n  from: string;\r\n  to: string;\r\n};\r\n\r\nexport type ScheduleDay = {\r\n  label: string;\r\n  slots: DayHours[];\r\n};\r\n\r\nexport type DoctorScheduleProps = {\r\n  label: string;\r\n  labelClassName?: string;\r\n  days: ScheduleDay[];\r\n  leftBorderVisible?: boolean;\r\n};\r\n\r\nexport const DoctorSchedule = ({\r\n  labelClassName = \"fw-bold text-slate-28 mb-x8 fs-custom\",\r\n  leftBorderVisible = false,\r\n  ...schedule\r\n}: DoctorScheduleProps) => {\r\n  return (\r\n    <div>\r\n      <div className={leftBorderVisible ? \"ui-border-lg\" : \"\"}>\r\n        <h3 className={clsx(\"text-align-left\", labelClassName)}>\r\n          {schedule?.label}\r\n        </h3>\r\n\r\n        <div role=\"table\" className=\"ui-card-doctor-table\">\r\n          {schedule?.days.map((day, dayIndex) => (\r\n            <div key={day.label} role=\"row\" className=\"ui-card-doctor-row\">\r\n              <div className=\"fs-6 fw-regular text-slate-28\" role=\"rowheader\">\r\n                {day.label}\r\n              </div>\r\n              <Col\r\n                role=\"cell\"\r\n                key={`cell-${dayIndex}`}\r\n                className=\"fs-6 fw-regular text-slate-28\"\r\n              >\r\n                {day?.slots?.length === 0 && (\r\n                  <div>\r\n                    <span aria-hidden=\"true\">-</span>\r\n                  </div>\r\n                )}\r\n                {day.slots.map((slot, slotIndex) => (\r\n                  <div key={`slot-${slotIndex}`}>\r\n                    <time dateTime={slot.from}>{slot.from}</time>\r\n                    <span aria-hidden=\"true\"> - </span>\r\n                    <time dateTime={slot.to}>{slot.to}</time>\r\n                  </div>\r\n                ))}\r\n              </Col>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["DoctorSchedule","labelClassName","leftBorderVisible","schedule","jsxs","jsx","clsx","day","dayIndex","Col","_a","slot","slotIndex"],"mappings":";;;;AAqBO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC,IAAoB;AAAA,EACpB,GAAGC;AACL,4BAEK,OAAA,EACC,UAAAC,gBAAAA,EAAAA,KAAC,SAAI,WAAWF,IAAoB,iBAAiB,IACnD,UAAA;AAAA,EAAAG,gBAAAA,EAAAA,IAAC,QAAG,WAAWC,EAAK,mBAAmBL,CAAc,GAClD,iCAAU,OACb;AAAA,wBAEC,OAAA,EAAI,MAAK,SAAQ,WAAU,wBACzB,UAAAE,KAAA,gBAAAA,EAAU,KAAK,IAAI,CAACI,GAAKC;;AACxBJ,2BAAAA,EAAAA,KAAC,SAAoB,MAAK,OAAM,WAAU,sBACxC,UAAA;AAAA,MAAAC,gBAAAA,MAAC,SAAI,WAAU,iCAAgC,MAAK,aACjD,YAAI,OACP;AAAA,MACAD,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UAEL,WAAU;AAAA,UAET,UAAA;AAAA,cAAAC,IAAAH,KAAA,gBAAAA,EAAK,UAAL,gBAAAG,EAAY,YAAW,KACtBL,gBAAAA,EAAAA,IAAC,OAAA,EACC,gCAAC,QAAA,EAAK,eAAY,QAAO,UAAA,IAAA,CAAC,GAC5B;AAAA,YAEDE,EAAI,MAAM,IAAI,CAACI,GAAMC,6BACnB,OAAA,EACC,UAAA;AAAA,cAAAP,gBAAAA,MAAC,QAAA,EAAK,UAAUM,EAAK,MAAO,YAAK,MAAK;AAAA,cACtCN,gBAAAA,EAAAA,IAAC,QAAA,EAAK,eAAY,QAAO,UAAA,OAAG;AAAA,oCAC3B,QAAA,EAAK,UAAUM,EAAK,IAAK,YAAK,GAAA,CAAG;AAAA,YAAA,EAAA,GAH1B,QAAQC,CAAS,EAI3B,CACD;AAAA,UAAA;AAAA,QAAA;AAAA,QAdI,QAAQJ,CAAQ;AAAA,MAAA;AAAA,IAevB,KArBQD,EAAI,KAsBd;AAAA,KACD,CACH;AAAA,EAAA,CACF,EAAA,CACF;"}
+{"version":3,"file":"index.es302.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.es303.js

@@ -0,0 +1,6 @@
+import { __require as r } from "./index.es568.js";
+var i = r();
+export {
+  i as F
+};
+//# sourceMappingURL=index.es303.js.map

package/dist/index.es303.js.map

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

package/dist/index.es305.js

@@ -1,191 +1,2 @@
-import { j as t } from "./index.es244.js";
-import { useId as n } from "react";
-const Z = ({
-  className: h,
-  decorative: i = !1,
-  ariaLabel: d = "CTA card"
-}) => {
-  const e = n(), V = `clip0_${e}`, H = `clip1_${e}`, l = `filter0_d_${e}`, s = `path-2-inside-1_${e}`, r = `path-4-inside-2_${e}`, a = `effect1_dropShadow_${e}`;
-  return /* @__PURE__ */ t.jsxs(
-    "svg",
-    {
-      className: h,
-      width: "121",
-      height: "49",
-      viewBox: "0 0 121 49",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": i,
-      "aria-label": i ? void 0 : d,
-      children: [
-        /* @__PURE__ */ t.jsx("rect", { width: "121", height: "49", fill: "#C5C7C9" }),
-        /* @__PURE__ */ t.jsxs("g", { clipPath: `url(#${V})`, children: [
-          /* @__PURE__ */ t.jsx(
-            "rect",
-            {
-              width: "1440",
-              height: "35228",
-              transform: "translate(-608 -31452)",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            "rect",
-            {
-              width: "1440",
-              height: "29722",
-              transform: "translate(-608 -29136)",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            "rect",
-            {
-              width: "1055",
-              height: "29848.1",
-              transform: "translate(-223 -29136)",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            "rect",
-            {
-              width: "900",
-              height: "29848.1",
-              transform: "translate(-223 -29136)",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ t.jsxs(
-            "g",
-            {
-              clipPath: `url(#${H})`,
-              filter: `url(#${l})`,
-              children: [
-                /* @__PURE__ */ t.jsx(
-                  "rect",
-                  {
-                    x: "-199",
-                    y: "-47.9004",
-                    width: "320",
-                    height: "96",
-                    rx: "4",
-                    fill: "#0066CC"
-                  }
-                ),
-                /* @__PURE__ */ t.jsx("mask", { id: s, fill: "white", children: /* @__PURE__ */ t.jsx(
-                  "path",
-                  {
-                    fillRule: "evenodd",
-                    clipRule: "evenodd",
-                    d: "M103.231 7.5H44.0314V44.1287L7.40001 44.1287L7.40001 103.329H44.0314V140.7H103.231V103.329H140.6V44.1287L103.231 44.1287V7.5Z"
-                  }
-                ) }),
-                /* @__PURE__ */ t.jsx(
-                  "path",
-                  {
-                    d: "M44.0314 7.5V3.5H40.0314V7.5H44.0314ZM103.231 7.5H107.231V3.5H103.231V7.5ZM44.0314 44.1287V48.1287H48.0314V44.1287H44.0314ZM7.40001 44.1287L7.40001 40.1287H3.40001L3.40001 44.1287H7.40001ZM7.40001 103.329H3.40001V107.329H7.40001V103.329ZM44.0314 103.329H48.0314V99.3287H44.0314V103.329ZM44.0314 140.7H40.0314V144.7H44.0314V140.7ZM103.231 140.7V144.7H107.231V140.7H103.231ZM103.231 103.329V99.3287H99.2314V103.329H103.231ZM140.6 103.329V107.329H144.6V103.329H140.6ZM140.6 44.1287H144.6V40.1287H140.6V44.1287ZM103.231 44.1287H99.2314V48.1287H103.231V44.1287ZM44.0314 11.5H103.231V3.5H44.0314V11.5ZM48.0314 44.1287V7.5H40.0314V44.1287H48.0314ZM7.40001 48.1287L44.0314 48.1287V40.1287L7.40001 40.1287L7.40001 48.1287ZM11.4 103.329L11.4 44.1287H3.40001L3.40001 103.329H11.4ZM44.0314 99.3287H7.40001V107.329H44.0314V99.3287ZM48.0314 140.7V103.329H40.0314V140.7H48.0314ZM103.231 136.7H44.0314V144.7H103.231V136.7ZM99.2314 103.329V140.7H107.231V103.329H99.2314ZM140.6 99.3287H103.231V107.329H140.6V99.3287ZM136.6 44.1287V103.329H144.6V44.1287H136.6ZM103.231 48.1287L140.6 48.1287V40.1287L103.231 40.1287V48.1287ZM99.2314 7.5V44.1287H107.231V7.5H99.2314Z",
-                    fill: "white",
-                    mask: `url(#${s})`
-                  }
-                ),
-                /* @__PURE__ */ t.jsxs("g", { opacity: "0.4", children: [
-                  /* @__PURE__ */ t.jsx("mask", { id: r, fill: "white", children: /* @__PURE__ */ t.jsx(
-                    "path",
-                    {
-                      fillRule: "evenodd",
-                      clipRule: "evenodd",
-                      d: "M75.363 6.85156H53.363V20.4641L39.75 20.4641V42.4641H53.363V56.3516H75.363V42.4641H89.25V20.4641L75.363 20.4641V6.85156Z"
-                    }
-                  ) }),
-                  /* @__PURE__ */ t.jsx(
-                    "path",
-                    {
-                      d: "M53.363 6.85156V3.85156H50.363V6.85156H53.363ZM75.363 6.85156H78.363V3.85156H75.363V6.85156ZM53.363 20.4641V23.4641H56.363V20.4641H53.363ZM39.75 20.4641L39.75 17.4641H36.75V20.4641H39.75ZM39.75 42.4641H36.75V45.4641H39.75V42.4641ZM53.363 42.4641H56.363V39.4641H53.363V42.4641ZM53.363 56.3516H50.363V59.3516H53.363V56.3516ZM75.363 56.3516V59.3516H78.363V56.3516H75.363ZM75.363 42.4641V39.4641H72.363V42.4641H75.363ZM89.25 42.4641V45.4641H92.25V42.4641H89.25ZM89.25 20.4641H92.25V17.4641H89.25V20.4641ZM75.363 20.4641H72.363V23.4641H75.363V20.4641ZM53.363 9.85156H75.363V3.85156H53.363V9.85156ZM56.363 20.4641V6.85156H50.363V20.4641H56.363ZM39.75 23.4641L53.363 23.4641V17.4641L39.75 17.4641L39.75 23.4641ZM42.75 42.4641V20.4641H36.75V42.4641H42.75ZM53.363 39.4641H39.75V45.4641H53.363V39.4641ZM56.363 56.3516V42.4641H50.363V56.3516H56.363ZM75.363 53.3516H53.363V59.3516H75.363V53.3516ZM72.363 42.4641V56.3516H78.363V42.4641H72.363ZM89.25 39.4641H75.363V45.4641H89.25V39.4641ZM86.25 20.4641V42.4641H92.25V20.4641H86.25ZM75.363 23.4641H89.25V17.4641L75.363 17.4641V23.4641ZM72.363 6.85156V20.4641H78.363V6.85156H72.363Z",
-                      fill: "white",
-                      mask: `url(#${r})`
-                    }
-                  )
-                ] })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t.jsxs("defs", { children: [
-          /* @__PURE__ */ t.jsxs(
-            "filter",
-            {
-              id: l,
-              x: "-215",
-              y: "-63.9004",
-              width: "352",
-              height: "128",
-              filterUnits: "userSpaceOnUse",
-              colorInterpolationFilters: "sRGB",
-              children: [
-                /* @__PURE__ */ t.jsx("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                /* @__PURE__ */ t.jsx(
-                  "feColorMatrix",
-                  {
-                    in: "SourceAlpha",
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
-                    result: "hardAlpha"
-                  }
-                ),
-                /* @__PURE__ */ t.jsx("feOffset", {}),
-                /* @__PURE__ */ t.jsx("feGaussianBlur", { stdDeviation: "8" }),
-                /* @__PURE__ */ t.jsx(
-                  "feColorMatrix",
-                  {
-                    type: "matrix",
-                    values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in2: "BackgroundImageFix",
-                    result: a
-                  }
-                ),
-                /* @__PURE__ */ t.jsx(
-                  "feBlend",
-                  {
-                    mode: "normal",
-                    in: "SourceGraphic",
-                    in2: a,
-                    result: "shape"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ t.jsx("clipPath", { id: V, children: /* @__PURE__ */ t.jsx(
-            "rect",
-            {
-              width: "1440",
-              height: "35228",
-              fill: "white",
-              transform: "translate(-608 -31452)"
-            }
-          ) }),
-          /* @__PURE__ */ t.jsx("clipPath", { id: H, children: /* @__PURE__ */ t.jsx(
-            "rect",
-            {
-              width: "320",
-              height: "96",
-              fill: "white",
-              transform: "translate(-199 -47.9004)"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  Z as CtaCardIcon
-};
+
 //# sourceMappingURL=index.es305.js.map