npm - @focus-reactive/payload-plugin-seo - Versions diffs - 1.6.1 → 1.7.0 - Mend

@focus-reactive/payload-plugin-seo 1.6.1 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (124) hide show

package/dist/components/SeoDrawer/tabs/SerpTab.js CHANGED Viewed

@@ -5,13 +5,15 @@ import { useState } from "react";
 import { SectionCard } from "../../../ui/SectionCard";
 import { SegmentedControl } from "../../../ui/SegmentedControl";
 import { SerpPreview } from "../components/SerpPreview";
+import { TabWrapper } from "../components/TabWrapper";
 function SerpTab({
   data,
   keyphrase,
+  synonyms = [],
   faviconUrl
 }) {
   const [mode, setMode] = useState("mobile");
-  return /* @__PURE__ */ jsx("section", { className: "flex flex-col gap-[13px]", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(TabWrapper, { children: /* @__PURE__ */ jsx("section", { className: "flex flex-col gap-[13px]", children: /* @__PURE__ */ jsx(
     SectionCard,
     {
       title: "Search result preview",
@@ -35,9 +37,18 @@ function SerpTab({
           label: "Preview device"
         }
       ),
-      children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(SerpPreview, { data, keyphrase, faviconUrl, mode }) })
+      children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsx(
+        SerpPreview,
+        {
+          data,
+          keyphrase,
+          synonyms,
+          faviconUrl,
+          mode
+        }
+      ) })
     }
-  ) });
+  ) }) });
 }
 export {
   SerpTab

package/dist/components/SeoDrawer/tabs/SerpTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/SerpTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { Monitor, Smartphone } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport type { SerpResult } from \"../../../engine/types/analysis\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { SegmentedControl } from \"../../../ui/SegmentedControl\";\nimport { SerpPreview } from \"../components/SerpPreview\";\nimport type { SerpMode } from \"../components/SerpPreview\";\n\nexport function SerpTab({\n data,\n keyphrase,\n faviconUrl,\n}: {\n data: SerpResult;\n keyphrase: string;\n faviconUrl: string;\n}) {\n const [mode, setMode] = useState<SerpMode>(\"mobile\");\n\n return (\n <section className=\"flex flex-col gap-[13px]\">\n <SectionCard\n title=\"Search result preview\"\n widget={\n <SegmentedControl\n options={[\n {\n value: \"mobile\",\n label: \"Mobile\",\n icon: <Smartphone aria-hidden=\"true\" className=\"w-[13px] h-[13px]\" />,\n },\n {\n value: \"desktop\",\n label: \"Desktop\",\n icon: <Monitor aria-hidden=\"true\" className=\"w-[13px] h-[13px]\" />,\n },\n ]}\n value={mode}\n onChange={setMode}\n label=\"Preview device\"\n />\n }\n >\n <div className=\"p-4\">\n <SerpPreview data={data} keyphrase={keyphrase} faviconUrl={faviconUrl} mode={mode} />\n </div>\n </SectionCard>\n </section>\n );\n}\n"],"mappings":";~~AAgCsB~~;~~AA9BtB~~,SAAS,SAAS,kBAAkB;AACpC,SAAS,gBAAgB;AAGzB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;~~AAGrB~~,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,~~GAIG~~;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,QAAQ;AAEnD,SACE,oBAAC,aAAQ,WAAU,4BACjB;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,YACP;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,cACP,MAAM,oBAAC,cAAW,eAAY,QAAO,WAAU,qBAAoB;AAAA,YACrE;AAAA,YACA;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,cACP,MAAM,oBAAC,WAAQ,eAAY,QAAO,WAAU,qBAAoB;AAAA,YAClE;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,UAAU;AAAA,UACV,OAAM;AAAA;AAAA,MACR;AAAA,MAGF,8BAAC,SAAI,WAAU,OACb,~~8BAAC~~,~~eAAY~~,~~MAAY~~,~~WAAsB~~,~~YAAwB~~,~~MAAY~~,~~GACrF~~;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/SerpTab.tsx"],"sourcesContent":["\"use client\";\n\nimport { Monitor, Smartphone } from \"lucide-react\";\nimport { useState } from \"react\";\n\nimport type { SerpResult } from \"../../../engine/types/analysis\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { SegmentedControl } from \"../../../ui/SegmentedControl\";\nimport { SerpPreview } from \"../components/SerpPreview\";\nimport type { SerpMode } from \"../components/SerpPreview\";\nimport { TabWrapper } from \"../components/TabWrapper\";\n\nexport function SerpTab({\n data,\n keyphrase,\n synonyms = [],\n faviconUrl,\n}: {\n data: SerpResult;\n keyphrase: string;\n synonyms?: string[];\n faviconUrl: string;\n}) {\n const [mode, setMode] = useState<SerpMode>(\"mobile\");\n\n return (\n <TabWrapper>\n <section className=\"flex flex-col gap-[13px]\">\n <SectionCard\n title=\"Search result preview\"\n widget={\n <SegmentedControl\n options={[\n {\n value: \"mobile\",\n label: \"Mobile\",\n icon: <Smartphone aria-hidden=\"true\" className=\"w-[13px] h-[13px]\" />,\n },\n {\n value: \"desktop\",\n label: \"Desktop\",\n icon: <Monitor aria-hidden=\"true\" className=\"w-[13px] h-[13px]\" />,\n },\n ]}\n value={mode}\n onChange={setMode}\n label=\"Preview device\"\n />\n }\n >\n <div className=\"p-4\">\n <SerpPreview\n data={data}\n keyphrase={keyphrase}\n synonyms={synonyms}\n faviconUrl={faviconUrl}\n mode={mode}\n />\n </div>\n </SectionCard>\n </section>\n </TabWrapper>\n );\n}\n"],"mappings":";AAoCwB;AAlCxB,SAAS,SAAS,kBAAkB;AACpC,SAAS,gBAAgB;AAGzB,SAAS,mBAAmB;AAC5B,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAEpB,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA,WAAW,CAAC;AAAA,EACZ;AACF,GAKG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAmB,QAAQ;AAEnD,SACE,oBAAC,cACC,8BAAC,aAAQ,WAAU,4BACjB;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,YACP;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,cACP,MAAM,oBAAC,cAAW,eAAY,QAAO,WAAU,qBAAoB;AAAA,YACrE;AAAA,YACA;AAAA,cACE,OAAO;AAAA,cACP,OAAO;AAAA,cACP,MAAM,oBAAC,WAAQ,eAAY,QAAO,WAAU,qBAAoB;AAAA,YAClE;AAAA,UACF;AAAA,UACA,OAAO;AAAA,UACP,UAAU;AAAA,UACV,OAAM;AAAA;AAAA,MACR;AAAA,MAGF,8BAAC,SAAI,WAAU,OACb;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF,GACF;AAAA;AAAA,EACF,GACF,GACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/VitalsTab.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VitalsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;~~AAOnE~~,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,cAAc,~~2CA6DrE~~"}
1	+ {"version":3,"file":"VitalsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAQnE,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE,cAAc,2CAkErE"}

package/dist/components/SeoDrawer/tabs/VitalsTab.js CHANGED Viewed

@@ -5,10 +5,11 @@ import { KpiCard } from "../../../ui/KpiCard";
 import { SectionCard } from "../../../ui/SectionCard";
 import { Pill } from "../../../ui/Pill";
 import { HeadingsSection } from "../components/HeadingsSection";
