@alfadocs/ui-kit 0.41.1 → 0.42.0

package/dist/_chunks/insert-result-DtQQeSSf.js

@@ -0,0 +1,227 @@
+import { jsxs as A, jsx as u } from "react/jsx-runtime";
+import { forwardRef as P, useRef as S } from "react";
+import { useTranslation as z } from "react-i18next";
+import { c as M } from "./index-D2ZczOXr.js";
+import { B as N } from "./button-DD_0Xdmr.js";
+import { c as C } from "./createLucideIcon-CrFbzy84.js";
+import { I as _ } from "./image-C6RM5hfF.js";
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const k = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+], T = C("layers", k);
+/**
+ * @license lucide-react v1.8.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const E = [
+  ["path", { d: "M12 4v16", key: "1654pz" }],
+  ["path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2", key: "e0r10z" }],
+  ["path", { d: "M9 20h6", key: "s66wpe" }]
+], H = C("type", E), L = ["fg", "muted", "accent", "border", "bg"], I = 380;
+function v(t) {
+  const e = {
+    fg: "currentColor",
+    muted: "currentColor",
+    accent: "currentColor",
+    border: "currentColor",
+    bg: "transparent",
+    font: "sans-serif"
+  };
+  if (!t) return e;
+  const n = (o) => {
+    const a = t.querySelector(`[data-k="${o}"]`);
+    return a && getComputedStyle(a).color || "currentColor";
+  };
+  return {
+    fg: n("fg"),
+    muted: n("muted"),
+    accent: n("accent"),
+    border: n("border"),
+    bg: n("bg"),
+    font: getComputedStyle(t).fontFamily || "sans-serif"
+  };
+}
+const g = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function Y(t) {
+  const e = [t.title];
+  t.highlight && e.push(t.highlight);
+  for (const n of t.fields) e.push(`• ${n.label}: ${n.value}`);
+  return e.join(`
+`);
+}
+function B(t) {
+  const e = t.fields.map((o) => `<li>${g(o.label)}: ${g(o.value)}</li>`).join(""), n = t.highlight ? `<p><strong>${g(t.highlight)}</strong></p>` : "";
+  return `<p><strong>${g(t.title)}</strong></p>${n}<ul>${e}</ul>`;
+}
+function V(t) {
+  return (t.highlight ? 62 : 38) + 28 + t.fields.length * 22 + 8 + 20;
+}
+function D(t, e) {
+  const n = I, o = 20, a = o + 18, s = !!t.highlight, l = a + 24, r = (s ? l : a) + 28, c = 22, x = r + t.fields.length * c + 8, $ = x + o, m = g(e.font), y = t.fields.map((f, d) => {
+    const h = r + d * c;
+    return `<text x="${o}" y="${h}" font-family="${m}" font-size="13"><tspan fill="${e.muted}">${g(
+      f.label
+    )}: </tspan><tspan fill="${e.fg}">${g(f.value)}</tspan></text>`;
+  }).join(""), i = s ? `<text x="${o}" y="${l}" font-family="${m}" font-size="14" font-weight="600" fill="${e.accent}">${g(
+    t.highlight
+  )}</text>` : "";
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${$}" viewBox="0 0 ${n} ${$}" role="img" aria-label="${g(
+    t.title
+  )}"><rect x="0.5" y="0.5" width="${n - 1}" height="${$ - 1}" rx="12" fill="${e.bg}" stroke="${e.border}"/><text x="${o}" y="${a}" font-family="${m}" font-size="16" font-weight="700" fill="${e.fg}">${g(
+    t.title
+  )}</text>${i}${y}<text x="${o}" y="${x}" font-family="${m}" font-size="10" fill="${e.muted}">AlfaDocs</text></svg>`;
+}
+function j() {
+  var t;
+  return typeof navigator < "u" && typeof ((t = navigator.clipboard) == null ? void 0 : t.write) == "function" && typeof ClipboardItem < "u";
+}
+function q(t, e, n) {
+  return new Promise((o, a) => {
+    const s = new Image();
+    s.decoding = "async", s.onload = () => {
+      const l = document.createElement("canvas");
+      l.width = e, l.height = n;
+      const r = l.getContext("2d");
+      if (!r) {
+        a(new Error("2D canvas context unavailable"));
+        return;
+      }
+      r.drawImage(s, 0, 0, e, n), l.toBlob((c) => {
+        c ? o(c) : a(new Error("canvas.toBlob produced no PNG"));
+      }, "image/png");
+    }, s.onerror = () => a(new Error("SVG failed to decode as an image")), s.src = t;
+  });
+}
+async function F(t, e, n) {
+  const o = Y(e), a = new Blob([o], { type: "text/plain" });
+  if (t === "text")
+    return new ClipboardItem({ "text/plain": a });
+  const s = D(e, n), l = `data:image/svg+xml,${encodeURIComponent(s)}`, r = await q(l, I, V(e));
+  if (t === "image")
+    return new ClipboardItem({ "image/png": r, "text/plain": a });
+  const c = new Blob([B(e)], { type: "text/html" });
+  return new ClipboardItem({
+    "text/html": c,
+    "image/png": r,
+    "text/plain": a
+  });
+}
+const O = M(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+  {
+    variants: {
+      variant: {
+        insert: "",
+        copy: ""
+      }
+    },
+    defaultVariants: { variant: "insert" }
+  }
+), U = ["text", "image", "text-image"], G = {
+  text: /* @__PURE__ */ u(H, { "aria-hidden": !0 }),
+  image: /* @__PURE__ */ u(_, { "aria-hidden": !0 }),
+  "text-image": /* @__PURE__ */ u(T, { "aria-hidden": !0 })
+}, w = {
+  insert: {
+    text: "insert.text",
+    image: "insert.image",
+    "text-image": "insert.textImage"
+  },
+  copy: {
+    text: "insert.copyText",
+    image: "insert.copyImage",
+    "text-image": "insert.copyTextImage"
+  }
+}, W = P(
+  function({ card: e, variant: n = "insert", onInsert: o, onCopy: a, onError: s, size: l = "sm" }, r) {
+    const { t: c } = z(), p = S(null), x = (i) => {
+      const f = Y(e), d = B(e);
+      let h = "", b = "";
+      if (i !== "text") {
+        const R = v(p.current);
+        h = D(e, R), b = `data:image/svg+xml,${encodeURIComponent(h)}`;
+      }
+      return { mode: i, text: f, html: d, svg: h, imageDataUri: b };
+    }, y = n === "copy" ? (i) => {
+      if (!j()) {
+        s == null || s(new Error("Clipboard write unavailable in this context"));
+        return;
+      }
+      const f = v(p.current);
+      (async () => {
+        try {
+          const d = await F(i, e, f);
+          await navigator.clipboard.write([d]), a == null || a(i);
+        } catch (d) {
+          s == null || s(d);
+        }
+      })();
+    } : (i) => {
+      o == null || o(x(i));
+    };
+    return /* @__PURE__ */ A(
+      "div",
+      {
+        ref: r,
+        "data-component": "insert-result",
+        "data-variant": n,
+        className: O({ variant: n }),
+        children: [
+          /* @__PURE__ */ u("span", { ref: p, "aria-hidden": !0, className: "ds:sr-only", children: L.map((i) => /* @__PURE__ */ u(
+            "span",
+            {
+              "data-k": i,
+              className: i === "fg" ? "ds:text-foreground" : i === "muted" ? "ds:text-muted-foreground" : i === "accent" ? "ds:text-[color:var(--primary)]" : i === "border" ? "ds:text-[color:var(--border)]" : "ds:text-[color:var(--card)]"
+            },
+            i
+          )) }),
+          U.map((i) => /* @__PURE__ */ u(
+            N,
+            {
+              type: "button",
+              intent: "outline",
+              size: l,
+              startIcon: G[i],
+              "aria-label": c(w[n][i]),
+              onClick: () => y(i),
+              children: c(w[n][i])
+            },
+            i
+          ))
+        ]
+      }
+    );
+  }
+);
+W.displayName = "InsertButton";
+export {
+  W as I
+};
+//# sourceMappingURL=insert-result-DtQQeSSf.js.map

