@focus-reactive/payload-plugin-seo 1.0.0 → 1.0.2

package/dist/ui/SectionCard.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SectionWrapper } from "./SectionWrapper";
+function SectionCard({ title, widget, children }) {
+  return /* @__PURE__ */ jsxs(SectionWrapper, { className: "overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-[15px] py-[12px] border-b border-neutral-200", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-semibold text-[13px]", children: title }),
+      widget
+    ] }),
+    children
+  ] });
+}
+export {
+  SectionCard
+};
+//# sourceMappingURL=SectionCard.js.map

package/dist/ui/SectionCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/SectionCard.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { SectionWrapper } from \"./SectionWrapper\";\n\ninterface SectionCardProps {\n  title: string;\n  widget?: ReactNode;\n  children: ReactNode;\n}\n\nexport function SectionCard({ title, widget, children }: SectionCardProps) {\n  return (\n    <SectionWrapper className=\"overflow-hidden\">\n      <div className=\"flex items-center justify-between px-[15px] py-[12px] border-b border-neutral-200\">\n        <span className=\"font-semibold text-[13px]\">{title}</span>\n        {widget}\n      </div>\n      {children}\n    </SectionWrapper>\n  );\n}\n"],"mappings":";AAcM,SACE,KADF;AAXN,SAAS,sBAAsB;AAQxB,SAAS,YAAY,EAAE,OAAO,QAAQ,SAAS,GAAqB;AACzE,SACE,qBAAC,kBAAe,WAAU,mBACxB;AAAA,yBAAC,SAAI,WAAU,qFACb;AAAA,0BAAC,UAAK,WAAU,6BAA6B,iBAAM;AAAA,MAClD;AAAA,OACH;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/ui/SectionWrapper.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+interface SectionWrapperProps {
+    className?: string;
+    children: ReactNode;
+}
+export declare function SectionWrapper({ className, children }: SectionWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SectionWrapper.d.ts.map

package/dist/ui/SectionWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionWrapper.d.ts","sourceRoot":"","sources":["../../src/ui/SectionWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,mBAAmB;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAE1E"}

package/dist/ui/SectionWrapper.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../utils/style";
+function SectionWrapper({ className, children }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("bg-neutral-0 border border-neutral-200 rounded-rm", className), children });
+}
+export {
+  SectionWrapper
+};
+//# sourceMappingURL=SectionWrapper.js.map

package/dist/ui/SectionWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/SectionWrapper.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../utils/style\";\n\ninterface SectionWrapperProps {\n  className?: string;\n  children: ReactNode;\n}\n\nexport function SectionWrapper({ className, children }: SectionWrapperProps) {\n  return <div className={cn(\"bg-neutral-0 border border-neutral-200 rounded-rm\", className)}>{children}</div>;\n}\n"],"mappings":";AAWS;AART,SAAS,UAAU;AAOZ,SAAS,eAAe,EAAE,WAAW,SAAS,GAAwB;AAC3E,SAAO,oBAAC,SAAI,WAAW,GAAG,qDAAqD,SAAS,GAAI,UAAS;AACvG;","names":[]}