+import { TabWrapper } from "../components/TabWrapper";
 function VitalsTab({ data, onRequestKeyphrase }) {
   const max = Math.max(1, ...data.prominentWords.map((w) => w.count));
   const noKeyphraseMatch = data.prominentWords.every((w) => !w.isKeyphrase);
-  return /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
+  return /* @__PURE__ */ jsx(TabWrapper, { children: /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-[13px]", children: [
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-[9px]", children: [
       /* @__PURE__ */ jsx(KpiCard, { label: "Words", value: data.words.toLocaleString() }),
       /* @__PURE__ */ jsx(KpiCard, { label: "Sentences", value: data.sentences }),
@@ -39,7 +40,10 @@ function VitalsTab({ data, onRequestKeyphrase }) {
               /* @__PURE__ */ jsx("div", { className: "flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden", children: /* @__PURE__ */ jsx(
                 "i",
                 {
-                  className: cn("block h-full", w.isKeyphrase ? "bg-neutral-1000" : "bg-neutral-400"),
+                  className: cn(
+                    "block h-full",
+                    w.isKeyphrase ? "bg-neutral-1000" : "bg-neutral-400"
+                  ),
                   style: { width: `${w.count / max * 100}%` }
                 }
               ) }),
@@ -59,7 +63,7 @@ function VitalsTab({ data, onRequestKeyphrase }) {
         children: "Set a focus keyphrase to see which prominent words match it"
       }
     )
-  ] });
+  ] }) });
 }
 export {
   VitalsTab

package/dist/components/SeoDrawer/tabs/VitalsTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VitalsResult } from \"../../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../../utils/style\";\nimport { KpiCard } from \"../../../ui/KpiCard\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\nimport { HeadingsSection } from \"../components/HeadingsSection\";\n\nexport interface VitalsTabProps {\n data: VitalsResult;\n onRequestKeyphrase: () => void;\n}\n\nexport function VitalsTab({ data, onRequestKeyphrase }: VitalsTabProps) {\n const max = Math.max(1, ...data.prominentWords.map((w) => w.count));\n const noKeyphraseMatch = data.prominentWords.every((w) => !w.isKeyphrase);\n\n return (\n <section className=\"flex flex-col gap-[13px]\">\n <div className=\"grid grid-cols-3 gap-[9px]\">\n <KpiCard label=\"Words\" value={data.words.toLocaleString()} />\n <KpiCard label=\"Sentences\" value={data.sentences} />\n <KpiCard label=\"Paragraphs\" value={data.paragraphs} />\n <KpiCard label=\"Images\" value={data.images} />\n <KpiCard label=\"Videos\" value={data.videos} />\n <KpiCard label=\"Reading time\" value={data.readingTimeMinutes} suffix=\"min\" />\n </div>\n\n <HeadingsSection data={data.headings} />\n\n <SectionCard\n title=\"Prominent words\"\n widget={<Pill variant=\"neutral\">{data.prominentWords.length}</Pill>}\n >\n {data.prominentWords.map((w) => (\n <div\n className={cn(\n \"relative flex items-center gap-[12px] px-[15px] py-[9px]\",\n ROW_SEPARATOR\n )}\n key={w.word}\n >\n <div className=\"w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]\">\n {w.word}{\" \"}\n {w.isKeyphrase && (\n <span className=\"text-[9px] font-bold uppercase tracking-[0.04em] text-neutral-1000 bg-neutral-150 rounded-[3px] px-[5px] py-[1px]\">\n Key\n </span>\n )}\n </div>\n <div className=\"flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden\">\n <i\n className={cn(\"block h-full\", w.isKeyphrase ? \"bg-neutral-1000\" : \"bg-neutral-400\")}\n style={{ width: `${(w.count / max) * 100}%` }}\n />\n </div>\n <div className=\"w-[30px] text-right font-mono text-[11px] font-semibold text-neutral-700\">\n {w.count}\n </div>\n </div>\n ))}\n </SectionCard>\n\n {noKeyphraseMatch && (\n <button\n type=\"button\"\n onClick={onRequestKeyphrase}\n className=\"self-start text-[12px] text-neutral-600 underline underline-offset-2 hover:text-neutral-800 cursor-pointer bg-transparent border-0 p-0\"\n >\n Set a focus keyphrase to see which prominent words match it\n </button>\n )}\n </section>\n );\n}\n"],"mappings":";~~AAoBM~~,SACE,KADF;~~AAjBN~~,SAAS,IAAI,qBAAqB;AAClC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,uBAAuB;~~AAOzB~~,SAAS,UAAU,EAAE,MAAM,mBAAmB,GAAmB;AACtE,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,KAAK,eAAe,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,QAAM,mBAAmB,KAAK,eAAe,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW;AAExE,SACE,~~qBAAC~~,aAAQ,WAAU,4BACjB;AAAA,yBAAC,SAAI,WAAU,8BACb;AAAA,0BAAC,WAAQ,OAAM,SAAQ,OAAO,KAAK,MAAM,eAAe,GAAG;AAAA,MAC3D,oBAAC,WAAQ,OAAM,aAAY,OAAO,KAAK,WAAW;AAAA,MAClD,oBAAC,WAAQ,OAAM,cAAa,OAAO,KAAK,YAAY;AAAA,MACpD,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,gBAAe,OAAO,KAAK,oBAAoB,QAAO,OAAM;AAAA,OAC7E;AAAA,IAEA,oBAAC,mBAAgB,MAAM,KAAK,UAAU;AAAA,IAEtC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,eAAe,QAAO;AAAA,QAE3D,eAAK,eAAe,IAAI,CAAC,MACxB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAGA;AAAA,mCAAC,SAAI,WAAU,2EACZ;AAAA,kBAAE;AAAA,gBAAM;AAAA,gBACR,EAAE,eACD,oBAAC,UAAK,WAAU,qHAAoH,iBAEpI;AAAA,iBAEJ;AAAA,cACA,oBAAC,SAAI,WAAU,+DACb;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW,~~GAAG~~,~~gBAAgB~~,EAAE,cAAc,oBAAoB,~~gBAAgB~~;AAAA,~~kBAClF~~,OAAO,EAAE,OAAO,GAAI,EAAE,QAAQ,MAAO,GAAG,IAAI;AAAA;AAAA,cAC9C,GACF;AAAA,cACA,oBAAC,SAAI,WAAU,4EACZ,YAAE,OACL;AAAA;AAAA;AAAA,~~UAlBK~~,EAAE;AAAA,~~QAmBT~~,CACD;AAAA;AAAA,IACH;AAAA,IAEC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED;AAAA,KAEJ;AAEJ;","names":[]}
1	+ {"version":3,"sources":["../../../../src/components/SeoDrawer/tabs/VitalsTab.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VitalsResult } from \"../../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../../utils/style\";\nimport { KpiCard } from \"../../../ui/KpiCard\";\nimport { SectionCard } from \"../../../ui/SectionCard\";\nimport { Pill } from \"../../../ui/Pill\";\nimport { HeadingsSection } from \"../components/HeadingsSection\";\nimport { TabWrapper } from \"../components/TabWrapper\";\n\nexport interface VitalsTabProps {\n data: VitalsResult;\n onRequestKeyphrase: () => void;\n}\n\nexport function VitalsTab({ data, onRequestKeyphrase }: VitalsTabProps) {\n const max = Math.max(1, ...data.prominentWords.map((w) => w.count));\n const noKeyphraseMatch = data.prominentWords.every((w) => !w.isKeyphrase);\n\n return (\n <TabWrapper>\n <section className=\"flex flex-col gap-[13px]\">\n <div className=\"grid grid-cols-3 gap-[9px]\">\n <KpiCard label=\"Words\" value={data.words.toLocaleString()} />\n <KpiCard label=\"Sentences\" value={data.sentences} />\n <KpiCard label=\"Paragraphs\" value={data.paragraphs} />\n <KpiCard label=\"Images\" value={data.images} />\n <KpiCard label=\"Videos\" value={data.videos} />\n <KpiCard label=\"Reading time\" value={data.readingTimeMinutes} suffix=\"min\" />\n </div>\n\n <HeadingsSection data={data.headings} />\n\n <SectionCard\n title=\"Prominent words\"\n widget={<Pill variant=\"neutral\">{data.prominentWords.length}</Pill>}\n >\n {data.prominentWords.map((w) => (\n <div\n className={cn(\n \"relative flex items-center gap-[12px] px-[15px] py-[9px]\",\n ROW_SEPARATOR\n )}\n key={w.word}\n >\n <div className=\"w-[120px] flex-none text-[12px] font-medium flex items-center gap-[6px]\">\n {w.word}{\" \"}\n {w.isKeyphrase && (\n <span className=\"text-[9px] font-bold uppercase tracking-[0.04em] text-neutral-1000 bg-neutral-150 rounded-[3px] px-[5px] py-[1px]\">\n Key\n </span>\n )}\n </div>\n <div className=\"flex-1 h-[6px] rounded-[3px] bg-neutral-100 overflow-hidden\">\n <i\n className={cn(\n \"block h-full\",\n w.isKeyphrase ? \"bg-neutral-1000\" : \"bg-neutral-400\"\n )}\n style={{ width: `${(w.count / max) * 100}%` }}\n />\n </div>\n <div className=\"w-[30px] text-right font-mono text-[11px] font-semibold text-neutral-700\">\n {w.count}\n </div>\n </div>\n ))}\n </SectionCard>\n\n {noKeyphraseMatch && (\n <button\n type=\"button\"\n onClick={onRequestKeyphrase}\n className=\"self-start text-[12px] text-neutral-600 underline underline-offset-2 hover:text-neutral-800 cursor-pointer bg-transparent border-0 p-0\"\n >\n Set a focus keyphrase to see which prominent words match it\n </button>\n )}\n </section>\n </TabWrapper>\n );\n}\n"],"mappings":";AAsBQ,SACE,KADF;AAnBR,SAAS,IAAI,qBAAqB;AAClC,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAOpB,SAAS,UAAU,EAAE,MAAM,mBAAmB,GAAmB;AACtE,QAAM,MAAM,KAAK,IAAI,GAAG,GAAG,KAAK,eAAe,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC;AAClE,QAAM,mBAAmB,KAAK,eAAe,MAAM,CAAC,MAAM,CAAC,EAAE,WAAW;AAExE,SACE,oBAAC,cACC,+BAAC,aAAQ,WAAU,4BACjB;AAAA,yBAAC,SAAI,WAAU,8BACb;AAAA,0BAAC,WAAQ,OAAM,SAAQ,OAAO,KAAK,MAAM,eAAe,GAAG;AAAA,MAC3D,oBAAC,WAAQ,OAAM,aAAY,OAAO,KAAK,WAAW;AAAA,MAClD,oBAAC,WAAQ,OAAM,cAAa,OAAO,KAAK,YAAY;AAAA,MACpD,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,UAAS,OAAO,KAAK,QAAQ;AAAA,MAC5C,oBAAC,WAAQ,OAAM,gBAAe,OAAO,KAAK,oBAAoB,QAAO,OAAM;AAAA,OAC7E;AAAA,IAEA,oBAAC,mBAAgB,MAAM,KAAK,UAAU;AAAA,IAEtC;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAQ,oBAAC,QAAK,SAAQ,WAAW,eAAK,eAAe,QAAO;AAAA,QAE3D,eAAK,eAAe,IAAI,CAAC,MACxB;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YAGA;AAAA,mCAAC,SAAI,WAAU,2EACZ;AAAA,kBAAE;AAAA,gBAAM;AAAA,gBACR,EAAE,eACD,oBAAC,UAAK,WAAU,qHAAoH,iBAEpI;AAAA,iBAEJ;AAAA,cACA,oBAAC,SAAI,WAAU,+DACb;AAAA,gBAAC;AAAA;AAAA,kBACC,WAAW;AAAA,oBACT;AAAA,oBACA,EAAE,cAAc,oBAAoB;AAAA,kBACtC;AAAA,kBACA,OAAO,EAAE,OAAO,GAAI,EAAE,QAAQ,MAAO,GAAG,IAAI;AAAA;AAAA,cAC9C,GACF;AAAA,cACA,oBAAC,SAAI,WAAU,4EACZ,YAAE,OACL;AAAA;AAAA;AAAA,UArBK,EAAE;AAAA,QAsBT,CACD;AAAA;AAAA,IACH;AAAA,IAEC,oBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseCard.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+import type { Status } from "../../../../engine/types/analysis";
+import type { KeyphraseEntry } from "../../keyphraseState";
+export type CardState = {
+    kind: "score";
+    score: number;
+    status: Status;
+} | {
+    kind: "analyzing";
+} | {
+    kind: "idle";
+};
+interface KeyphraseCardProps {
+    entry: KeyphraseEntry;
+    isFocus: boolean;
+    selected: boolean;
+    state: CardState;
+    onSelect: (id: string) => void;
+}
+export declare function KeyphraseCard({ entry, isFocus, selected, state, onSelect }: KeyphraseCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=KeyphraseCard.d.ts.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseCard.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"KeyphraseCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,MAAM,MAAM,SAAS,GACjB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAChD;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAErB,UAAU,kBAAkB;IAC1B,KAAK,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAcD,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAgC9F"}

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseCard.js ADDED Viewed

@@ -0,0 +1,38 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ScoreRing } from "../../../../ui/ScoreRing";
+import { cn } from "../../../../utils/style";
+function MiniRing({ state }) {
+  if (state.kind === "analyzing") {
+    return /* @__PURE__ */ jsx(ScoreRing, { size: "small", status: "loading" });
+  }
+  if (state.kind === "score") {
+    return /* @__PURE__ */ jsx(ScoreRing, { score: state.score, size: "small", status: state.status });
+  }
+  return /* @__PURE__ */ jsx(ScoreRing, { size: "small", status: "idle" });
+}
+function KeyphraseCard({ entry, isFocus, selected, state, onSelect }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      "aria-pressed": selected,
+      onClick: () => onSelect(entry.id),
+      className: cn(
+        "flex items-center gap-[10px] p-[8px] rounded-rs w-full text-left bg-neutral-0 border",
+        selected ? "border-neutral-300 shadow-[0_1px_5px_rgba(30,25,20,0.09)]" : "border-transparent hover:border-neutral-150"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(MiniRing, { state }),
+        /* @__PURE__ */ jsxs("span", { className: "flex-1 min-w-0 flex flex-col gap-[2px]", children: [
+          isFocus && /* @__PURE__ */ jsx("span", { className: "self-start text-[7px] leading-none uppercase bg-neutral-1000 text-neutral-0 px-[6px] py-[2px] rounded-[7px] tracking-[0.06em] font-bold", children: "Focus" }),
+          entry.text ? /* @__PURE__ */ jsx("span", { className: "text-[12px] font-semibold text-neutral-800 truncate", children: entry.text }) : /* @__PURE__ */ jsx("span", { className: "text-[12px] font-medium italic text-neutral-300 truncate", children: "New keyphrase" })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  KeyphraseCard
+};
+//# sourceMappingURL=KeyphraseCard.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseCard.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseCard.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Status } from \"../../../../engine/types/analysis\";\nimport { ScoreRing } from \"../../../../ui/ScoreRing\";\nimport { cn } from \"../../../../utils/style\";\nimport type { KeyphraseEntry } from \"../../keyphraseState\";\n\nexport type CardState =\n | { kind: \"score\"; score: number; status: Status }\n | { kind: \"analyzing\" }\n | { kind: \"idle\" };\n\ninterface KeyphraseCardProps {\n entry: KeyphraseEntry;\n isFocus: boolean;\n selected: boolean;\n state: CardState;\n onSelect: (id: string) => void;\n}\n\nfunction MiniRing({ state }: { state: CardState }) {\n if (state.kind === \"analyzing\") {\n return <ScoreRing size=\"small\" status=\"loading\" />;\n }\n\n if (state.kind === \"score\") {\n return <ScoreRing score={state.score} size=\"small\" status={state.status} />;\n }\n\n return <ScoreRing size=\"small\" status=\"idle\" />;\n}\n\nexport function KeyphraseCard({ entry, isFocus, selected, state, onSelect }: KeyphraseCardProps) {\n return (\n <button\n type=\"button\"\n aria-pressed={selected}\n onClick={() => onSelect(entry.id)}\n className={cn(\n \"flex items-center gap-[10px] p-[8px] rounded-rs w-full text-left bg-neutral-0 border\",\n selected\n ? \"border-neutral-300 shadow-[0_1px_5px_rgba(30,25,20,0.09)]\"\n : \"border-transparent hover:border-neutral-150\"\n )}\n >\n <MiniRing state={state} />\n\n <span className=\"flex-1 min-w-0 flex flex-col gap-[2px]\">\n {isFocus && (\n <span className=\"self-start text-[7px] leading-none uppercase bg-neutral-1000 text-neutral-0 px-[6px] py-[2px] rounded-[7px] tracking-[0.06em] font-bold\">\n Focus\n </span>\n )}\n\n {entry.text ? (\n <span className=\"text-[12px] font-semibold text-neutral-800 truncate\">{entry.text}</span>\n ) : (\n <span className=\"text-[12px] font-medium italic text-neutral-300 truncate\">\n New keyphrase\n </span>\n )}\n </span>\n </button>\n );\n}\n"],"mappings":";AAsBW,cAyBL,YAzBK;AAnBX,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAgBnB,SAAS,SAAS,EAAE,MAAM,GAAyB;AACjD,MAAI,MAAM,SAAS,aAAa;AAC9B,WAAO,oBAAC,aAAU,MAAK,SAAQ,QAAO,WAAU;AAAA,EAClD;AAEA,MAAI,MAAM,SAAS,SAAS;AAC1B,WAAO,oBAAC,aAAU,OAAO,MAAM,OAAO,MAAK,SAAQ,QAAQ,MAAM,QAAQ;AAAA,EAC3E;AAEA,SAAO,oBAAC,aAAU,MAAK,SAAQ,QAAO,QAAO;AAC/C;AAEO,SAAS,cAAc,EAAE,OAAO,SAAS,UAAU,OAAO,SAAS,GAAuB;AAC/F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,gBAAc;AAAA,MACd,SAAS,MAAM,SAAS,MAAM,EAAE;AAAA,MAChC,WAAW;AAAA,QACT;AAAA,QACA,WACI,8DACA;AAAA,MACN;AAAA,MAEA;AAAA,4BAAC,YAAS,OAAc;AAAA,QAExB,qBAAC,UAAK,WAAU,0CACb;AAAA,qBACC,oBAAC,UAAK,WAAU,2IAA0I,mBAE1J;AAAA,UAGD,MAAM,OACL,oBAAC,UAAK,WAAU,uDAAuD,gBAAM,MAAK,IAElF,oBAAC,UAAK,WAAU,4DAA2D,2BAE3E;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import type { CategoryResult } from "../../../../engine/types/analysis";
+import type { KeyphraseEntry } from "../../keyphraseState";
+export type DetailAnalysis = {
+    kind: "metrics";
+    result: CategoryResult;
+    dim: boolean;
+} | {
+    kind: "analyzing";
+} | {
+    kind: "hint";
+    message: string;
+};
+export interface KeyphraseDetailProps {
+    entry: KeyphraseEntry;
+    isFocus: boolean;
+    duplicate: boolean;
+    analysis: DetailAnalysis;
+    onTextChange: (text: string) => void;
+    onAddSynonym: (syn: string) => void;
+    onRemoveSynonym: (index: number) => void;
+    onSetFocus: () => void;
+    onRemove: () => void;
+}
+export declare function KeyphraseDetail({ entry, isFocus, duplicate, analysis, onTextChange, onAddSynonym, onRemoveSynonym, onSetFocus, onRemove, }: KeyphraseDetailProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KeyphraseDetail.d.ts.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"KeyphraseDetail.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AASxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D,MAAM,MAAM,cAAc,GACtB;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,MAAM,EAAE,cAAc,CAAC;IAAC,GAAG,EAAE,OAAO,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtC,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,cAAc,CAAC;IACzB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AA0DD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,GACT,EAAE,oBAAoB,2CAqDtB"}

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.js ADDED Viewed

@@ -0,0 +1,127 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Loader2 } from "lucide-react";
+import { useId, useState } from "react";
+import { Button } from "../../../../ui/Button";
+import { CheckRow } from "../../../../ui/CheckRow";
+import { FilterPills } from "../../../../ui/FilterPills";
+import { Pill } from "../../../../ui/Pill";
+import { SectionCard } from "../../../../ui/SectionCard";
+import { TabHeader } from "../../../../ui/TabHeader";
+import { cn } from "../../../../utils/style";
+import { Target, Trash2 } from "./icons";
+import { SynonymsField } from "./SynonymsField";
+function Analysis({ analysis }) {
+  const [filter, setFilter] = useState("all");
+  if (analysis.kind === "analyzing") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-live": "polite",
+        className: "flex items-center gap-[9px] text-neutral-500 text-[13px] py-[12px]",
+        role: "status",
+        children: [
+          /* @__PURE__ */ jsx(Loader2, { "aria-hidden": "true", className: "w-[15px] h-[15px] animate-spin" }),
+          "Analyzing keyphrase\u2026"
+        ]
+      }
+    );
+  }
+  if (analysis.kind === "hint") {
+    return /* @__PURE__ */ jsx("div", { className: "text-neutral-500 text-[12px] py-[6px]", children: analysis.message });
+  }
+  const { result, dim } = analysis;
+  const passing = result.checks.filter((check) => check.status === "good").length;
+  const visible = result.checks.filter((check) => filter === "all" || check.status === filter);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col gap-[13px] transition-opacity",
+        dim && "opacity-40 pointer-events-none"
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          TabHeader,
+          {
+            score: result.ringScore,
+            status: result.status,
+            subtitle: /* @__PURE__ */ jsxs(Fragment, { children: [
+              passing,
+              " / ",
+              result.checks.length,
+              " checks passing"
+            ] }),
+            title: "Keyphrase optimization"
+          }
+        ),
+        /* @__PURE__ */ jsxs(SectionCard, { title: "Checks", widget: /* @__PURE__ */ jsx(Pill, { variant: "neutral", children: result.checks.length }), children: [
+          /* @__PURE__ */ jsx(FilterPills, { checks: result.checks, onChange: setFilter, value: filter }),
+          visible.map((check) => /* @__PURE__ */ jsx(CheckRow, { check }, check.id))
+        ] })
+      ]
+    }
+  );
+}
+function KeyphraseDetail({
+  entry,
+  isFocus,
+  duplicate,
+  analysis,
+  onTextChange,
+  onAddSynonym,
+  onRemoveSynonym,
+  onSetFocus,
+  onRemove
+}) {
+  const textInputId = useId();
+  const label = isFocus ? "Focus keyphrase" : "Related keyphrase";
+  return /* @__PURE__ */ jsxs("section", { className: "flex-1 min-w-0 px-[15px] py-[18px] flex flex-col gap-[13px] overflow-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-[9px]", children: [
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          className: "block text-[10px] uppercase tracking-[0.05em] text-neutral-500 mb-[6px]",
+          htmlFor: textInputId,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          autoComplete: "off",
+          className: "w-full border border-neutral-200 rounded-rs px-[12px] py-[10px] text-[13px] text-neutral-800 bg-neutral-0 outline-none focus:border-neutral-800",
+          id: textInputId,
+          onChange: (e) => onTextChange(e.target.value),
+          placeholder: isFocus ? "Type your primary keyphrase" : "Type a related keyphrase",
+          type: "text",
+          value: entry.text
+        }
+      )
+    ] }),
+    duplicate && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "aria-live": "polite",
+        className: "text-[11.5px] text-seo-warn bg-seo-warn-100 rounded-rs px-[10px] py-[8px] flex items-center gap-[7px]",
+        role: "status",
+        children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { "aria-hidden": "true", className: "w-[15px] h-[15px] flex-none" }),
+          "\u201C",
+          entry.text.trim(),
+          "\u201D is already in your keyphrase list."
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "mb-[9px]", children: /* @__PURE__ */ jsx(SynonymsField, { onAdd: onAddSynonym, onRemove: onRemoveSynonym, synonyms: entry.synonyms }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-[8px] items-center", children: [
+      !isFocus && /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Target, { "aria-hidden": "true" }), onClick: onSetFocus, variant: "primary", children: "Set as focus" }),
+      /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(Trash2, { "aria-hidden": "true" }), onClick: onRemove, variant: "error", children: "Remove" })
+    ] }),
+    /* @__PURE__ */ jsx(Analysis, { analysis })
+  ] });
+}
+export {
+  KeyphraseDetail
+};
+//# sourceMappingURL=KeyphraseDetail.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseDetail.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertTriangle, Loader2 } from \"lucide-react\";\nimport { useId, useState } from \"react\";\nimport type { CategoryResult } from \"../../../../engine/types/analysis\";\nimport { Button } from \"../../../../ui/Button\";\nimport { CheckRow } from \"../../../../ui/CheckRow\";\nimport type { Filter } from \"../../../../ui/FilterPills\";\nimport { FilterPills } from \"../../../../ui/FilterPills\";\nimport { Pill } from \"../../../../ui/Pill\";\nimport { SectionCard } from \"../../../../ui/SectionCard\";\nimport { TabHeader } from \"../../../../ui/TabHeader\";\nimport { cn } from \"../../../../utils/style\";\nimport type { KeyphraseEntry } from \"../../keyphraseState\";\nimport { Target, Trash2 } from \"./icons\";\nimport { SynonymsField } from \"./SynonymsField\";\n\nexport type DetailAnalysis =\n | { kind: \"metrics\"; result: CategoryResult; dim: boolean }\n | { kind: \"analyzing\" }\n | { kind: \"hint\"; message: string };\n\nexport interface KeyphraseDetailProps {\n entry: KeyphraseEntry;\n isFocus: boolean;\n duplicate: boolean;\n analysis: DetailAnalysis;\n onTextChange: (text: string) => void;\n onAddSynonym: (syn: string) => void;\n onRemoveSynonym: (index: number) => void;\n onSetFocus: () => void;\n onRemove: () => void;\n}\n\ninterface AnalysisProps {\n analysis: DetailAnalysis;\n}\n\nfunction Analysis({ analysis }: AnalysisProps) {\n const [filter, setFilter] = useState<Filter>(\"all\");\n\n if (analysis.kind === \"analyzing\") {\n return (\n <div\n aria-live=\"polite\"\n className=\"flex items-center gap-[9px] text-neutral-500 text-[13px] py-[12px]\"\n role=\"status\"\n >\n <Loader2 aria-hidden=\"true\" className=\"w-[15px] h-[15px] animate-spin\" />\n Analyzing keyphrase…\n </div>\n );\n }\n\n if (analysis.kind === \"hint\") {\n return <div className=\"text-neutral-500 text-[12px] py-[6px]\">{analysis.message}</div>;\n }\n\n const { result, dim } = analysis;\n const passing = result.checks.filter((check) => check.status === \"good\").length;\n const visible = result.checks.filter((check) => filter === \"all\" || check.status === filter);\n\n return (\n <div\n className={cn(\n \"flex flex-col gap-[13px] transition-opacity\",\n dim && \"opacity-40 pointer-events-none\"\n )}\n >\n <TabHeader\n score={result.ringScore}\n status={result.status}\n subtitle={\n <>\n {passing} / {result.checks.length} checks passing\n </>\n }\n title=\"Keyphrase optimization\"\n />\n\n <SectionCard title=\"Checks\" widget={<Pill variant=\"neutral\">{result.checks.length}</Pill>}>\n <FilterPills checks={result.checks} onChange={setFilter} value={filter} />\n {visible.map((check) => (\n <CheckRow check={check} key={check.id} />\n ))}\n </SectionCard>\n </div>\n );\n}\n\nexport function KeyphraseDetail({\n entry,\n isFocus,\n duplicate,\n analysis,\n onTextChange,\n onAddSynonym,\n onRemoveSynonym,\n onSetFocus,\n onRemove,\n}: KeyphraseDetailProps) {\n const textInputId = useId();\n const label = isFocus ? \"Focus keyphrase\" : \"Related keyphrase\";\n\n return (\n <section className=\"flex-1 min-w-0 px-[15px] py-[18px] flex flex-col gap-[13px] overflow-auto\">\n <div className=\"mb-[9px]\">\n <label\n className=\"block text-[10px] uppercase tracking-[0.05em] text-neutral-500 mb-[6px]\"\n htmlFor={textInputId}\n >\n {label}\n </label>\n <input\n autoComplete=\"off\"\n className=\"w-full border border-neutral-200 rounded-rs px-[12px] py-[10px] text-[13px] text-neutral-800 bg-neutral-0 outline-none focus:border-neutral-800\"\n id={textInputId}\n onChange={(e) => onTextChange(e.target.value)}\n placeholder={isFocus ? \"Type your primary keyphrase\" : \"Type a related keyphrase\"}\n type=\"text\"\n value={entry.text}\n />\n </div>\n\n {duplicate && (\n <div\n aria-live=\"polite\"\n className=\"text-[11.5px] text-seo-warn bg-seo-warn-100 rounded-rs px-[10px] py-[8px] flex items-center gap-[7px]\"\n role=\"status\"\n >\n <AlertTriangle aria-hidden=\"true\" className=\"w-[15px] h-[15px] flex-none\" />\n “{entry.text.trim()}” is already in your keyphrase list.\n </div>\n )}\n\n <div className=\"mb-[9px]\">\n <SynonymsField onAdd={onAddSynonym} onRemove={onRemoveSynonym} synonyms={entry.synonyms} />\n </div>\n\n <div className=\"flex gap-[8px] items-center\">\n {!isFocus && (\n <Button icon={<Target aria-hidden=\"true\" />} onClick={onSetFocus} variant=\"primary\">\n Set as focus\n </Button>\n )}\n <Button icon={<Trash2 aria-hidden=\"true\" />} onClick={onRemove} variant=\"error\">\n Remove\n </Button>\n </div>\n\n <Analysis analysis={analysis} />\n </section>\n );\n}\n"],"mappings":";AA2CM,SA8BI,UAzBF,KALF;AAzCN,SAAS,eAAe,eAAe;AACvC,SAAS,OAAO,gBAAgB;AAEhC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAEzB,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAEnB,SAAS,QAAQ,cAAc;AAC/B,SAAS,qBAAqB;AAuB9B,SAAS,SAAS,EAAE,SAAS,GAAkB;AAC7C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAiB,KAAK;AAElD,MAAI,SAAS,SAAS,aAAa;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QAEL;AAAA,8BAAC,WAAQ,eAAY,QAAO,WAAU,kCAAiC;AAAA,UAAE;AAAA;AAAA;AAAA,IAE3E;AAAA,EAEJ;AAEA,MAAI,SAAS,SAAS,QAAQ;AAC5B,WAAO,oBAAC,SAAI,WAAU,yCAAyC,mBAAS,SAAQ;AAAA,EAClF;AAEA,QAAM,EAAE,QAAQ,IAAI,IAAI;AACxB,QAAM,UAAU,OAAO,OAAO,OAAO,CAAC,UAAU,MAAM,WAAW,MAAM,EAAE;AACzE,QAAM,UAAU,OAAO,OAAO,OAAO,CAAC,UAAU,WAAW,SAAS,MAAM,WAAW,MAAM;AAE3F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,OAAO;AAAA,MACT;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,OAAO;AAAA,YACd,QAAQ,OAAO;AAAA,YACf,UACE,iCACG;AAAA;AAAA,cAAQ;AAAA,cAAI,OAAO,OAAO;AAAA,cAAO;AAAA,eACpC;AAAA,YAEF,OAAM;AAAA;AAAA,QACR;AAAA,QAEA,qBAAC,eAAY,OAAM,UAAS,QAAQ,oBAAC,QAAK,SAAQ,WAAW,iBAAO,OAAO,QAAO,GAChF;AAAA,8BAAC,eAAY,QAAQ,OAAO,QAAQ,UAAU,WAAW,OAAO,QAAQ;AAAA,UACvE,QAAQ,IAAI,CAAC,UACZ,oBAAC,YAAS,SAAmB,MAAM,EAAI,CACxC;AAAA,WACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,cAAc,MAAM;AAC1B,QAAM,QAAQ,UAAU,oBAAoB;AAE5C,SACE,qBAAC,aAAQ,WAAU,6EACjB;AAAA,yBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS;AAAA,UAER;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,cAAa;AAAA,UACb,WAAU;AAAA,UACV,IAAI;AAAA,UACJ,UAAU,CAAC,MAAM,aAAa,EAAE,OAAO,KAAK;AAAA,UAC5C,aAAa,UAAU,gCAAgC;AAAA,UACvD,MAAK;AAAA,UACL,OAAO,MAAM;AAAA;AAAA,MACf;AAAA,OACF;AAAA,IAEC,aACC;AAAA,MAAC;AAAA;AAAA,QACC,aAAU;AAAA,QACV,WAAU;AAAA,QACV,MAAK;AAAA,QAEL;AAAA,8BAAC,iBAAc,eAAY,QAAO,WAAU,+BAA8B;AAAA,UAAE;AAAA,UACpE,MAAM,KAAK,KAAK;AAAA,UAAE;AAAA;AAAA;AAAA,IAC5B;AAAA,IAGF,oBAAC,SAAI,WAAU,YACb,8BAAC,iBAAc,OAAO,cAAc,UAAU,iBAAiB,UAAU,MAAM,UAAU,GAC3F;AAAA,IAEA,qBAAC,SAAI,WAAU,+BACZ;AAAA,OAAC,WACA,oBAAC,UAAO,MAAM,oBAAC,UAAO,eAAY,QAAO,GAAI,SAAS,YAAY,SAAQ,WAAU,0BAEpF;AAAA,MAEF,oBAAC,UAAO,MAAM,oBAAC,UAAO,eAAY,QAAO,GAAI,SAAS,UAAU,SAAQ,SAAQ,oBAEhF;AAAA,OACF;AAAA,IAEA,oBAAC,YAAS,UAAoB;AAAA,KAChC;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { KeyphraseEntry } from "../../keyphraseState";
+import type { CardState } from "./KeyphraseCard";
+interface KeyphraseRailProps {
+    entries: KeyphraseEntry[];
+    selectedId: string | null;
+    stateFor: (entry: KeyphraseEntry) => CardState;
+    onSelect: (id: string) => void;
+    onAdd: () => void;
+}
+export declare function KeyphraseRail({ entries, selectedId, stateFor, onSelect, onAdd, }: KeyphraseRailProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=KeyphraseRail.d.ts.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"KeyphraseRail.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEjD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,SAAS,CAAC;IAC/C,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE,kBAAkB,2CAsCpB"}

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.js ADDED Viewed

