@eka-care/medassist-widget 0.1.83 → 0.1.85

package/dist/medassist-widget-DoctorCard-BdLitZW0.js

@@ -0,0 +1,460 @@
+import { c as _, d as h, A as L, y as E, u as e, i as p, C as R, T as A, q as z, _ as re, j as ne, k as ie, l as le, m as se, n as oe, o as ce, S as G, p as de, r as me, B as v, s as he } from "./medassist-widget.js";
+import { C as pe } from "./medassist-widget-check-BaHLRs-2.js";
+import { M as K } from "./medassist-widget-map-pin-Bx-5lPdC.js";
+import { C as ue, a as fe } from "./medassist-widget-chevron-right-CKYbGWbY.js";
+const xe = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+], J = _("arrow-right", xe);
+const ge = [
+  ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
+], ye = _("clock", ge);
+const be = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+], ve = _("ellipsis", be);
+const we = [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+], Ne = _("external-link", we);
+const ke = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], Ce = _("info", ke);
+const _e = [
+  ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
+  ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
+  ["path", { d: "M2 5h12", key: "or177f" }],
+  ["path", { d: "M7 2h1", key: "1t2jsx" }],
+  ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
+  ["path", { d: "M14 18h6", key: "1m8k6r" }]
+], Me = _("languages", _e);
+function Se({
+  value: l,
+  onValueChange: a,
+  placeholder: d = "Select an option",
+  className: u,
+  triggerClassName: $,
+  contentClassName: M,
+  disabled: s = !1,
+  options: w = [],
+  size: I = "default",
+  icon: B
+}) {
+  const [n, y] = h(!1), m = L(null), x = L(null), g = w.find((o) => o.value === l);
+  E(() => {
+    const o = (f) => {
+      n && f.key === "Escape" && (y(!1), x.current?.focus());
+    };
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
+    };
+  }, [n]);
+  const N = (o) => {
+    a?.(o), y(!1), x.current?.focus();
+  }, b = () => {
+    s || y(!n);
+  };
+  return /* @__PURE__ */ e("div", { className: p("relative w-full", u), children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        ref: x,
+        type: "button",
+        onClick: b,
+        disabled: s,
+        className: p(
+          'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*="text-"])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 overflow-hidden',
+          I === "default" ? "min-h-9" : "min-h-8",
+          $
+        ),
+        "aria-expanded": n,
+        "aria-haspopup": "listbox",
+        children: [
+          B,
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: p(
+                "flex-1 text-left min-w-0 overflow-hidden break-words line-clamp-2",
+                !g && "text-muted-foreground"
+              ),
+              children: g ? g.label : d
+            }
+          ),
+          /* @__PURE__ */ e(
+            R,
+            {
+              className: p(
+                "size-4 opacity-50 pointer-events-none shrink-0 transition-transform duration-200",
+                n && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ e(
+      "div",
+      {
+        ref: m,
+        className: p(
+          "bg-surface text-foreground animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 relative z-50 max-h-[136px] min-w-[8rem] w-full overflow-x-hidden overflow-y-auto overscroll-contain rounded-md shadow-md mt-1",
+          M
+        ),
+        role: "listbox",
+        children: /* @__PURE__ */ e("div", { className: "p-1", children: w.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-muted-foreground text-center", children: "No options available" }) : w.map((o) => {
+          const f = o.value === l;
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              onClick: () => N(o.value),
+              className: p(
+                "relative flex w-full cursor-pointer items-center gap-1 rounded-sm py-2.5 px-3 text-sm outline-none select-none transition-colors duration-150",
+                "hover:bg-accent hover:text-accent-foreground",
+                "focus-visible:bg-accent focus-visible:text-accent-foreground",
+                "active:bg-accent/80",
+                f && "bg-accent/50 text-foreground",
+                s && "pointer-events-none opacity-50 cursor-not-allowed"
+              ),
+              role: "option",
+              "aria-selected": f,
+              tabIndex: s ? -1 : 0,
+              onKeyDown: (k) => {
+                (k.key === "Enter" || k.key === " ") && (k.preventDefault(), s || N(o.value));
+              },
+              children: [
+                /* @__PURE__ */ e("span", { className: "flex-1 text-left min-w-0 break-words line-clamp-2", children: o.label }),
+                f && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(pe, { className: "size-4 text-foreground" }) })
+              ]
+            },
+            o.value
+          );
+        }) })
+      }
+    )
+  ] });
+}
+function ze({ doctor: l, doctorDetails: a, onSelect: d, disabled: u, isActive: $ = !0 }) {
+  const M = A(() => {
+    if (a?.hospitals?.[0]?.hospital_id)
+      return a?.hospitals?.[0]?.hospital_id;
+  }, [a?.hospitals]), [s, w] = h(M), [I, B] = h(!1), [n, y] = h(null), [m, x] = h(null), [g, N] = h(0), [b, o] = h(!1), [f, k] = h(!1), [S, T] = h(!1), [j, F] = h(!1), [O, Q] = h(!1), V = L(!1), H = L(null);
+  E(() => {
+    w(M);
+  }, [M]);
+  const r = l.availability ?? [], U = z(async () => {
+    if (!S && (k(!0), !r.length && d && a)) {
+      T(!0);
+      try {
+        await d({ ...l, hospital_id: s });
+      } finally {
+        T(!1);
+      }
+    }
+  }, [f, S, d, a, r.length, s]), W = z(
+    (t) => {
+      a && (w(t), y(null), x(null), N(0), V.current = !1, d?.({ ...l, hospital_id: t }));
+    },
+    [l, d, a]
+  );
+  E(() => {
+    $ || k(!1);
+  }, [$]), E(() => {
+    if (!f || !r.length || V.current) return;
+    V.current = !0;
+    const t = l.preferred_date || r[0]?.date;
+    t && (y((c) => c ?? t), r.find((c) => c.date === t)?.slots?.length || d?.({ ...l, hospital_id: s, preferred_date: t }));
+  }, [r, f]);
+  const q = A(
+    () => r.find((t) => t.date === n)?.slots ?? [],
+    [r, n]
+  );
+  re(() => {
+    const t = H.current;
+    t && (t.scrollTop = 0, F(t.scrollHeight > t.clientHeight + 2));
+  }, [n, q.length]);
+  const X = z(() => {
+    const t = H.current;
+    t && F(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
+  }, []), Y = () => {
+    H.current?.scrollBy({ top: 120, behavior: "smooth" });
+  }, Z = A(() => {
+    if (!r.length) return [];
+    const t = Math.min(g + 3, r.length);
+    return r.slice(g, t).map((i) => {
+      if (i.date)
+        return { ...i, ...ne(i.date) };
+    });
+  }, [r, g]), D = g > 0, ee = g < Math.max(0, (r || []).length - 3), te = z(
+    async (t) => {
+      y(t), x(null);
+      const i = r.find((c) => c.date === t);
+      if (!(i?.slots?.length || Array.isArray(i?.slots) && i?.slots.length === 0)) {
+        B(!0);
+        try {
+          await d?.({ ...l, hospital_id: s, preferred_date: t });
+        } catch {
+        } finally {
+          B(!1);
+        }
+      }
+    },
+    [l, s, d, r]
+  ), C = A(() => r.find((i) => i.date === n)?.cta ?? l.cta, [r, n, l.cta]), P = () => {
+    if (b) return;
+    const t = C?.text, i = !!t;
+    if (!i && (!m || !n)) return;
+    o(!0);
+    const c = n && m ? ` on ${n} at ${m}.` : "";
+    d?.(
+      { ...l, hospital_id: s, preferred_date: n ?? void 0, preferred_slot_time: m ?? void 0 },
+      `${t || `I want to book an appointment with Dr. ${a?.name}`}${c}`,
+      C?.tool_result,
+      !i
+    );
+  };
+  return a ? /* @__PURE__ */ e(he, { className: "max-w-md h-full rounded-xl border border-black-200 dark:border-white-200 shadow-none p-0 bg-elicitationBg overflow-hidden", children: [
+    /* @__PURE__ */ e(ie, { className: "flex flex-row items-center gap-3 bg-primary/[20%] rounded-t-xl p-2 border-b border-border-subtle overflow-hidden", children: [
+      /* @__PURE__ */ e(le, { className: "h-12 w-12 ring-2 ring-primary/20 flex-shrink-0", children: [
+        a.profile_pic && /* @__PURE__ */ e(se, { src: a.profile_pic, alt: `${a.name} profile photo`, crossOrigin: "anonymous" }),
+        /* @__PURE__ */ e(oe, { className: "bg-secondary text-primary", children: ce(a.name) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ e("h3", { className: "font-bold text-slate-900 leading-tight", style: { fontSize: "0.95rem" }, children: [
+          /* @__PURE__ */ e("span", { children: a.name }),
+          a.profile_link && /* @__PURE__ */ e(
+            "a",
+            {
+              href: a.profile_link,
+              target: "_blank",
+              rel: "noreferrer",
+              "aria-label": "View profile",
+              className: "inline-block align-middle ml-2 text-primary hover:text-primary/70 transition-colors",
+              children: /* @__PURE__ */ e(Ne, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "p",
+          {
+            className: "mt-0.5 text-xs text-slate-600 line-clamp-1 hover:line-clamp-none hover:whitespace-normal cursor-help",
+            title: `${a.specialty}${a.experience ? ` • ${a.experience}` : ""}`,
+            children: [
+              a.specialty,
+              a.experience && /* @__PURE__ */ e(G, { children: [
+                " • ",
+                a.experience
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e(de, { className: "px-3 py-2", children: [
+      /* @__PURE__ */ e("div", { className: "grid gap-1 pb-2 border-b border-border-subtle", children: [
+        a.timings && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(ye, { className: "h-3.5 w-3.5 text-primary mt-0.5 flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.timings })
+        ] }),
+        a.languages && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(Me, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.languages })
+        ] }),
+        a.hospitals?.length > 1 && s ? /* @__PURE__ */ e(
+          Se,
+          {
+            options: a.hospitals.map((t) => ({ value: t.hospital_id, label: t.name || "" })),
+            placeholder: "Select Hospital",
+            disabled: u,
+            onValueChange: W,
+            value: s,
+            triggerClassName: "h-8 text-xs px-3 rounded-lg border-border text-primary font-medium",
+            icon: /* @__PURE__ */ e(K, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 })
+          }
+        ) : /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5 min-w-0", children: [
+          /* @__PURE__ */ e(K, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.hospitals?.[0]?.name || "" })
+        ] }),
+        a.info && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(Ce, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: p(
+                  "text-text-secondary text-xs leading-snug prose prose-sm max-w-none prose-strong:font-semibold prose-p:my-0 break-words overflow-hidden",
+                  !O && "line-clamp-1"
+                ),
+                children: /* @__PURE__ */ e(me, { children: a.info })
+              }
+            ),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => Q((t) => !t),
+                "aria-expanded": O,
+                className: "mt-0.5 flex items-center gap-1 text-[11px] font-semibold text-primary hover:text-primary/80 transition-colors",
+                children: [
+                  /* @__PURE__ */ e(ve, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                  O ? "View less" : "View more"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      f ? S ? /* @__PURE__ */ e("p", { className: "pt-3 text-sm text-text-secondary text-center", children: "Loading..." }) : r.length > 0 ? /* @__PURE__ */ e("div", { className: "pt-3", children: [
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(
+            v,
+            {
+              type: "button",
+              variant: "outline",
+              size: "icon",
+              onClick: () => {
+                N((t) => Math.max(0, t - 3)), x(null);
+              },
+              disabled: u || !D,
+              "aria-label": "Previous 3 days",
+              className: "h-8 w-8 flex-shrink-0 rounded-md border-primary/20 bg-surface text-primary hover:bg-surface-secondary disabled:opacity-50",
+              children: /* @__PURE__ */ e(ue, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "flex-1 grid grid-cols-3 gap-1 min-w-0", children: Z.map((t, i) => {
+            if (!t || !t.date) return null;
+            const c = n === t.date, ae = (t?.slots || []).length > 0;
+            return /* @__PURE__ */ e(
+              v,
+              {
+                type: "button",
+                variant: "outline",
+                onClick: () => t.date && te(t.date),
+                disabled: u,
+                "aria-current": c ? "date" : void 0,
+                className: p(
+                  "flex flex-col items-center justify-center h-12 rounded-lg border-2 p-2 gap-0.5 min-w-0 transition-all",
+                  c ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm hover:text-accent-foreground" : ae ? "border-primary/30 bg-elicitationBg hover:bg-primary/10 hover:text-accent-foreground hover:border-primary/40" : "border-border bg-elicitationBg opacity-60 hover:bg-primary/10 hover:text-accent-foreground hover:border-primary/30"
+                ),
+                children: [
+                  /* @__PURE__ */ e("span", { className: p("text-[10px] tracking-wide w-full text-center font-medium"), children: t.weekday }),
+                  /* @__PURE__ */ e("span", { className: p("text-xs font-bold w-full text-center"), children: t.dayNum })
+                ]
+              },
+              `${t.date}-${i}`
+            );
+          }) }),
+          /* @__PURE__ */ e(
+            v,
+            {
+              type: "button",
+              variant: "outline",
+              size: "icon",
+              onClick: () => {
+                N((t) => Math.min(Math.max(0, r.length - 3), t + 3)), x(null);
+              },
+              disabled: u || !ee,
+              "aria-label": "Next 3 days",
+              className: "h-8 w-8 flex-shrink-0 rounded-md border-primary/20 bg-surface text-primary hover:bg-surface-secondary disabled:opacity-50",
+              children: /* @__PURE__ */ e(fe, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        n && /* @__PURE__ */ e("div", { className: "mt-2", children: q.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              ref: H,
+              onScroll: X,
+              className: "grid grid-cols-3 gap-2 overflow-y-auto overscroll-contain",
+              style: { maxHeight: "108px" },
+              children: q.map((t, i) => {
+                if (!t) return null;
+                const c = m === t;
+                return /* @__PURE__ */ e(
+                  v,
+                  {
+                    type: "button",
+                    variant: "outline",
+                    onClick: () => x(t),
+                    "aria-pressed": c,
+                    disabled: u,
+                    className: p(
+                      "h-9 rounded-lg px-2 text-xs font-medium transition-all",
+                      c ? "border-primary bg-primary/20 text-primary shadow-sm hover:bg-primary/10" : "border-border bg-elicitationBg text-text-primary hover:bg-primary/10 hover:border-primary/30"
+                    ),
+                    children: /* @__PURE__ */ e("span", { children: t })
+                  },
+                  t || `slot-${i}`
+                );
+              })
+            }
+          ),
+          j && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-elicitationBg via-elicitationBg to-transparent pointer-events-none flex items-end justify-center pb-1", children: /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: Y,
+              className: "pointer-events-auto flex items-center gap-1 text-xs font-semibold text-primary hover:text-primary/80 transition-colors",
+              children: [
+                /* @__PURE__ */ e(R, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                "More slots"
+              ]
+            }
+          ) })
+        ] }) : I ? /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "Fetching slots..." }) : /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "No slots available." }) }),
+        /* @__PURE__ */ e(
+          v,
+          {
+            type: "button",
+            onClick: P,
+            disabled: u || b || !C?.text && !m,
+            "aria-disabled": !m || b,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${j ? "" : " mt-2"}`,
+            children: [
+              C?.title || "Book appointment",
+              /* @__PURE__ */ e(J, { className: "h-4 w-4", "aria-hidden": !0 })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ e(G, { children: [
+        /* @__PURE__ */ e("p", { className: "pt-3 text-sm text-text-secondary text-center", children: "No slots available." }),
+        /* @__PURE__ */ e(
+          v,
+          {
+            type: "button",
+            onClick: P,
+            disabled: u || b || !C?.text && !m,
+            "aria-disabled": !m || b,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${j ? "" : " mt-2"}`,
+            children: [
+              C?.title || "Book appointment",
+              /* @__PURE__ */ e(J, { className: "h-4 w-4", "aria-hidden": !0 })
+            ]
+          }
+        )
+      ] }) : /* @__PURE__ */ e("div", { className: "pt-3", children: /* @__PURE__ */ e(
+        v,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: U,
+          disabled: u || S,
+          className: "w-full h-8 gap-1.5 text-xs border-primary/40 text-primary hover:bg-primary/10 disabled:opacity-60 font-medium rounded-lg",
+          children: [
+            S ? "Loading..." : "Show available slots",
+            /* @__PURE__ */ e(R, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
+          ]
+        }
+      ) })
+    ] })
+  ] }) : null;
+}
+export {
+  ze as DoctorCard
+};

package/dist/medassist-widget-FocusCarousel-BsLIZftX.js

@@ -0,0 +1,90 @@
+import { d as l, A as d, y as N, _ as R, u as r, i as z } from "./medassist-widget.js";
+import { C as A, a as M } from "./medassist-widget-chevron-right-CKYbGWbY.js";
+const v = 12, T = 0.76, I = 3;
+function k({ count: s, renderItem: h, className: u }) {
+  const [n, x] = l(0), [i, m] = l(0), [y, g] = l(() => Math.min(I, s)), b = d(null), f = d(0), p = d(0);
+  if (N(() => {
+    g((t) => Math.max(t, Math.min(n + 2, s)));
+  }, [n, s]), R(() => {
+    const t = b.current;
+    if (!t) return;
+    m(t.clientWidth);
+    const e = new ResizeObserver(([a]) => m(a.contentRect.width));
+    return e.observe(t), () => e.disconnect();
+  }, []), s === 0) return null;
+  const o = (t) => x(Math.max(0, Math.min(s - 1, t)));
+  if (s === 1)
+    return /* @__PURE__ */ r("div", { className: u ?? "mt-3", children: h(0, !0) });
+  const c = i * T, C = (i - c) / 2, w = i > 0 ? C - n * (c + v) : 0;
+  return /* @__PURE__ */ r("div", { ref: b, className: z("mt-3 w-full", u), children: i > 0 && /* Relative wrapper so buttons sit outside overflow but share the same stacking context */
+  /* @__PURE__ */ r("div", { className: "relative w-full", children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "w-full overflow-hidden py-3",
+        onTouchStart: (t) => {
+          f.current = t.touches[0].clientX, p.current = t.touches[0].clientY;
+        },
+        onTouchEnd: (t) => {
+          const e = t.changedTouches[0].clientX - f.current, a = t.changedTouches[0].clientY - p.current;
+          Math.abs(e) > Math.abs(a) && Math.abs(e) > 50 && o(n + (e < 0 ? 1 : -1));
+        },
+        children: /* @__PURE__ */ r(
+          "div",
+          {
+            className: "flex items-stretch",
+            style: {
+              transform: `translateX(${w}px)`,
+              transition: "transform 400ms cubic-bezier(0.4, 0, 0.2, 1)",
+              gap: `${v}px`
+            },
+            "aria-live": "polite",
+            children: Array.from({ length: y }, (t, e) => {
+              const a = e === n;
+              return /* @__PURE__ */ r(
+                "div",
+                {
+                  "aria-hidden": !a,
+                  style: {
+                    flex: `0 0 ${c}px`,
+                    position: "relative",
+                    opacity: a ? 1 : 0.6,
+                    transform: a ? "scale(1.05)" : "scale(0.9)",
+                    zIndex: a ? 20 : 10,
+                    transition: "all 400ms cubic-bezier(0.4, 0, 0.2, 1)",
+                    borderRadius: 12
+                  },
+                  children: h(e, a)
+                },
+                e
+              );
+            })
+          }
+        )
+      }
+    ),
+    n > 0 && /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Previous",
+        onClick: () => o(n - 1),
+        className: "absolute left-0 top-1/2 -translate-y-1/2 z-10 h-10 w-10 p-2 flex items-center justify-center rounded-full bg-background/90 shadow-md border border-primary text-primary hover:bg-muted transition-colors",
+        children: /* @__PURE__ */ r(A, { size: 18 })
+      }
+    ),
+    n < s - 1 && /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "aria-label": "Next",
+        onClick: () => o(n + 1),
+        className: "absolute right-0 top-1/2 -translate-y-1/2 z-10 h-10 w-10 p-2 flex items-center justify-center rounded-full bg-background/90 shadow-md border border-primary text-primary hover:bg-muted transition-colors",
+        children: /* @__PURE__ */ r(M, { size: 18 })
+      }
+    )
+  ] }) });
+}
+export {
+  k as FocusCarousel
+};