package/dist/ui/SegmentedControl.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from "react";
+interface SegmentedControlOption<T extends string> {
+    value: T;
+    label: string;
+    icon?: ReactNode;
+}
+interface SegmentedControlProps<T extends string> {
+    options: SegmentedControlOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    label: string;
+}
+export declare function SegmentedControl<T extends string>({ options, value, onChange, label }: SegmentedControlProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dist/ui/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/ui/SegmentedControl.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,UAAU,sBAAsB,CAAC,CAAC,SAAS,MAAM;IAC/C,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,qBAAqB,CAAC,CAAC,SAAS,MAAM;IAC9C,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,qBAAqB,CAAC,CAAC,CAAC,2CAgE/G"}

package/dist/ui/SegmentedControl.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { useRef } from "react";
+const segmentVariants = cva("inline-flex items-center gap-[5px] px-[11px] py-[4px] rounded-rs text-[11px] font-medium border-0 cursor-pointer", {
+  variants: {
+    active: {
+      true: "bg-neutral-0 text-neutral-1000",
+      false: "bg-transparent text-neutral-600"
+    }
+  },
+  defaultVariants: { active: false }
+});
+function SegmentedControl({ options, value, onChange, label }) {
+  const refs = useRef([]);
+  const selectIndex = (index) => {
+    const next = options[index];
+    if (!next)
+      return;
+    onChange(next.value);
+    refs.current[index]?.focus();
+  };
+  const handleKeyDown = (event, index) => {
+    const last = options.length - 1;
+    switch (event.key) {
+      case "ArrowRight":
+      case "ArrowDown":
+        event.preventDefault();
+        selectIndex(index === last ? 0 : index + 1);
+        break;
+      case "ArrowLeft":
+      case "ArrowUp":
+        event.preventDefault();
+        selectIndex(index === 0 ? last : index - 1);
+        break;
+      case "Home":
+        event.preventDefault();
+        selectIndex(0);
+        break;
+      case "End":
+        event.preventDefault();
+        selectIndex(last);
+        break;
+      default:
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { role: "radiogroup", "aria-label": label, className: "inline-flex bg-neutral-100 rounded-rm p-[2px] gap-[2px]", children: options.map((option, index) => {
+    const isActive = option.value === value;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: (node) => {
+          refs.current[index] = node;
+        },
+        type: "button",
+        role: "radio",
+        "aria-checked": isActive,
+        tabIndex: isActive ? 0 : -1,
+        className: segmentVariants({ active: isActive }),
+        onClick: () => selectIndex(index),
+        onKeyDown: (event) => handleKeyDown(event, index),
+        children: [
+          option.icon,
+          option.label
+        ]
+      },
+      option.value
+    );
+  }) });
+}
+export {
+  SegmentedControl
+};
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/ui/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/SegmentedControl.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { useRef } from \"react\";\nimport type { ReactNode } from \"react\";\n\nconst segmentVariants = cva(\"inline-flex items-center gap-[5px] px-[11px] py-[4px] rounded-rs text-[11px] font-medium border-0 cursor-pointer\", {\n  variants: {\n    active: {\n      true: \"bg-neutral-0 text-neutral-1000\",\n      false: \"bg-transparent text-neutral-600\",\n    },\n  },\n  defaultVariants: { active: false },\n});\n\ninterface SegmentedControlOption<T extends string> {\n  value: T;\n  label: string;\n  icon?: ReactNode;\n}\n\ninterface SegmentedControlProps<T extends string> {\n  options: SegmentedControlOption<T>[];\n  value: T;\n  onChange: (value: T) => void;\n  label: string;\n}\n\nexport function SegmentedControl<T extends string>({ options, value, onChange, label }: SegmentedControlProps<T>) {\n  const refs = useRef<(HTMLButtonElement | null)[]>([]);\n\n  const selectIndex = (index: number) => {\n    const next = options[index];\n    if (!next) return;\n\n    onChange(next.value);\n    refs.current[index]?.focus();\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, index: number) => {\n    const last = options.length - 1;\n\n    switch (event.key) {\n      case \"ArrowRight\":\n      case \"ArrowDown\":\n        event.preventDefault();\n        selectIndex(index === last ? 0 : index + 1);\n        break;\n      case \"ArrowLeft\":\n      case \"ArrowUp\":\n        event.preventDefault();\n        selectIndex(index === 0 ? last : index - 1);\n        break;\n      case \"Home\":\n        event.preventDefault();\n        selectIndex(0);\n        break;\n      case \"End\":\n        event.preventDefault();\n        selectIndex(last);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <div role=\"radiogroup\" aria-label={label} className=\"inline-flex bg-neutral-100 rounded-rm p-[2px] gap-[2px]\">\n      {options.map((option, index) => {\n        const isActive = option.value === value;\n\n        return (\n          <button\n            key={option.value}\n            ref={(node) => {\n              refs.current[index] = node;\n            }}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            tabIndex={isActive ? 0 : -1}\n            className={segmentVariants({ active: isActive })}\n            onClick={() => selectIndex(index)}\n            onKeyDown={(event) => handleKeyDown(event, index)}\n          >\n            {option.icon}\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AAoEI,cAKM,YALN;AAlEJ,SAAS,WAAW;AACpB,SAAS,cAAc;AAGvB,MAAM,kBAAkB,IAAI,oHAAoH;AAAA,EAC9I,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,QAAQ,MAAM;AACnC,CAAC;AAeM,SAAS,iBAAmC,EAAE,SAAS,OAAO,UAAU,MAAM,GAA6B;AAChH,QAAM,OAAO,OAAqC,CAAC,CAAC;AAEpD,QAAM,cAAc,CAAC,UAAkB;AACrC,UAAM,OAAO,QAAQ,KAAK;AAC1B,QAAI,CAAC;AAAM;AAEX,aAAS,KAAK,KAAK;AACnB,SAAK,QAAQ,KAAK,GAAG,MAAM;AAAA,EAC7B;AAEA,QAAM,gBAAgB,CAAC,OAA+C,UAAkB;AACtF,UAAM,OAAO,QAAQ,SAAS;AAE9B,YAAQ,MAAM,KAAK;AAAA,MACjB,KAAK;AAAA,MACL,KAAK;AACH,cAAM,eAAe;AACrB,oBAAY,UAAU,OAAO,IAAI,QAAQ,CAAC;AAC1C;AAAA,MACF,KAAK;AAAA,MACL,KAAK;AACH,cAAM,eAAe;AACrB,oBAAY,UAAU,IAAI,OAAO,QAAQ,CAAC;AAC1C;AAAA,MACF,KAAK;AACH,cAAM,eAAe;AACrB,oBAAY,CAAC;AACb;AAAA,MACF,KAAK;AACH,cAAM,eAAe;AACrB,oBAAY,IAAI;AAChB;AAAA,MACF;AACE;AAAA,IACJ;AAAA,EACF;AAEA,SACE,oBAAC,SAAI,MAAK,cAAa,cAAY,OAAO,WAAU,2DACjD,kBAAQ,IAAI,CAAC,QAAQ,UAAU;AAC9B,UAAM,WAAW,OAAO,UAAU;AAElC,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,KAAK,CAAC,SAAS;AACb,eAAK,QAAQ,KAAK,IAAI;AAAA,QACxB;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,gBAAc;AAAA,QACd,UAAU,WAAW,IAAI;AAAA,QACzB,WAAW,gBAAgB,EAAE,QAAQ,SAAS,CAAC;AAAA,QAC/C,SAAS,MAAM,YAAY,KAAK;AAAA,QAChC,WAAW,CAAC,UAAU,cAAc,OAAO,KAAK;AAAA,QAE/C;AAAA,iBAAO;AAAA,UACP,OAAO;AAAA;AAAA;AAAA,MAbH,OAAO;AAAA,IAcd;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/ui/TabHeader.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+import type { Status } from "../engine/types/analysis";
+interface TabHeaderProps {
+    title: string;
+    score: number;
+    status: Status;
+    statusLabel?: ReactNode;
+    subtitle: ReactNode;
+}
+export declare function TabHeader({ title, score, status, statusLabel, subtitle }: TabHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TabHeader.d.ts.map

package/dist/ui/TabHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabHeader.d.ts","sourceRoot":"","sources":["../../src/ui/TabHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAMvD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,cAAc,2CAexF"}

package/dist/ui/TabHeader.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { SectionWrapper } from "./SectionWrapper";
+import { ScoreRing } from "./ScoreRing";
+import { Pill } from "./Pill";
+import { STATUS_PILL_LABEL } from "../constants";
+function TabHeader({ title, score, status, statusLabel, subtitle }) {
+  return /* @__PURE__ */ jsxs(SectionWrapper, { className: "p-[14px] flex items-center gap-[15px]", children: [
+    /* @__PURE__ */ jsx(ScoreRing, { score, status }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[8px]", children: [
+        /* @__PURE__ */ jsx("b", { className: "text-[14px]", children: title }),
+        /* @__PURE__ */ jsx(Pill, { variant: status, children: statusLabel ?? STATUS_PILL_LABEL[status] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "text-neutral-500 text-[11.5px] mt-[4px]", children: subtitle })
+    ] })
+  ] });
+}
+export {
+  TabHeader
+};
+//# sourceMappingURL=TabHeader.js.map