@@ -0,0 +1,54 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { MAX_KEYPHRASES } from "../../../../constants";
+import { firstEmptyId } from "../../keyphraseState";
+import { KeyphraseCard } from "./KeyphraseCard";
+function KeyphraseRail({
+  entries,
+  selectedId,
+  stateFor,
+  onSelect,
+  onAdd
+}) {
+  const atMax = entries.length >= MAX_KEYPHRASES;
+  const hasEmpty = Boolean(firstEmptyId(entries));
+  const addDisabled = atMax || hasEmpty;
+  return /* @__PURE__ */ jsx("aside", { className: "w-[264px] flex-none border-r border-neutral-200 bg-neutral-50", children: /* @__PURE__ */ jsxs("div", { className: "sticky top-0 px-[9px] py-[18px] flex flex-col gap-[5px]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-[7px] pt-[5px] pb-[3px]", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-[10px] uppercase tracking-[0.05em] text-neutral-500 font-bold", children: [
+        "Keyphrases \xB7 ",
+        entries.length,
+        "/",
+        MAX_KEYPHRASES
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Add related keyphrase",
+          title: atMax ? `Up to ${MAX_KEYPHRASES} keyphrases` : "Add related keyphrase",
+          disabled: addDisabled,
+          onClick: onAdd,
+          className: "w-[26px] h-[26px] rounded-rs border border-neutral-200 grid place-items-center text-neutral-600 bg-neutral-0 hover:border-neutral-800 hover:text-neutral-800 disabled:opacity-35 disabled:cursor-not-allowed [&_svg]:size-[15px]",
+          children: /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" })
+        }
+      )
+    ] }),
+    entries.map((entry, i) => /* @__PURE__ */ jsx(
+      KeyphraseCard,
+      {
+        entry,
+        isFocus: i === 0,
+        selected: entry.id === selectedId,
+        state: stateFor(entry),
+        onSelect
+      },
+      entry.id
+    ))
+  ] }) });
+}
+export {
+  KeyphraseRail
+};
+//# sourceMappingURL=KeyphraseRail.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/KeyphraseRail.tsx"],"sourcesContent":["\"use client\";\n\nimport { Plus } from \"lucide-react\";\nimport { MAX_KEYPHRASES } from \"../../../../constants\";\nimport type { KeyphraseEntry } from \"../../keyphraseState\";\nimport { firstEmptyId } from \"../../keyphraseState\";\nimport { KeyphraseCard } from \"./KeyphraseCard\";\nimport type { CardState } from \"./KeyphraseCard\";\n\ninterface KeyphraseRailProps {\n entries: KeyphraseEntry[];\n selectedId: string | null;\n stateFor: (entry: KeyphraseEntry) => CardState;\n onSelect: (id: string) => void;\n onAdd: () => void;\n}\n\nexport function KeyphraseRail({\n entries,\n selectedId,\n stateFor,\n onSelect,\n onAdd,\n}: KeyphraseRailProps) {\n const atMax = entries.length >= MAX_KEYPHRASES;\n const hasEmpty = Boolean(firstEmptyId(entries));\n const addDisabled = atMax || hasEmpty;\n\n return (\n <aside className=\"w-[264px] flex-none border-r border-neutral-200 bg-neutral-50\">\n <div className=\"sticky top-0 px-[9px] py-[18px] flex flex-col gap-[5px]\">\n <div className=\"flex items-center justify-between px-[7px] pt-[5px] pb-[3px]\">\n <span className=\"text-[10px] uppercase tracking-[0.05em] text-neutral-500 font-bold\">\n Keyphrases · {entries.length}/{MAX_KEYPHRASES}\n </span>\n\n <button\n type=\"button\"\n aria-label=\"Add related keyphrase\"\n title={atMax ? `Up to ${MAX_KEYPHRASES} keyphrases` : \"Add related keyphrase\"}\n disabled={addDisabled}\n onClick={onAdd}\n className=\"w-[26px] h-[26px] rounded-rs border border-neutral-200 grid place-items-center text-neutral-600 bg-neutral-0 hover:border-neutral-800 hover:text-neutral-800 disabled:opacity-35 disabled:cursor-not-allowed [&_svg]:size-[15px]\"\n >\n <Plus aria-hidden=\"true\" />\n </button>\n </div>\n\n {entries.map((entry, i) => (\n <KeyphraseCard\n key={entry.id}\n entry={entry}\n isFocus={i === 0}\n selected={entry.id === selectedId}\n state={stateFor(entry)}\n onSelect={onSelect}\n />\n ))}\n </div>\n </aside>\n );\n}\n"],"mappings":";AAgCU,SAYE,KAZF;AA9BV,SAAS,YAAY;AACrB,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAWvB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,QAAQ,QAAQ,UAAU;AAChC,QAAM,WAAW,QAAQ,aAAa,OAAO,CAAC;AAC9C,QAAM,cAAc,SAAS;AAE7B,SACE,oBAAC,WAAM,WAAU,iEACf,+BAAC,SAAI,WAAU,2DACb;AAAA,yBAAC,SAAI,WAAU,gEACb;AAAA,2BAAC,UAAK,WAAU,sEAAqE;AAAA;AAAA,QACrE,QAAQ;AAAA,QAAO;AAAA,QAAE;AAAA,SACjC;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAW;AAAA,UACX,OAAO,QAAQ,SAAS,cAAc,gBAAgB;AAAA,UACtD,UAAU;AAAA,UACV,SAAS;AAAA,UACT,WAAU;AAAA,UAEV,8BAAC,QAAK,eAAY,QAAO;AAAA;AAAA,MAC3B;AAAA,OACF;AAAA,IAEC,QAAQ,IAAI,CAAC,OAAO,MACnB;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,SAAS,MAAM;AAAA,QACf,UAAU,MAAM,OAAO;AAAA,QACvB,OAAO,SAAS,KAAK;AAAA,QACrB;AAAA;AAAA,MALK,MAAM;AAAA,IAMb,CACD;AAAA,KACH,GACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/keyphrase/SynonymsField.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export interface SynonymsFieldProps {
+    synonyms: string[];
+    onAdd: (syn: string) => void;
+    onRemove: (index: number) => void;
+}
+export declare function SynonymsField({ synonyms, onAdd, onRemove }: SynonymsFieldProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SynonymsField.d.ts.map

package/dist/components/SeoDrawer/tabs/keyphrase/SynonymsField.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SynonymsField.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/SynonymsField.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA8E9E"}

package/dist/components/SeoDrawer/tabs/keyphrase/SynonymsField.js ADDED Viewed

@@ -0,0 +1,93 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, X } from "lucide-react";
+import { useState } from "react";
+import { cn } from "../../../../utils/style";
+function SynonymsField({ synonyms, onAdd, onRemove }) {
+  const [draft, setDraft] = useState("");
+  const [focused, setFocused] = useState(false);
+  const canAdd = draft.trim().length > 0;
+  const commit = () => {
+    if (!canAdd)
+      return;
+    onAdd(draft.trim());
+    setDraft("");
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("span", { className: "block text-[10px] uppercase tracking-[0.05em] text-neutral-500 mb-[6px]", children: "Synonyms" }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "border rounded-rs bg-neutral-0 overflow-hidden",
+          focused ? "border-neutral-800" : "border-neutral-200"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-[7px] p-[9px] items-center", children: [
+            synonyms.map((synonym, index) => /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: "bg-neutral-1000 text-neutral-0 rounded-[15px] pl-[12px] pr-[6px] py-[4px] text-[11.5px] inline-flex items-center gap-[7px]",
+                children: [
+                  synonym,
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": `Remove synonym ${synonym} (${index + 1})`,
+                      className: "grid place-items-center p-0.5 text-[#a9adb4] rounded-full bg-transparent hover:text-neutral-0 hover:bg-neutral-900! [&_svg]:size-[1em] cursor-pointer",
+                      onClick: () => onRemove(index),
+                      children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+                    }
+                  )
+                ]
+              },
+              `${synonym}-${index}`
+            )),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                disabled: !canAdd,
+                onClick: commit,
+                className: "inline-flex items-center gap-[5px] rounded-[15px] px-[11px] py-[5px] text-[11.5px] font-semibold bg-neutral-1000 text-neutral-0 disabled:bg-neutral-100 disabled:text-neutral-300 [&_svg]:size-[13px] cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsx(Plus, { "aria-hidden": "true" }),
+                  " Add synonym"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-neutral-150" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[8px] px-[11px] py-[8px]", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: draft,
+                onChange: (e) => setDraft(e.target.value),
+                onFocus: () => setFocused(true),
+                onBlur: () => setFocused(false),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") {
+                    e.preventDefault();
+                    commit();
+                  }
+                },
+                placeholder: "Add a synonym\u2026",
+                "aria-label": "Add a synonym",
+                className: "flex-1 border-0 outline-none text-[12.5px] text-neutral-800 bg-transparent"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-[9px] text-neutral-500 border border-neutral-200 rounded-[4px] px-[5px] py-[1px] font-semibold", children: "Enter" })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "text-[11px] text-neutral-500 mt-[6px] leading-[1.45]", children: "Synonyms count as keyphrase matches in this keyphrase\u2019s checks. One chip per synonym." })
+  ] });
+}
+export {
+  SynonymsField
+};
+//# sourceMappingURL=SynonymsField.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/SynonymsField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/SynonymsField.tsx"],"sourcesContent":["\"use client\";\n\nimport { Plus, X } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { cn } from \"../../../../utils/style\";\n\nexport interface SynonymsFieldProps {\n synonyms: string[];\n onAdd: (syn: string) => void;\n onRemove: (index: number) => void;\n}\n\nexport function SynonymsField({ synonyms, onAdd, onRemove }: SynonymsFieldProps) {\n const [draft, setDraft] = useState(\"\");\n const [focused, setFocused] = useState(false);\n const canAdd = draft.trim().length > 0;\n\n const commit = () => {\n if (!canAdd) return;\n onAdd(draft.trim());\n setDraft(\"\");\n };\n\n return (\n <div>\n <span className=\"block text-[10px] uppercase tracking-[0.05em] text-neutral-500 mb-[6px]\">\n Synonyms\n </span>\n\n <div\n className={cn(\n \"border rounded-rs bg-neutral-0 overflow-hidden\",\n focused ? \"border-neutral-800\" : \"border-neutral-200\"\n )}\n >\n <div className=\"flex flex-wrap gap-[7px] p-[9px] items-center\">\n {synonyms.map((synonym, index) => (\n <span\n key={`${synonym}-${index}`}\n className=\"bg-neutral-1000 text-neutral-0 rounded-[15px] pl-[12px] pr-[6px] py-[4px] text-[11.5px] inline-flex items-center gap-[7px]\"\n >\n {synonym}\n\n <button\n type=\"button\"\n aria-label={`Remove synonym ${synonym} (${index + 1})`}\n className=\"grid place-items-center p-0.5 text-[#a9adb4] rounded-full bg-transparent hover:text-neutral-0 hover:bg-neutral-900! [&_svg]:size-[1em] cursor-pointer\"\n onClick={() => onRemove(index)}\n >\n <X aria-hidden=\"true\" />\n </button>\n </span>\n ))}\n <button\n type=\"button\"\n disabled={!canAdd}\n onClick={commit}\n className=\"inline-flex items-center gap-[5px] rounded-[15px] px-[11px] py-[5px] text-[11.5px] font-semibold bg-neutral-1000 text-neutral-0 disabled:bg-neutral-100 disabled:text-neutral-300 [&_svg]:size-[13px] cursor-pointer\"\n >\n <Plus aria-hidden=\"true\" /> Add synonym\n </button>\n </div>\n <div className=\"border-t border-neutral-150\" />\n <div className=\"flex items-center gap-[8px] px-[11px] py-[8px]\">\n <input\n type=\"text\"\n value={draft}\n onChange={(e) => setDraft(e.target.value)}\n onFocus={() => setFocused(true)}\n onBlur={() => setFocused(false)}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n commit();\n }\n }}\n placeholder=\"Add a synonym…\"\n aria-label=\"Add a synonym\"\n className=\"flex-1 border-0 outline-none text-[12.5px] text-neutral-800 bg-transparent\"\n />\n <span className=\"text-[9px] text-neutral-500 border border-neutral-200 rounded-[4px] px-[5px] py-[1px] font-semibold\">\n Enter\n </span>\n </div>\n </div>\n <div className=\"text-[11px] text-neutral-500 mt-[6px] leading-[1.45]\">\n Synonyms count as keyphrase matches in this keyphrase’s checks. One chip per synonym.\n </div>\n </div>\n );\n}\n"],"mappings":";AAyBM,cAYM,YAZN;AAvBN,SAAS,MAAM,SAAS;AACxB,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAQZ,SAAS,cAAc,EAAE,UAAU,OAAO,SAAS,GAAuB;AAC/E,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,SAAS,MAAM,KAAK,EAAE,SAAS;AAErC,QAAM,SAAS,MAAM;AACnB,QAAI,CAAC;AAAQ;AACb,UAAM,MAAM,KAAK,CAAC;AAClB,aAAS,EAAE;AAAA,EACb;AAEA,SACE,qBAAC,SACC;AAAA,wBAAC,UAAK,WAAU,2EAA0E,sBAE1F;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,UAAU,uBAAuB;AAAA,QACnC;AAAA,QAEA;AAAA,+BAAC,SAAI,WAAU,iDACZ;AAAA,qBAAS,IAAI,CAAC,SAAS,UACtB;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAU;AAAA,gBAET;AAAA;AAAA,kBAED;AAAA,oBAAC;AAAA;AAAA,sBACC,MAAK;AAAA,sBACL,cAAY,kBAAkB,OAAO,KAAK,QAAQ,CAAC;AAAA,sBACnD,WAAU;AAAA,sBACV,SAAS,MAAM,SAAS,KAAK;AAAA,sBAE7B,8BAAC,KAAE,eAAY,QAAO;AAAA;AAAA,kBACxB;AAAA;AAAA;AAAA,cAZK,GAAG,OAAO,IAAI,KAAK;AAAA,YAa1B,CACD;AAAA,YACD;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,UAAU,CAAC;AAAA,gBACX,SAAS;AAAA,gBACT,WAAU;AAAA,gBAEV;AAAA,sCAAC,QAAK,eAAY,QAAO;AAAA,kBAAE;AAAA;AAAA;AAAA,YAC7B;AAAA,aACF;AAAA,UACA,oBAAC,SAAI,WAAU,+BAA8B;AAAA,UAC7C,qBAAC,SAAI,WAAU,kDACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAO;AAAA,gBACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,gBACxC,SAAS,MAAM,WAAW,IAAI;AAAA,gBAC9B,QAAQ,MAAM,WAAW,KAAK;AAAA,gBAC9B,WAAW,CAAC,MAAM;AAChB,sBAAI,EAAE,QAAQ,SAAS;AACrB,sBAAE,eAAe;AACjB,2BAAO;AAAA,kBACT;AAAA,gBACF;AAAA,gBACA,aAAY;AAAA,gBACZ,cAAW;AAAA,gBACX,WAAU;AAAA;AAAA,YACZ;AAAA,YACA,oBAAC,UAAK,WAAU,uGAAsG,mBAEtH;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,IACA,oBAAC,SAAI,WAAU,wDAAuD,wGAEtE;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/SeoDrawer/tabs/keyphrase/icons.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { Target, Trash2 } from "lucide-react";
2	+ //# sourceMappingURL=icons.d.ts.map