package/dist/medassist-widget-MediaCard-DRUToQV3.js

@@ -0,0 +1,85 @@
+import { c as m, A as u, u as e, s as h, p as f, S as p, B as g } from "./medassist-widget.js";
+const x = [
+  [
+    "path",
+    {
+      d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
+      key: "18u6gg"
+    }
+  ],
+  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
+], w = m("camera", x);
+const b = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+], v = m("download", b);
+function i(a) {
+  return a.toLowerCase().endsWith(".pdf");
+}
+function y(a) {
+  const n = document?.createElement("a");
+  n.href = a, n.download = a.split("/").pop() ?? "download.pdf", n.target = "_blank", n.click(), document?.body?.removeChild(n);
+}
+async function N(a) {
+  if (!a.current) return;
+  const n = (await import("./medassist-widget-html2canvas.esm-CphxV6YW.js")).default, o = await n(a.current, { useCORS: !0 }), t = document.createElement("a");
+  t.href = o.toDataURL("image/png"), t.download = "card.png", t.click();
+}
+async function k(a) {
+  if (!a.current) return;
+  const n = (await import("./medassist-widget-html2canvas.esm-CphxV6YW.js")).default, o = await n(a.current, { useCORS: !0 }), t = document.createElement("a");
+  t.href = o.toDataURL("image/png"), t.download = `screenshot-${Date.now()}.png`, t.click();
+}
+function _({ card: a }) {
+  const { title: n, description: o, tags_text: t, banner_text: l, action: c, link: r } = a, s = u(null), d = r && !i(r);
+  return /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ e(
+      h,
+      {
+        ref: s,
+        className: "overflow-hidden rounded-xl border border-border  bg-elicitationBg text-card-foreground shadow-sm",
+        children: /* @__PURE__ */ e(f, { className: "p-3 space-y-2", children: [
+          /* @__PURE__ */ e("div", { className: `flex items-start gap-3 ${d ? "justify-between" : "justify-center"}`, children: [
+            /* @__PURE__ */ e("div", { className: `space-y-2 ${d ? "min-w-0 flex-1" : "flex flex-col items-center"}`, children: [
+              n && /* @__PURE__ */ e("span", { className: "inline-block rounded-full px-3 py-1 text-sm font-semibold bg-primary text-primary-foreground", children: n }),
+              o && /* @__PURE__ */ e("p", { className: `text-sm text-foreground leading-snug ${d ? "" : "text-center"}`, children: o }),
+              l && /* @__PURE__ */ e("span", { className: "inline-block rounded-full px-3 py-1 text-xs font-semibold bg-green-600 text-white", children: l })
+            ] }),
+            d && /* @__PURE__ */ e("div", { className: "shrink-0 h-24 w-24 rounded-lg overflow-hidden border border-border", children: /* @__PURE__ */ e(
+              "img",
+              {
+                src: r,
+                alt: n ?? "media",
+                className: "h-full w-full object-cover"
+              }
+            ) })
+          ] }),
+          t && /* @__PURE__ */ e(p, { children: [
+            /* @__PURE__ */ e("div", { className: "border-t border-border" }),
+            /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: t })
+          ] })
+        ] })
+      }
+    ),
+    c && /* @__PURE__ */ e("div", { className: "flex justify-end", children: /* @__PURE__ */ e(
+      g,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        className: "rounded-md px-5 gap-1.5",
+        onClick: () => {
+          c === "screenshot" ? k(s) : c === "download" && (r && i(r) ? y(r) : N(s));
+        },
+        children: [
+          c === "screenshot" ? /* @__PURE__ */ e(w, { className: "h-4 w-4" }) : /* @__PURE__ */ e(v, { className: "h-4 w-4" }),
+          c === "screenshot" ? "Screenshot" : "Download"
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  _ as MediaCard
+};