package/dist/ui/TabHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/TabHeader.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport type { Status } from \"../engine/types/analysis\";\nimport { SectionWrapper } from \"./SectionWrapper\";\nimport { ScoreRing } from \"./ScoreRing\";\nimport { Pill } from \"./Pill\";\nimport { STATUS_PILL_LABEL } from \"../constants\";\n\ninterface TabHeaderProps {\n  title: string;\n  score: number;\n  status: Status;\n  statusLabel?: ReactNode;\n  subtitle: ReactNode;\n}\n\nexport function TabHeader({ title, score, status, statusLabel, subtitle }: TabHeaderProps) {\n  return (\n    <SectionWrapper className=\"p-[14px] flex items-center gap-[15px]\">\n      <ScoreRing score={score} status={status} />\n\n      <div className=\"flex-1\">\n        <div className=\"flex items-center gap-[8px]\">\n          <b className=\"text-[14px]\">{title}</b>\n          <Pill variant={status}>{statusLabel ?? STATUS_PILL_LABEL[status]}</Pill>\n        </div>\n\n        <div className=\"text-neutral-500 text-[11.5px] mt-[4px]\">{subtitle}</div>\n      </div>\n    </SectionWrapper>\n  );\n}\n"],"mappings":";AAoBM,cAGE,YAHF;AAhBN,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAU3B,SAAS,UAAU,EAAE,OAAO,OAAO,QAAQ,aAAa,SAAS,GAAmB;AACzF,SACE,qBAAC,kBAAe,WAAU,yCACxB;AAAA,wBAAC,aAAU,OAAc,QAAgB;AAAA,IAEzC,qBAAC,SAAI,WAAU,UACb;AAAA,2BAAC,SAAI,WAAU,+BACb;AAAA,4BAAC,OAAE,WAAU,eAAe,iBAAM;AAAA,QAClC,oBAAC,QAAK,SAAS,QAAS,yBAAe,kBAAkB,MAAM,GAAE;AAAA,SACnE;AAAA,MAEA,oBAAC,SAAI,WAAU,2CAA2C,oBAAS;AAAA,OACrE;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/Tooltip.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+export interface TooltipProps {
+    content: ReactNode;
+    children: ReactNode;
+    side?: "top" | "bottom";
+    align?: "start" | "center" | "end";
+    width?: number;
+    className?: string;
+}
+export declare function Tooltip({ content, children, side, align, width, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipTitle({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipText({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/ui/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/Tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBvC,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAe,EAAE,KAAe,EAAE,KAAW,EAAE,SAAS,EAAE,EAAE,YAAY,2CA6DpH;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAEjE;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAEhE"}

package/dist/ui/Tooltip.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { cn } from "../utils/style";
+const GAP = 8;
+function computeCoords(rect, side, align, width) {
+  let left = align === "start" ? rect.left : align === "end" ? rect.right - width : rect.left + rect.width / 2 - width / 2;
+  const maxLeft = Math.max(GAP, window.innerWidth - width - GAP);
+  left = Math.max(GAP, Math.min(left, maxLeft));
+  return side === "top" ? { top: rect.top - GAP, left, transform: "translateY(-100%)" } : { top: rect.bottom + GAP, left, transform: "none" };
+}
+function Tooltip({ content, children, side = "bottom", align = "start", width = 290, className }) {
+  const tooltipId = useId();
+  const triggerRef = useRef(null);
+  const [coords, setCoords] = useState(null);
+  const isOpen = coords != null;
+  const open = useCallback(() => {
+    const el = triggerRef.current;
+    if (el) {
+      setCoords(computeCoords(el.getBoundingClientRect(), side, align, width));
+    }
+  }, [side, align, width]);
+  const close = useCallback(() => setCoords(null), []);
+  useEffect(() => {
+    if (!isOpen)
+      return;
+    window.addEventListener("scroll", close, true);
+    window.addEventListener("resize", close);
+    return () => {
+      window.removeEventListener("scroll", close, true);
+      window.removeEventListener("resize", close);
+    };
+  }, [isOpen, close]);
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ref: triggerRef,
+      className: cn("relative inline-flex cursor-help outline-none", className),
+      tabIndex: 0,
+      "aria-describedby": isOpen ? tooltipId : void 0,
+      onMouseEnter: open,
+      onMouseLeave: close,
+      onFocus: open,
+      onBlur: close,
+      children: [
+        children,
+        isOpen && typeof document !== "undefined" && createPortal(
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: tooltipId,
+              role: "tooltip",
+              className: "pointer-events-none fixed z-[100] flex cursor-default flex-col gap-[7px] rounded-rs bg-neutral-1000 px-[13px] py-[11px] text-left font-normal normal-case tracking-normal text-neutral-0 shadow-popover animate-seo-fade-in motion-reduce:animate-none",
+              style: {
+                top: coords.top,
+                left: coords.left,
+                width,
+                transform: coords.transform
+              },
+              children: content
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+function TooltipTitle({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "text-[12px] font-semibold", children });
+}
+function TooltipText({ children }) {
+  return /* @__PURE__ */ jsx("span", { className: "text-[11.5px] leading-[1.45] text-neutral-300", children });
+}
+export {
+  Tooltip,
+  TooltipText,
+  TooltipTitle
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/ui/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../utils/style\";\n\nconst GAP = 8;\n\ninterface Coords {\n  top: number;\n  left: number;\n  transform: string;\n}\n\nfunction computeCoords(rect: DOMRect, side: NonNullable<TooltipProps[\"side\"]>, align: NonNullable<TooltipProps[\"align\"]>, width: number): Coords {\n  let left = align === \"start\" ? rect.left : align === \"end\" ? rect.right - width : rect.left + rect.width / 2 - width / 2;\n\n  const maxLeft = Math.max(GAP, window.innerWidth - width - GAP);\n  left = Math.max(GAP, Math.min(left, maxLeft));\n\n  return side === \"top\" ? { top: rect.top - GAP, left, transform: \"translateY(-100%)\" } : { top: rect.bottom + GAP, left, transform: \"none\" };\n}\n\nexport interface TooltipProps {\n  content: ReactNode;\n  children: ReactNode;\n  side?: \"top\" | \"bottom\";\n  align?: \"start\" | \"center\" | \"end\";\n  width?: number;\n  className?: string;\n}\n\nexport function Tooltip({ content, children, side = \"bottom\", align = \"start\", width = 290, className }: TooltipProps) {\n  const tooltipId = useId();\n  const triggerRef = useRef<HTMLSpanElement>(null);\n  const [coords, setCoords] = useState<Coords | null>(null);\n  const isOpen = coords != null;\n\n  const open = useCallback(() => {\n    const el = triggerRef.current;\n\n    if (el) {\n      setCoords(computeCoords(el.getBoundingClientRect(), side, align, width));\n    }\n  }, [side, align, width]);\n\n  const close = useCallback(() => setCoords(null), []);\n\n  useEffect(() => {\n    if (!isOpen) return;\n\n    window.addEventListener(\"scroll\", close, true);\n    window.addEventListener(\"resize\", close);\n\n    return () => {\n      window.removeEventListener(\"scroll\", close, true);\n      window.removeEventListener(\"resize\", close);\n    };\n  }, [isOpen, close]);\n\n  return (\n    <span\n      ref={triggerRef}\n      className={cn(\"relative inline-flex cursor-help outline-none\", className)}\n      tabIndex={0}\n      aria-describedby={isOpen ? tooltipId : undefined}\n      onMouseEnter={open}\n      onMouseLeave={close}\n      onFocus={open}\n      onBlur={close}\n    >\n      {children}\n\n      {isOpen &&\n        typeof document !== \"undefined\" &&\n        createPortal(\n          <span\n            id={tooltipId}\n            role=\"tooltip\"\n            className=\"pointer-events-none fixed z-[100] flex cursor-default flex-col gap-[7px] rounded-rs bg-neutral-1000 px-[13px] py-[11px] text-left font-normal normal-case tracking-normal text-neutral-0 shadow-popover animate-seo-fade-in motion-reduce:animate-none\"\n            style={{\n              top: coords.top,\n              left: coords.left,\n              width,\n              transform: coords.transform,\n            }}\n          >\n            {content}\n          </span>,\n          document.body\n        )}\n    </span>\n  );\n}\n\nexport function TooltipTitle({ children }: { children: ReactNode }) {\n  return <span className=\"text-[12px] font-semibold\">{children}</span>;\n}\n\nexport function TooltipText({ children }: { children: ReactNode }) {\n  return <span className=\"text-[11.5px] leading-[1.45] text-neutral-300\">{children}</span>;\n}\n"],"mappings":";AA8DI,SAeM,KAfN;AA5DJ,SAAS,aAAa,WAAW,OAAO,QAAQ,gBAAgB;AAEhE,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AAEnB,MAAM,MAAM;AAQZ,SAAS,cAAc,MAAe,MAAyC,OAA2C,OAAuB;AAC/I,MAAI,OAAO,UAAU,UAAU,KAAK,OAAO,UAAU,QAAQ,KAAK,QAAQ,QAAQ,KAAK,OAAO,KAAK,QAAQ,IAAI,QAAQ;AAEvH,QAAM,UAAU,KAAK,IAAI,KAAK,OAAO,aAAa,QAAQ,GAAG;AAC7D,SAAO,KAAK,IAAI,KAAK,KAAK,IAAI,MAAM,OAAO,CAAC;AAE5C,SAAO,SAAS,QAAQ,EAAE,KAAK,KAAK,MAAM,KAAK,MAAM,WAAW,oBAAoB,IAAI,EAAE,KAAK,KAAK,SAAS,KAAK,MAAM,WAAW,OAAO;AAC5I;AAWO,SAAS,QAAQ,EAAE,SAAS,UAAU,OAAO,UAAU,QAAQ,SAAS,QAAQ,KAAK,UAAU,GAAiB;AACrH,QAAM,YAAY,MAAM;AACxB,QAAM,aAAa,OAAwB,IAAI;AAC/C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AACxD,QAAM,SAAS,UAAU;AAEzB,QAAM,OAAO,YAAY,MAAM;AAC7B,UAAM,KAAK,WAAW;AAEtB,QAAI,IAAI;AACN,gBAAU,cAAc,GAAG,sBAAsB,GAAG,MAAM,OAAO,KAAK,CAAC;AAAA,IACzE;AAAA,EACF,GAAG,CAAC,MAAM,OAAO,KAAK,CAAC;AAEvB,QAAM,QAAQ,YAAY,MAAM,UAAU,IAAI,GAAG,CAAC,CAAC;AAEnD,YAAU,MAAM;AACd,QAAI,CAAC;AAAQ;AAEb,WAAO,iBAAiB,UAAU,OAAO,IAAI;AAC7C,WAAO,iBAAiB,UAAU,KAAK;AAEvC,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,OAAO,IAAI;AAChD,aAAO,oBAAoB,UAAU,KAAK;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,QAAQ,KAAK,CAAC;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,GAAG,iDAAiD,SAAS;AAAA,MACxE,UAAU;AAAA,MACV,oBAAkB,SAAS,YAAY;AAAA,MACvC,cAAc;AAAA,MACd,cAAc;AAAA,MACd,SAAS;AAAA,MACT,QAAQ;AAAA,MAEP;AAAA;AAAA,QAEA,UACC,OAAO,aAAa,eACpB;AAAA,UACE;AAAA,YAAC;AAAA;AAAA,cACC,IAAI;AAAA,cACJ,MAAK;AAAA,cACL,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,KAAK,OAAO;AAAA,gBACZ,MAAM,OAAO;AAAA,gBACb;AAAA,gBACA,WAAW,OAAO;AAAA,cACpB;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACA,SAAS;AAAA,QACX;AAAA;AAAA;AAAA,EACJ;AAEJ;AAEO,SAAS,aAAa,EAAE,SAAS,GAA4B;AAClE,SAAO,oBAAC,UAAK,WAAU,6BAA6B,UAAS;AAC/D;AAEO,SAAS,YAAY,EAAE,SAAS,GAA4B;AACjE,SAAO,oBAAC,UAAK,WAAU,iDAAiD,UAAS;AACnF;","names":[]}

package/dist/utils/config/getComponentPath.d.ts

@@ -0,0 +1,2 @@
+export declare function getComponentPath(subpath: string, exportName?: string): string;
+//# sourceMappingURL=getComponentPath.d.ts.map

package/dist/utils/config/getComponentPath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComponentPath.d.ts","sourceRoot":"","sources":["../../../src/utils/config/getComponentPath.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,SAAc,GAAG,MAAM,CAElF"}

package/dist/utils/config/getComponentPath.js

@@ -0,0 +1,8 @@
+import { PKG } from "../../constants";
+function getComponentPath(subpath, exportName = "SeoButton") {
+  return `${PKG}/${subpath}#${exportName}`;
+}
+export {
+  getComponentPath
+};
+//# sourceMappingURL=getComponentPath.js.map

package/dist/utils/config/getComponentPath.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/config/getComponentPath.ts"],"sourcesContent":["import { PKG } from \"../../constants\";\n\nexport function getComponentPath(subpath: string, exportName = \"SeoButton\"): string {\n  return `${PKG}/${subpath}#${exportName}`;\n}\n"],"mappings":"AAAA,SAAS,WAAW;AAEb,SAAS,iBAAiB,SAAiB,aAAa,aAAqB;AAClF,SAAO,GAAG,GAAG,IAAI,OAAO,IAAI,UAAU;AACxC;","names":[]}

package/dist/utils/config/mergeTranslations.d.ts

@@ -0,0 +1,3 @@
+import type { Translations } from "../../translations/types";
+export declare function mergeTranslations(base: Translations, extra: Translations): Translations;
+//# sourceMappingURL=mergeTranslations.d.ts.map

package/dist/utils/config/mergeTranslations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeTranslations.d.ts","sourceRoot":"","sources":["../../../src/utils/config/mergeTranslations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,GAAG,YAAY,CAQvF"}

package/dist/utils/config/mergeTranslations.js

@@ -0,0 +1,11 @@
+function mergeTranslations(base, extra) {
+  const out = { ...base };
+  for (const [locale, strings] of Object.entries(extra)) {
+    out[locale] = { ...out[locale] ?? {}, ...strings };
+  }
+  return out;
+}
+export {
+  mergeTranslations
+};
+//# sourceMappingURL=mergeTranslations.js.map

package/dist/utils/config/mergeTranslations.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/config/mergeTranslations.ts"],"sourcesContent":["import type { Translations } from \"../../translations/types\";\n\nexport function mergeTranslations(base: Translations, extra: Translations): Translations {\n  const out: Translations = { ...base };\n\n  for (const [locale, strings] of Object.entries(extra)) {\n    out[locale] = { ...(out[locale] ?? {}), ...strings };\n  }\n\n  return out;\n}\n"],"mappings":"AAEO,SAAS,kBAAkB,MAAoB,OAAmC;AACvF,QAAM,MAAoB,EAAE,GAAG,KAAK;AAEpC,aAAW,CAAC,QAAQ,OAAO,KAAK,OAAO,QAAQ,KAAK,GAAG;AACrD,QAAI,MAAM,IAAI,EAAE,GAAI,IAAI,MAAM,KAAK,CAAC,GAAI,GAAG,QAAQ;AAAA,EACrD;AAEA,SAAO;AACT;","names":[]}

package/dist/utils/config/overrideAdmin.d.ts

@@ -0,0 +1,4 @@
+import type { Config } from "payload";
+import type { SeoPluginConfig } from "../../types/config";
+export declare function overrideAdmin(incomingConfig: Config, config: SeoPluginConfig): Config;
+//# sourceMappingURL=overrideAdmin.d.ts.map

package/dist/utils/config/overrideAdmin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overrideAdmin.d.ts","sourceRoot":"","sources":["../../../src/utils/config/overrideAdmin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,KAAK,EAAE,eAAe,EAAiB,MAAM,oBAAoB,CAAC;AAEzE,wBAAgB,aAAa,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAAG,MAAM,CAyCrF"}

package/dist/utils/config/overrideAdmin.js

@@ -0,0 +1,43 @@
+import { getComponentPath } from "./getComponentPath";
+function overrideAdmin(incomingConfig, config) {
+  const bySlug = new Map(config.collections.map((c) => [c.slug, c]));
+  const site = config.site ?? {};
+  const collections = (incomingConfig.collections ?? []).map((collection) => {
+    const seoCfg = bySlug.get(collection.slug);
+    if (!seoCfg)
+      return collection;
+    const buttonEntry = {
+      path: getComponentPath("components/SeoButton"),
+      clientProps: {
+        collectionSlug: collection.slug,
+        fields: seoCfg.fields ?? {},
+        extractContentPath: seoCfg.extractContentPath ?? null,
+        site: {
+          name: site.name ?? "",
+          baseUrl: site.baseUrl ?? "",
+          faviconUrl: site.faviconUrl ?? ""
+        },
+        supportedLocales: config.supportedLocales ?? ["en"]
+      }
+    };
+    const existing = collection.admin?.components?.edit?.beforeDocumentControls ?? [];
+    return {
+      ...collection,
+      admin: {
+        ...collection.admin,
+        components: {
+          ...collection.admin?.components,
+          edit: {
+            ...collection.admin?.components?.edit,
+            beforeDocumentControls: [...existing, buttonEntry]
+          }
+        }
+      }
+    };
+  });
+  return { ...incomingConfig, collections };
+}
+export {
+  overrideAdmin
+};
+//# sourceMappingURL=overrideAdmin.js.map

package/dist/utils/config/overrideAdmin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/config/overrideAdmin.ts"],"sourcesContent":["import type { Config } from \"payload\";\nimport { getComponentPath } from \"./getComponentPath\";\nimport type { SeoPluginConfig, SeoSiteConfig } from \"../../types/config\";\n\nexport function overrideAdmin(incomingConfig: Config, config: SeoPluginConfig): Config {\n  const bySlug = new Map(config.collections.map((c) => [c.slug, c]));\n  const site: SeoSiteConfig = config.site ?? {};\n\n  const collections = (incomingConfig.collections ?? []).map((collection) => {\n    const seoCfg = bySlug.get(collection.slug);\n    if (!seoCfg) return collection;\n\n    const buttonEntry = {\n      path: getComponentPath(\"components/SeoButton\"),\n      clientProps: {\n        collectionSlug: collection.slug,\n        fields: seoCfg.fields ?? {},\n        extractContentPath: seoCfg.extractContentPath ?? null,\n        site: {\n          name: site.name ?? \"\",\n          baseUrl: site.baseUrl ?? \"\",\n          faviconUrl: site.faviconUrl ?? \"\",\n        },\n        supportedLocales: config.supportedLocales ?? [\"en\"],\n      },\n    };\n\n    const existing = collection.admin?.components?.edit?.beforeDocumentControls ?? [];\n\n    return {\n      ...collection,\n      admin: {\n        ...collection.admin,\n        components: {\n          ...collection.admin?.components,\n          edit: {\n            ...collection.admin?.components?.edit,\n            beforeDocumentControls: [...existing, buttonEntry],\n          },\n        },\n      },\n    };\n  });\n\n  return { ...incomingConfig, collections };\n}\n"],"mappings":"AACA,SAAS,wBAAwB;AAG1B,SAAS,cAAc,gBAAwB,QAAiC;AACrF,QAAM,SAAS,IAAI,IAAI,OAAO,YAAY,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AACjE,QAAM,OAAsB,OAAO,QAAQ,CAAC;AAE5C,QAAM,eAAe,eAAe,eAAe,CAAC,GAAG,IAAI,CAAC,eAAe;AACzE,UAAM,SAAS,OAAO,IAAI,WAAW,IAAI;AACzC,QAAI,CAAC;AAAQ,aAAO;AAEpB,UAAM,cAAc;AAAA,MAClB,MAAM,iBAAiB,sBAAsB;AAAA,MAC7C,aAAa;AAAA,QACX,gBAAgB,WAAW;AAAA,QAC3B,QAAQ,OAAO,UAAU,CAAC;AAAA,QAC1B,oBAAoB,OAAO,sBAAsB;AAAA,QACjD,MAAM;AAAA,UACJ,MAAM,KAAK,QAAQ;AAAA,UACnB,SAAS,KAAK,WAAW;AAAA,UACzB,YAAY,KAAK,cAAc;AAAA,QACjC;AAAA,QACA,kBAAkB,OAAO,oBAAoB,CAAC,IAAI;AAAA,MACpD;AAAA,IACF;AAEA,UAAM,WAAW,WAAW,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEhF,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,QACL,GAAG,WAAW;AAAA,QACd,YAAY;AAAA,UACV,GAAG,WAAW,OAAO;AAAA,UACrB,MAAM;AAAA,YACJ,GAAG,WAAW,OAAO,YAAY;AAAA,YACjC,wBAAwB,CAAC,GAAG,UAAU,WAAW;AAAA,UACnD;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AAED,SAAO,EAAE,GAAG,gBAAgB,YAAY;AAC1C;","names":[]}

package/dist/utils/style.d.ts

@@ -0,0 +1,4 @@
+import type { ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export declare const ROW_SEPARATOR = "not-last:after:content-[''] not-last:after:absolute not-last:after:inset-x-[15px] not-last:after:bottom-0 not-last:after:h-px not-last:after:bg-neutral-200";
+//# sourceMappingURL=style.d.ts.map

package/dist/utils/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/utils/style.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAED,eAAO,MAAM,aAAa,gKAAgK,CAAC"}

package/dist/utils/style.js

@@ -0,0 +1,11 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+const ROW_SEPARATOR = "not-last:after:content-[''] not-last:after:absolute not-last:after:inset-x-[15px] not-last:after:bottom-0 not-last:after:h-px not-last:after:bg-neutral-200";
+export {
+  ROW_SEPARATOR,
+  cn
+};
+//# sourceMappingURL=style.js.map

package/dist/utils/style.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/style.ts"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport type { ClassValue } from \"clsx\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n\nexport const ROW_SEPARATOR = \"not-last:after:content-[''] not-last:after:absolute not-last:after:inset-x-[15px] not-last:after:bottom-0 not-last:after:h-px not-last:after:bg-neutral-200\";\n"],"mappings":"AAAA,SAAS,YAAY;AACrB,SAAS,eAAe;AAGjB,SAAS,MAAM,QAA8B;AAClD,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;AAEO,MAAM,gBAAgB;","names":[]}

package/dist/yoastseo.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=yoastseo.d.js.map

package/dist/yoastseo.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@focus-reactive/payload-plugin-seo",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "MIT",
   "author": "FocusReactive <ship@focusreactive.com>",
   "keywords": [