@eka-care/medassist-widget 0.1.83 → 0.1.84

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-wTRSvQWH.js

@@ -0,0 +1,85 @@
+import { c as m, A as u, u as e, t as h, r 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
+};

package/dist/medassist-widget-MultiSelect-BnExX-Ty.js

@@ -0,0 +1,414 @@
+import { A as x, y as E, q as X, d as _, R as j, b as O, T as Y, D as y, e as J, u as l, P as S, f as Q, S as D, g as T, h as M, i as N } from "./medassist-widget.js";
+import { C as Z } from "./medassist-widget-check-BaHLRs-2.js";
+var V = j[" useInsertionEffect ".trim().toString()] || O;
+function ee({
+  prop: e,
+  defaultProp: r,
+  onChange: c = () => {
+  },
+  caller: a
+}) {
+  const [s, o, i] = re({
+    defaultProp: r,
+    onChange: c
+  }), d = e !== void 0, t = d ? e : s;
+  {
+    const b = x(e !== void 0);
+    E(() => {
+      const h = b.current;
+      if (h !== d) {
+        const p = h ? "controlled" : "uncontrolled", g = d ? "controlled" : "uncontrolled";
+      }
+      b.current = d;
+    }, [d, a]);
+  }
+  const v = X(
+    (b) => {
+      if (d) {
+        const h = te(b) ? b(e) : b;
+        h !== e && i.current?.(h);
+      } else
+        o(b);
+    },
+    [d, e, o, i]
+  );
+  return [t, v];
+}
+function re({
+  defaultProp: e,
+  onChange: r
+}) {
+  const [c, a] = _(e), s = x(c), o = x(r);
+  return V(() => {
+    o.current = r;
+  }, [r]), E(() => {
+    s.current !== c && (o.current?.(c), s.current = c);
+  }, [c, s]), [c, a, o];
+}
+function te(e) {
+  return typeof e == "function";
+}
+function ne(e) {
+  const r = x({ value: e, previous: e });
+  return Y(() => (r.current.value !== e && (r.current.previous = r.current.value, r.current.value = e), r.current.previous), [e]);
+}
+function oe(e) {
+  const [r, c] = _(void 0);
+  return O(() => {
+    if (e) {
+      c({ width: e.offsetWidth, height: e.offsetHeight });
+      const a = new ResizeObserver((s) => {
+        if (!Array.isArray(s) || !s.length)
+          return;
+        const o = s[0];
+        let i, d;
+        if ("borderBoxSize" in o) {
+          const t = o.borderBoxSize, v = Array.isArray(t) ? t[0] : t;
+          i = v.inlineSize, d = v.blockSize;
+        } else
+          i = e.offsetWidth, d = e.offsetHeight;
+        c({ width: i, height: d });
+      });
+      return a.observe(e, { box: "border-box" }), () => a.unobserve(e);
+    } else
+      c(void 0);
+  }, [e]), r;
+}
+var P = "Checkbox", [ce] = J(P), [se, z] = ce(P);
+function ie(e) {
+  const {
+    __scopeCheckbox: r,
+    checked: c,
+    children: a,
+    defaultChecked: s,
+    disabled: o,
+    form: i,
+    name: d,
+    onCheckedChange: t,
+    required: v,
+    value: b = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: h
+  } = e, [p, g] = ee({
+    prop: c,
+    defaultProp: s ?? !1,
+    onChange: t,
+    caller: P
+  }), [C, n] = _(null), [m, u] = _(null), f = x(!1), w = C ? !!i || !!C.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), I = {
+    checked: p,
+    disabled: o,
+    setChecked: g,
+    control: C,
+    setControl: n,
+    name: d,
+    form: i,
+    value: b,
+    hasConsumerStoppedPropagationRef: f,
+    required: v,
+    defaultChecked: k(s) ? !1 : s,
+    isFormControl: w,
+    bubbleInput: m,
+    setBubbleInput: u
+  };
+  return /* @__PURE__ */ l(
+    se,
+    {
+      scope: r,
+      ...I,
+      children: ae(h) ? h(I) : a
+    }
+  );
+}
+var $ = "CheckboxTrigger", q = y(
+  ({ __scopeCheckbox: e, onKeyDown: r, onClick: c, ...a }, s) => {
+    const {
+      control: o,
+      value: i,
+      disabled: d,
+      checked: t,
+      required: v,
+      setControl: b,
+      setChecked: h,
+      hasConsumerStoppedPropagationRef: p,
+      isFormControl: g,
+      bubbleInput: C
+    } = z($, e), n = T(s, b), m = x(t);
+    return E(() => {
+      const u = o?.form;
+      if (u) {
+        const f = () => h(m.current);
+        return u.addEventListener("reset", f), () => u.removeEventListener("reset", f);
+      }
+    }, [o, h]), /* @__PURE__ */ l(
+      S.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": k(t) ? "mixed" : t,
+        "aria-required": v,
+        "data-state": G(t),
+        "data-disabled": d ? "" : void 0,
+        disabled: d,
+        value: i,
+        ...a,
+        ref: n,
+        onKeyDown: M(r, (u) => {
+          u.key === "Enter" && u.preventDefault();
+        }),
+        onClick: M(c, (u) => {
+          h((f) => k(f) ? !0 : !f), C && g && (p.current = u.isPropagationStopped(), p.current || u.stopPropagation());
+        })
+      }
+    );
+  }
+);
+q.displayName = $;
+var A = y(
+  (e, r) => {
+    const {
+      __scopeCheckbox: c,
+      name: a,
+      checked: s,
+      defaultChecked: o,
+      required: i,
+      disabled: d,
+      value: t,
+      onCheckedChange: v,
+      form: b,
+      ...h
+    } = e;
+    return /* @__PURE__ */ l(
+      ie,
+      {
+        __scopeCheckbox: c,
+        checked: s,
+        defaultChecked: o,
+        disabled: d,
+        required: i,
+        onCheckedChange: v,
+        name: a,
+        form: b,
+        value: t,
+        internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ l(D, { children: [
+          /* @__PURE__ */ l(
+            q,
+            {
+              ...h,
+              ref: r,
+              __scopeCheckbox: c
+            }
+          ),
+          p && /* @__PURE__ */ l(
+            U,
+            {
+              __scopeCheckbox: c
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+A.displayName = P;
+var F = "CheckboxIndicator", H = y(
+  (e, r) => {
+    const { __scopeCheckbox: c, forceMount: a, ...s } = e, o = z(F, c);
+    return /* @__PURE__ */ l(
+      Q,
+      {
+        present: a || k(o.checked) || o.checked === !0,
+        children: /* @__PURE__ */ l(
+          S.span,
+          {
+            "data-state": G(o.checked),
+            "data-disabled": o.disabled ? "" : void 0,
+            ...s,
+            ref: r,
+            style: { pointerEvents: "none", ...e.style }
+          }
+        )
+      }
+    );
+  }
+);
+H.displayName = F;
+var L = "CheckboxBubbleInput", U = y(
+  ({ __scopeCheckbox: e, ...r }, c) => {
+    const {
+      control: a,
+      hasConsumerStoppedPropagationRef: s,
+      checked: o,
+      defaultChecked: i,
+      required: d,
+      disabled: t,
+      name: v,
+      value: b,
+      form: h,
+      bubbleInput: p,
+      setBubbleInput: g
+    } = z(L, e), C = T(c, g), n = ne(o), m = oe(a);
+    E(() => {
+      const f = p;
+      if (!f) return;
+      const w = window.HTMLInputElement.prototype, B = Object.getOwnPropertyDescriptor(
+        w,
+        "checked"
+      ).set, K = !s.current;
+      if (n !== o && B) {
+        const W = new Event("click", { bubbles: K });
+        f.indeterminate = k(o), B.call(f, k(o) ? !1 : o), f.dispatchEvent(W);
+      }
+    }, [p, n, o, s]);
+    const u = x(k(o) ? !1 : o);
+    return /* @__PURE__ */ l(
+      S.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: i ?? u.current,
+        required: d,
+        disabled: t,
+        name: v,
+        value: b,
+        form: h,
+        ...r,
+        tabIndex: -1,
+        ref: C,
+        style: {
+          ...r.style,
+          ...m,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
+        }
+      }
+    );
+  }
+);
+U.displayName = L;
+function ae(e) {
+  return typeof e == "function";
+}
+function k(e) {
+  return e === "indeterminate";
+}
+function G(e) {
+  return k(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+const R = y(({ className: e, ...r }, c) => /* @__PURE__ */ l(
+  A,
+  {
+    ref: c,
+    className: N(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      e
+    ),
+    ...r,
+    children: /* @__PURE__ */ l(
+      H,
+      {
+        className: N("grid place-content-center text-current"),
+        children: /* @__PURE__ */ l(Z, { className: "h-4 w-4" })
+      }
+    )
+  }
+));
+R.displayName = A.displayName;
+function ue({
+  options: e,
+  selectedValues: r,
+  onSelectionChange: c,
+  additionalOption: a,
+  className: s,
+  required: o = !0,
+  maxSelections: i,
+  // error,
+  disabled: d
+}) {
+  const t = a ? {
+    id: `extra-${a}`,
+    label: a === "all_of_the_above" ? "All of the above" : "None of the above",
+    value: a === "all_of_the_above" ? "All of the above" : "None of the above"
+  } : null, v = (n) => t ? n.filter((m) => m !== t.value) : n, b = (n) => t ? a === "none_of_the_above" ? n ? [t.value] : [] : a === "all_of_the_above" ? n ? [...e.map((m) => m.value), t.value] : v(r) : n ? [...r, t.value] : v(r) : r, h = (n, m) => {
+    const u = t ? v(r) : r;
+    return m ? i && u.length >= i ? null : [...u, n] : u.filter((f) => f !== n);
+  }, p = (n) => !(o && n.length === 0 && r.length === 1), g = (n, m) => {
+    const f = t && n === t.value ? b(m) : h(n, m);
+    f !== null && p(f) && c(f);
+  }, C = t ? r.filter((n) => n !== t.value).length : r.length;
+  return e.length ? /* @__PURE__ */ l(
+    "div",
+    {
+      className: N(
+        s
+      ),
+      children: [
+        /* @__PURE__ */ l("div", { className: "space-y-3", children: [
+          e.map((n) => {
+            const m = d || i && C >= i && !r.includes(n.value);
+            let u = r.includes(n.value);
+            return /* @__PURE__ */ l("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l(
+                R,
+                {
+                  id: n.id,
+                  checked: u,
+                  disabled: !!m,
+                  onCheckedChange: (f) => g(n.value, !!f),
+                  className: "mt-0.5 border border-muted-foreground text-primary-foreground"
+                }
+              ),
+              /* @__PURE__ */ l(
+                "label",
+                {
+                  htmlFor: n.id,
+                  className: N(
+                    // Using the same muted color scheme as your other components
+                    "text-sm font-normal leading-4 cursor-pointer",
+                    m ? "text-muted-foreground cursor-not-allowed" : u ? "text-primary" : "text-secondary-foreground"
+                    // Dark grey like other components
+                  ),
+                  children: n.label
+                }
+              )
+            ] }, n.id);
+          }),
+          t && /* @__PURE__ */ l(D, { children: [
+            /* @__PURE__ */ l("div", { className: "border-t border-border-medium my-3" }),
+            /* @__PURE__ */ l("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l(
+                R,
+                {
+                  id: t.id,
+                  checked: r.includes(t.value),
+                  onCheckedChange: (n) => g(t.value, n),
+                  className: "mt-0.5 border border-muted-foreground"
+                }
+              ),
+              /* @__PURE__ */ l(
+                "label",
+                {
+                  htmlFor: t.id,
+                  className: "text-sm font-medium leading-none cursor-pointer text-secondary-foreground",
+                  children: t.label
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        i && C >= i && /* @__PURE__ */ l("p", { className: "text-sm text-blue-600 mt-3", children: i === 1 ? "You can select only 1 option" : `Maximum ${i} selections allowed` })
+      ]
+    }
+  ) : null;
+}
+export {
+  ue as MultiSelectGroup
+};