package/dist/components/SeoDrawer/tabs/keyphrase/icons.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/icons.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/SeoDrawer/tabs/keyphrase/icons.js ADDED Viewed

@@ -0,0 +1,7 @@
+"use client";
+import { Target, Trash2 } from "lucide-react";
+export {
+  Target,
+  Trash2
+};
+//# sourceMappingURL=icons.js.map

package/dist/components/SeoDrawer/tabs/keyphrase/icons.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"sources":["../../../../../src/components/SeoDrawer/tabs/keyphrase/icons.tsx"],"sourcesContent":["\"use client\";\n\nexport { Target, Trash2 } from \"lucide-react\";\n"],"mappings":";AAEA,SAAS,QAAQ,cAAc;","names":[]}

package/dist/components/SeoDrawer/useAnalysis.d.ts CHANGED Viewed

@@ -10,7 +10,6 @@ export interface UseAnalysisArgs {
 export interface UseAnalysisResult {
     result: AnalysisResult | null;
     analyzing: boolean;
-    analyzedKeyphrase: string | null;
     analyzeNow: () => void;
 }
 export declare function useAnalysis({ getInput, signature, supportedLocales, enabled, }: UseAnalysisArgs): UseAnalysisResult;

package/dist/components/SeoDrawer/useAnalysis.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnalysis.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/useAnalysis.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIjF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,~~iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,~~UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAc,GACf,EAAE,eAAe,GAAG,iBAAiB,~~CAuDrC~~"}
1	+ {"version":3,"file":"useAnalysis.d.ts","sourceRoot":"","sources":["../../../src/components/SeoDrawer/useAnalysis.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAIjF,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,aAAa,CAAC,CAAC;IAChE,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,OAAc,GACf,EAAE,eAAe,GAAG,iBAAiB,CAoDrC"}