package/dist/_chunks/{kbd-Cglkd7CY.js → kbd-D855ZXIW.js}

@@ -83,7 +83,7 @@ const h = x(
     "ds:rounded-[var(--radius-sm)]",
     "ds:select-none",
     // Tight minimum size so single-key pills never collapse.
-    "ds:min-inline-size-[1.5em] ds:min-block-size-[1.5em]"
+    "ds:[min-inline-size:1.5em] ds:[min-block-size:1.5em]"
   ].join(" "),
   {
     variants: {
@@ -225,4 +225,4 @@ export {
   $ as K,
   _ as k
 };
-//# sourceMappingURL=kbd-Cglkd7CY.js.map
+//# sourceMappingURL=kbd-D855ZXIW.js.map

package/dist/_chunks/map-view-Tb5VfK9Y.js

@@ -0,0 +1,333 @@
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as J, useId as K, useMemo as h, useState as T, useEffect as u, useRef as O, useCallback as N, useImperativeHandle as Q } from "react";
+import { c } from "./index-D2ZczOXr.js";
+import { useTranslation as Z } from "react-i18next";
+import { A as W, M as X, a as Y, P as C, b as k, c as ee } from "./index.modern-D2LGACWg.js";
+import { B as se } from "./button-DD_0Xdmr.js";
+import { u as ae } from "./registry-nPAVE19X.js";
+import { M as te } from "./map-pin-B8STOPMJ.js";
+import { E as ne } from "./external-link-C6F25E6k.js";
+const oe = {
+  id: "map-view",
+  capabilities: [],
+  state: {},
+  actions: {
+    pan_to: {
+      safety: "read",
+      argsType: "{ position: { lat: number; lng: number } }",
+      description: "Pan the map to a new centre without changing zoom.",
+      invoke: (t, o) => {
+        t.panTo(o.position);
+      }
+    },
+    set_zoom: {
+      safety: "read",
+      argsType: "{ zoom: number }",
+      description: "Set the map zoom level (typical range 1–20).",
+      invoke: (t, o) => {
+        t.setZoom(o.zoom);
+      }
+    },
+    select_marker: {
+      safety: "read",
+      argsType: "{ id: string | null }",
+      description: "Select a marker by id, or pass null to clear the selection.",
+      invoke: (t, o) => {
+        t.selectMarker(o.id);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "map-view",
+      description: "Marks the element as a kit MapView."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, re = c(
+  ["ds:relative ds:overflow-hidden ds:block", "ds:bg-[var(--muted)]"].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:[--map-block-size:14rem]",
+        md: "ds:[--map-block-size:20rem]",
+        lg: "ds:[--map-block-size:28rem]",
+        // `fill` defers sizing to the parent. The outer takes
+        // `block-size: 100%` so the inner (also 100%) has something
+        // to inherit from. Use inside a viewport-locked column —
+        // `<PracticeResults variant="map-first">` wires this through
+        // automatically; standalone consumers must give the parent
+        // a constrained block-size or the map collapses to 0.
+        fill: "ds:[block-size:100%]"
+      },
+      surface: {
+        bordered: "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
+        elevated: "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
+        bare: "ds:rounded-none ds:border-0"
+      }
+    },
+    defaultVariants: { size: "md", surface: "bordered" }
+  }
+), ie = c("ds:block ds:inline-size-full", {
+  variants: {
+    size: {
+      sm: "ds:[block-size:var(--map-block-size)]",
+      md: "ds:[block-size:var(--map-block-size)]",
+      lg: "ds:[block-size:var(--map-block-size)]",
+      fill: "ds:[block-size:100%]"
+    }
+  },
+  defaultVariants: { size: "md" }
+}), de = c(
+  [
+    "ds:absolute ds:inset-0",
+    "ds:flex ds:flex-col ds:items-center ds:justify-center",
+    "ds:gap-[var(--spacing-sm)]",
+    "ds:p-[var(--spacing-md)]",
+    "ds:bg-[var(--muted)] ds:text-[var(--foreground)]",
+    "ds:text-center"
+  ].join(" ")
+), le = c("type-heading-3 ds:m-0"), I = c(
+  "type-body-sm ds:text-[var(--muted-foreground)] ds:[max-inline-size:28rem] ds:m-0"
+);
+function ce({
+  onHandleReady: t,
+  onMarkerSelect: o
+}) {
+  const a = ee();
+  return u(() => {
+    a && t({
+      panTo: (i) => a.panTo(i),
+      setZoom: (i) => a.setZoom(i),
+      selectMarker: (i) => o(i)
+    });
+  }, [a, t, o]), null;
+}
+function me({
+  address: t,
+  description: o,
+  onLoadMap: a,
+  openInGoogleMapsHref: i,
+  consentCta: f
+}) {
+  const { t: l } = Z();
+  return /* @__PURE__ */ p("div", { className: de(), "data-testid": "map-view-consent", children: [
+    /* @__PURE__ */ n(
+      te,
+      {
+        "aria-hidden": "true",
+        className: "ds:size-6 ds:text-[var(--muted-foreground)]"
+      }
+    ),
+    /* @__PURE__ */ n("p", { className: le(), children: l("mapView.consentTitle") }),
+    t ? /* @__PURE__ */ n(
+      "p",
+      {
+        className: I(),
+        "data-testid": "map-view-address",
+        children: t
+      }
+    ) : null,
+    /* @__PURE__ */ n("p", { className: I(), children: o }),
+    /* @__PURE__ */ p("div", { className: "ds:flex ds:gap-[var(--spacing-sm)] ds:flex-wrap ds:items-center ds:justify-center", children: [
+      f ?? /* @__PURE__ */ n(
+        se,
+        {
+          type: "button",
+          intent: "primary",
+          size: "sm",
+          onClick: a,
+          "data-testid": "map-view-load-cta",
+          children: l("mapView.consentCta")
+        }
+      ),
+      /* @__PURE__ */ p(
+        "a",
+        {
+          href: i,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[var(--primary)] ds:underline ds:underline-offset-2",
+          children: [
+            l("mapView.openInGoogleMaps"),
+            /* @__PURE__ */ n(ne, { "aria-hidden": "true", className: "ds:size-3" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const pe = J(
+  ({
+    id: t,
+    apiKey: o,
+    center: a,
+    zoom: i = 15,
+    markers: f,
+    selectedMarkerId: l,
+    onMarkerClick: r,
+    consentGranted: P = !1,
+    onConsentRequest: v,
+    address: m,
+    consentDescription: L,
+    consentCta: M,
+    mapId: w,
+    size: y,
+    surface: j,
+    ariaLabel: A,
+    className: S,
+    ..._
+  }, E) => {
+    const { t: b, i18n: H } = Z(), z = K(), R = h(
+      () => `map-${z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [z]
+    ), [V, $] = T(!1);
+    u(() => {
+      if (typeof window > "u") return;
+      const e = window.matchMedia("(prefers-reduced-motion: reduce)"), s = () => $(e.matches);
+      return s(), e.addEventListener("change", s), () => e.removeEventListener("change", s);
+    }, []);
+    const B = h(() => `https://www.google.com/maps/search/?api=1&query=${m ? encodeURIComponent(m) : `${a.lat},${a.lng}`}`, [m, a.lat, a.lng]), d = O(null), D = N((e) => {
+      d.current = e;
+    }, []);
+    Q(
+      E,
+      () => ({
+        panTo: (e) => {
+          var s;
+          return (s = d.current) == null ? void 0 : s.panTo(e);
+        },
+        setZoom: (e) => {
+          var s;
+          return (s = d.current) == null ? void 0 : s.setZoom(e);
+        },
+        selectMarker: (e) => {
+          var s;
+          return (s = d.current) == null ? void 0 : s.selectMarker(e);
+        }
+      }),
+      []
+    );
+    const q = h(
+      () => ({
+        panTo: (e) => {
+          var s;
+          return (s = d.current) == null ? void 0 : s.panTo(e);
+        },
+        setZoom: (e) => {
+          var s;
+          return (s = d.current) == null ? void 0 : s.setZoom(e);
+        },
+        selectMarker: (e) => {
+          var s;
+          return (s = d.current) == null ? void 0 : s.selectMarker(e);
+        }
+      }),
+      []
+    );
+    ae(oe, q, t), u(() => {
+      var e;
+      V || (e = d.current) == null || e.panTo(a);
+    }, [a.lat, a.lng, V]), u(() => {
+      var e;
+      (e = d.current) == null || e.setZoom(i);
+    }, [i]);
+    const [G, x] = T(!1), U = P || G, F = N(() => {
+      if (v) {
+        v(), x(!0);
+        return;
+      }
+      x(!0);
+    }, [v]);
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: re({ size: y, surface: j, className: S }),
+        "data-component": "map-view",
+        "data-component-id": t ?? R,
+        role: "region",
+        "aria-label": A ?? b("mapView.label"),
+        ..._,
+        children: /* @__PURE__ */ n("div", { className: ie({ size: y }), children: U ? /* @__PURE__ */ n(
+          W,
+          {
+            apiKey: o,
+            language: H.language,
+            children: /* @__PURE__ */ p(
+              X,
+              {
+                defaultCenter: a,
+                defaultZoom: i,
+                mapId: w,
+                gestureHandling: "cooperative",
+                disableDefaultUI: !1,
+                onClick: () => r == null ? void 0 : r(null),
+                className: "ds:[inline-size:100%] ds:[block-size:100%]",
+                children: [
+                  /* @__PURE__ */ n(
+                    ce,
+                    {
+                      onHandleReady: D,
+                      onMarkerSelect: (e) => r == null ? void 0 : r(e)
+                    }
+                  ),
+                  (f ?? []).map((e) => {
+                    const s = l != null && l === e.id, g = b("mapView.markerLabel", {
+                      label: e.label ?? e.id
+                    });
+                    return w ? /* @__PURE__ */ n(
+                      Y,
+                      {
+                        position: e.position,
+                        title: g,
+                        "aria-label": g,
+                        "data-selected": s ? "true" : "false",
+                        onClick: () => r == null ? void 0 : r(e.id),
+                        children: /* @__PURE__ */ n(
+                          C,
+                          {
+                            background: "var(--primary)",
+                            borderColor: "var(--primary)",
+                            glyphColor: "var(--primary-foreground)"
+                          }
+                        )
+                      },
+                      e.id
+                    ) : /* @__PURE__ */ n(
+                      k,
+                      {
+                        position: e.position,
+                        title: g,
+                        onClick: () => r == null ? void 0 : r(e.id)
+                      },
+                      e.id
+                    );
+                  })
+                ]
+              }
+            )
+          }
+        ) : /* @__PURE__ */ n(
+          me,
+          {
+            address: m,
+            description: L ?? b("mapView.consentDescription"),
+            onLoadMap: F,
+            consentCta: M,
+            openInGoogleMapsHref: B
+          }
+        ) })
+      }
+    );
+  }
+);
+pe.displayName = "MapView";
+export {
+  pe as M
+};
+//# sourceMappingURL=map-view-Tb5VfK9Y.js.map