@focus-reactive/payload-plugin-seo 1.3.0 → 1.4.0

package/dist/plugin.js

@@ -8,11 +8,16 @@ const seoPlugin = (config) => (incomingConfig) => {
   if (config.disabled)
     return incomingConfig;
   if (!config.collections?.length) {
-    console.warn(`${PREFIX} Disabled: config.collections must list at least one collection slug. Plugin not registered.`);
+    console.warn(
+      `${PREFIX} Disabled: config.collections must list at least one collection slug. Plugin not registered.`
+    );
     return incomingConfig;
   }
   setPluginConfig(config);
-  const merged = mergeTranslations(incomingConfig.i18n?.translations ?? {}, mergeTranslations(en, config.translations ?? {}));
+  const merged = mergeTranslations(
+    incomingConfig.i18n?.translations ?? {},
+    mergeTranslations(en, config.translations ?? {})
+  );
   const withTranslations = {
     ...incomingConfig,
     i18n: { ...incomingConfig.i18n, translations: merged }

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import type { Config, Plugin } from \"payload\";\nimport { setPluginConfig } from \"./config\";\nimport { PLUGIN_NAME } from \"./constants\";\nimport type { SeoPluginConfig } from \"./types/config\";\nimport { overrideAdmin } from \"./utils/config/overrideAdmin\";\nimport { mergeTranslations } from \"./utils/config/mergeTranslations\";\nimport { en } from \"./translations/en\";\n\nconst PREFIX = `[${PLUGIN_NAME}]`;\n\nexport const seoPlugin =\n  (config: SeoPluginConfig): Plugin =>\n  (incomingConfig: Config): Config => {\n    if (config.disabled) return incomingConfig;\n\n    if (!config.collections?.length) {\n      console.warn(`${PREFIX} Disabled: config.collections must list at least one collection slug. Plugin not registered.`);\n      return incomingConfig;\n    }\n\n    setPluginConfig(config);\n\n    const merged = mergeTranslations((incomingConfig.i18n?.translations as never) ?? {}, mergeTranslations(en, config.translations ?? {}));\n\n    const withTranslations: Config = {\n      ...incomingConfig,\n      i18n: { ...incomingConfig.i18n, translations: merged as never },\n    };\n\n    return overrideAdmin(withTranslations, config);\n  };\n"],"mappings":"AACA,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,UAAU;AAEnB,MAAM,SAAS,IAAI,WAAW;AAEvB,MAAM,YACX,CAAC,WACD,CAAC,mBAAmC;AAClC,MAAI,OAAO;AAAU,WAAO;AAE5B,MAAI,CAAC,OAAO,aAAa,QAAQ;AAC/B,YAAQ,KAAK,GAAG,MAAM,8FAA8F;AACpH,WAAO;AAAA,EACT;AAEA,kBAAgB,MAAM;AAEtB,QAAM,SAAS,kBAAmB,eAAe,MAAM,gBAA0B,CAAC,GAAG,kBAAkB,IAAI,OAAO,gBAAgB,CAAC,CAAC,CAAC;AAErI,QAAM,mBAA2B;AAAA,IAC/B,GAAG;AAAA,IACH,MAAM,EAAE,GAAG,eAAe,MAAM,cAAc,OAAgB;AAAA,EAChE;AAEA,SAAO,cAAc,kBAAkB,MAAM;AAC/C;","names":[]}
+{"version":3,"sources":["../src/plugin.ts"],"sourcesContent":["import type { Config, Plugin } from \"payload\";\nimport { setPluginConfig } from \"./config\";\nimport { PLUGIN_NAME } from \"./constants\";\nimport type { SeoPluginConfig } from \"./types/config\";\nimport { overrideAdmin } from \"./utils/config/overrideAdmin\";\nimport { mergeTranslations } from \"./utils/config/mergeTranslations\";\nimport { en } from \"./translations/en\";\n\nconst PREFIX = `[${PLUGIN_NAME}]`;\n\nexport const seoPlugin =\n  (config: SeoPluginConfig): Plugin =>\n  (incomingConfig: Config): Config => {\n    if (config.disabled) return incomingConfig;\n\n    if (!config.collections?.length) {\n      console.warn(\n        `${PREFIX} Disabled: config.collections must list at least one collection slug. Plugin not registered.`\n      );\n      return incomingConfig;\n    }\n\n    setPluginConfig(config);\n\n    const merged = mergeTranslations(\n      (incomingConfig.i18n?.translations as never) ?? {},\n      mergeTranslations(en, config.translations ?? {})\n    );\n\n    const withTranslations: Config = {\n      ...incomingConfig,\n      i18n: { ...incomingConfig.i18n, translations: merged as never },\n    };\n\n    return overrideAdmin(withTranslations, config);\n  };\n"],"mappings":"AACA,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B,SAAS,qBAAqB;AAC9B,SAAS,yBAAyB;AAClC,SAAS,UAAU;AAEnB,MAAM,SAAS,IAAI,WAAW;AAEvB,MAAM,YACX,CAAC,WACD,CAAC,mBAAmC;AAClC,MAAI,OAAO;AAAU,WAAO;AAE5B,MAAI,CAAC,OAAO,aAAa,QAAQ;AAC/B,YAAQ;AAAA,MACN,GAAG,MAAM;AAAA,IACX;AACA,WAAO;AAAA,EACT;AAEA,kBAAgB,MAAM;AAEtB,QAAM,SAAS;AAAA,IACZ,eAAe,MAAM,gBAA0B,CAAC;AAAA,IACjD,kBAAkB,IAAI,OAAO,gBAAgB,CAAC,CAAC;AAAA,EACjD;AAEA,QAAM,mBAA2B;AAAA,IAC/B,GAAG;AAAA,IACH,MAAM,EAAE,GAAG,eAAe,MAAM,cAAc,OAAgB;AAAA,EAChE;AAEA,SAAO,cAAc,kBAAkB,MAAM;AAC/C;","names":[]}

package/dist/types/config.d.ts

@@ -1,6 +1,21 @@
+import type { ContentNode } from "../content/schema/nodes";
 import type { Translations } from "../translations/types";
-/** Client extractor: receives raw (unhydrated) form values, returns analyzed HTML. */
-export type ExtractorFn = (data: Record<string, unknown>) => string | Promise<string>;
+/** Runtime context handed to a content extractor so it can resolve references and locale-correct hrefs. */
+export interface ExtractContext {
+    /** Payload locale code (e.g. "en", "es"); absent → extractor falls back to its own default. */
+    locale?: string;
+    /** Payload REST API route (e.g. "/api") for client-side reference fetches. */
+    apiRoute?: string;
+}
+/** Client extractor: receives hydrated, unflattened form values + runtime context, returns the content schema (Intermediate Representation). */
+export type ContentExtractor = (values: Record<string, unknown>, ctx?: ExtractContext) => ContentNode[] | Promise<ContentNode[]>;
+/** Which parts of the document the built-in extractor walks. */
+export interface ContentSelection {
+    /** Dot-paths to walk, in order. Omitted or empty = whole document root. */
+    include?: string[];
+    /** Dot-paths to skip (merged with auto-excluded seoTitle/metaDescription/slug). */
+    exclude?: string[];
+}
 export interface SeoFieldPaths {
     /** Dot-path to the SEO title. Falls back to the collection useAsTitle / `title` if absent. */
     seoTitle?: string;
@@ -11,18 +26,26 @@ export interface SeoFieldPaths {
      * @default "slug"
      */
     slug?: string;
-    /** Dot-path to the primary content field (blocks/richText/textarea). */
-    content?: string;
+    /**
+     * Built-in content selection. A string is a single field path.
+     * An object selects include/exclude paths over the whole document.
+     * Ignored when `extractContentPath` is set and registered.
+     */
+    content?: string | ContentSelection;
 }
 export interface SeoCollectionConfig {
     slug: string;
     fields?: SeoFieldPaths;
     /**
-     * importMap module-path string to a client extractor `(formData) => string | Promise<string>` (HTML).
-     * Example: "@/seo/my-extractor#default".
-     * @default built-in smart extractor
+     * importMap path string used as the lookup key for a registered ContentExtractor (returns ContentNode[]).
+     * Register the function via registerContentExtractors from "@focus-reactive/payload-plugin-seo/content".
      */
     extractContentPath?: string;
+    /**
+     * Depth of nested relation/upload resolution for the built-in extractor.
+     * @default 2
+     */
+    resolveDepth?: number;
 }
 export interface SeoSiteConfig {
     name?: string;

package/dist/types/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,sFAAsF;AACtF,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;AAEtF,MAAM,WAAW,aAAa;IAC5B,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yGAAyG;IACzG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,mBAAmB,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,2GAA2G;AAC3G,MAAM,WAAW,cAAc;IAC7B,+FAA+F;IAC/F,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,gJAAgJ;AAChJ,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,GAAG,CAAC,EAAE,cAAc,KAAK,WAAW,EAAE,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC;AAEjI,gEAAgE;AAChE,MAAM,WAAW,gBAAgB;IAC/B,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,mFAAmF;IACnF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yGAAyG;IACzG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;CACrC;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,mBAAmB,EAAE,CAAC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B"}

package/dist/ui/CheckRow/CheckVisualization/visualizations/DensityGauge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DensityGauge.d.ts","sourceRoot":"","sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DensityGauge.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEzE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,UAAU,2CAoE/F"}
+{"version":3,"file":"DensityGauge.d.ts","sourceRoot":"","sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DensityGauge.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEzE,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,UAAU,2CAkG/F"}

package/dist/ui/CheckRow/CheckVisualization/visualizations/DensityGauge.js

@@ -11,7 +11,10 @@ function DensityGauge({ bands, markerPct, markerLabel, markerStatus, labels }) {
   const halfLabel = dims.label / 2;
   const labelAlign = dims.label === 0 ? "-translate-x-1/2" : markerPx < halfLabel ? "translate-x-0" : markerPx > dims.bar - halfLabel ? "-translate-x-full" : "-translate-x-1/2";
   const firstVisibleBand = bands.findIndex((band) => band.endPct > band.startPct);
-  const lastVisibleBand = bands.reduce((acc, band, i) => band.endPct > band.startPct ? i : acc, -1);
+  const lastVisibleBand = bands.reduce(
+    (acc, band, i) => band.endPct > band.startPct ? i : acc,
+    -1
+  );
   useLayoutEffect(() => {
     const bar = barRef.current;
     const label = labelRef.current;
@@ -29,7 +32,12 @@ function DensityGauge({ bands, markerPct, markerLabel, markerStatus, labels }) {
       bands.map((band, i) => /* @__PURE__ */ jsx(
         "i",
         {
-          className: cn("absolute inset-y-0", statusVar({ status: band.status }), i === firstVisibleBand && "rounded-l-[3px]", i === lastVisibleBand && "rounded-r-[3px]"),
+          className: cn(
+            "absolute inset-y-0",
+            statusVar({ status: band.status }),
+            i === firstVisibleBand && "rounded-l-[3px]",
+            i === lastVisibleBand && "rounded-r-[3px]"
+          ),
           style: {
             left: `${band.startPct}%`,
             width: `${band.endPct - band.startPct}%`,
@@ -42,7 +50,11 @@ function DensityGauge({ bands, markerPct, markerLabel, markerStatus, labels }) {
         "span",
         {
           ref: labelRef,
-          className: cn("absolute bottom-[13px] font-mono font-bold text-[11px] whitespace-nowrap", statusVar({ status: markerStatus }), labelAlign),
+          className: cn(
+            "absolute bottom-[13px] font-mono font-bold text-[11px] whitespace-nowrap",
+            statusVar({ status: markerStatus }),
+            labelAlign
+          ),
           style: { left: `${markerPct}%`, color: "var(--seo-c)" },
           children: markerLabel
         }
@@ -50,7 +62,10 @@ function DensityGauge({ bands, markerPct, markerLabel, markerStatus, labels }) {
       /* @__PURE__ */ jsx(
         "span",
         {
-          className: cn("absolute -top-[3px] -translate-x-1/2 block w-[12px] h-[12px] rounded-full bg-neutral-0 border-2", statusVar({ status: markerStatus })),
+          className: cn(
+            "absolute -top-[3px] -translate-x-1/2 block w-[12px] h-[12px] rounded-full bg-neutral-0 border-2",
+            statusVar({ status: markerStatus })
+          ),
           style: { left: `${markerPct}%`, borderColor: "var(--seo-c)" }
         }
       )
@@ -58,7 +73,11 @@ function DensityGauge({ bands, markerPct, markerLabel, markerStatus, labels }) {
     /* @__PURE__ */ jsx("div", { className: "relative h-[14px] text-[10px] text-neutral-500", children: labels.map((label, i) => /* @__PURE__ */ jsx(
       "span",
       {
-        className: cn("absolute whitespace-nowrap", label.pct <= 0 ? "translate-x-0" : label.pct >= 100 ? "-translate-x-full" : "-translate-x-1/2", label.emphasis === "good" && "text-seo-good"),
+        className: cn(
+          "absolute whitespace-nowrap",
+          label.pct <= 0 ? "translate-x-0" : label.pct >= 100 ? "-translate-x-full" : "-translate-x-1/2",
+          label.emphasis === "good" && "text-seo-good"
+        ),
         style: { left: `${label.pct}%` },
         children: label.text
       },

package/dist/ui/CheckRow/CheckVisualization/visualizations/DensityGauge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DensityGauge.tsx"],"sourcesContent":["\"use client\";\n\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../../../utils/style\";\nimport { statusVar } from \"../../../../components/SeoDrawer/variants\";\nimport type { GaugeModel } from \"../../../../engine/types/visualization\";\n\nexport function DensityGauge({ bands, markerPct, markerLabel, markerStatus, labels }: GaugeModel) {\n  const barRef = useRef<HTMLDivElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [dims, setDims] = useState({ bar: 0, label: 0 });\n\n  const markerPx = (markerPct / 100) * dims.bar;\n  const halfLabel = dims.label / 2;\n  const labelAlign = dims.label === 0 ? \"-translate-x-1/2\" : markerPx < halfLabel ? \"translate-x-0\" : markerPx > dims.bar - halfLabel ? \"-translate-x-full\" : \"-translate-x-1/2\";\n\n  const firstVisibleBand = bands.findIndex((band) => band.endPct > band.startPct);\n  const lastVisibleBand = bands.reduce((acc, band, i) => (band.endPct > band.startPct ? i : acc), -1);\n\n  useLayoutEffect(() => {\n    const bar = barRef.current;\n    const label = labelRef.current;\n\n    if (!(bar && label)) return;\n\n    const measure = () => setDims({ bar: bar.offsetWidth, label: label.offsetWidth });\n\n    const observer = new ResizeObserver(measure);\n\n    measure();\n    observer.observe(bar);\n    observer.observe(label);\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <>\n      <div ref={barRef} className=\"relative h-[6px] rounded-[3px] mt-[24px] mb-[14px]\">\n        {bands.map((band, i) => (\n          <i\n            key={`${band.status}-${i}`}\n            className={cn(\"absolute inset-y-0\", statusVar({ status: band.status }), i === firstVisibleBand && \"rounded-l-[3px]\", i === lastVisibleBand && \"rounded-r-[3px]\")}\n            style={{\n              left: `${band.startPct}%`,\n              width: `${band.endPct - band.startPct}%`,\n              background: \"var(--seo-c)\",\n            }}\n          />\n        ))}\n        <span\n          ref={labelRef}\n          className={cn(\"absolute bottom-[13px] font-mono font-bold text-[11px] whitespace-nowrap\", statusVar({ status: markerStatus }), labelAlign)}\n          style={{ left: `${markerPct}%`, color: \"var(--seo-c)\" }}\n        >\n          {markerLabel}\n        </span>\n        <span\n          className={cn(\"absolute -top-[3px] -translate-x-1/2 block w-[12px] h-[12px] rounded-full bg-neutral-0 border-2\", statusVar({ status: markerStatus }))}\n          style={{ left: `${markerPct}%`, borderColor: \"var(--seo-c)\" }}\n        />\n      </div>\n      <div className=\"relative h-[14px] text-[10px] text-neutral-500\">\n        {labels.map((label, i) => (\n          <span\n            key={`${label.text}-${i}`}\n            className={cn(\"absolute whitespace-nowrap\", label.pct <= 0 ? \"translate-x-0\" : label.pct >= 100 ? \"-translate-x-full\" : \"-translate-x-1/2\", label.emphasis === \"good\" && \"text-seo-good\")}\n            style={{ left: `${label.pct}%` }}\n          >\n            {label.text}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAqCI,mBAGM,KAFJ,YADF;AAnCJ,SAAS,iBAAiB,QAAQ,gBAAgB;AAClD,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAGnB,SAAS,aAAa,EAAE,OAAO,WAAW,aAAa,cAAc,OAAO,GAAe;AAChG,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,WAAW,OAAwB,IAAI;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;AAErD,QAAM,WAAY,YAAY,MAAO,KAAK;AAC1C,QAAM,YAAY,KAAK,QAAQ;AAC/B,QAAM,aAAa,KAAK,UAAU,IAAI,qBAAqB,WAAW,YAAY,kBAAkB,WAAW,KAAK,MAAM,YAAY,sBAAsB;AAE5J,QAAM,mBAAmB,MAAM,UAAU,CAAC,SAAS,KAAK,SAAS,KAAK,QAAQ;AAC9E,QAAM,kBAAkB,MAAM,OAAO,CAAC,KAAK,MAAM,MAAO,KAAK,SAAS,KAAK,WAAW,IAAI,KAAM,EAAE;AAElG,kBAAgB,MAAM;AACpB,UAAM,MAAM,OAAO;AACnB,UAAM,QAAQ,SAAS;AAEvB,QAAI,EAAE,OAAO;AAAQ;AAErB,UAAM,UAAU,MAAM,QAAQ,EAAE,KAAK,IAAI,aAAa,OAAO,MAAM,YAAY,CAAC;AAEhF,UAAM,WAAW,IAAI,eAAe,OAAO;AAE3C,YAAQ;AACR,aAAS,QAAQ,GAAG;AACpB,aAAS,QAAQ,KAAK;AAEtB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA,yBAAC,SAAI,KAAK,QAAQ,WAAU,sDACzB;AAAA,YAAM,IAAI,CAAC,MAAM,MAChB;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,GAAG,sBAAsB,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC,GAAG,MAAM,oBAAoB,mBAAmB,MAAM,mBAAmB,iBAAiB;AAAA,UAC/J,OAAO;AAAA,YACL,MAAM,GAAG,KAAK,QAAQ;AAAA,YACtB,OAAO,GAAG,KAAK,SAAS,KAAK,QAAQ;AAAA,YACrC,YAAY;AAAA,UACd;AAAA;AAAA,QANK,GAAG,KAAK,MAAM,IAAI,CAAC;AAAA,MAO1B,CACD;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAW,GAAG,4EAA4E,UAAU,EAAE,QAAQ,aAAa,CAAC,GAAG,UAAU;AAAA,UACzI,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,eAAe;AAAA,UAErD;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,mGAAmG,UAAU,EAAE,QAAQ,aAAa,CAAC,CAAC;AAAA,UACpJ,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,aAAa,eAAe;AAAA;AAAA,MAC9D;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,kDACZ,iBAAO,IAAI,CAAC,OAAO,MAClB;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,GAAG,8BAA8B,MAAM,OAAO,IAAI,kBAAkB,MAAM,OAAO,MAAM,sBAAsB,oBAAoB,MAAM,aAAa,UAAU,eAAe;AAAA,QACxL,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;AAAA,QAE9B,gBAAM;AAAA;AAAA,MAJF,GAAG,MAAM,IAAI,IAAI,CAAC;AAAA,IAKzB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DensityGauge.tsx"],"sourcesContent":["\"use client\";\n\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../../../utils/style\";\nimport { statusVar } from \"../../../../components/SeoDrawer/variants\";\nimport type { GaugeModel } from \"../../../../engine/types/visualization\";\n\nexport function DensityGauge({ bands, markerPct, markerLabel, markerStatus, labels }: GaugeModel) {\n  const barRef = useRef<HTMLDivElement>(null);\n  const labelRef = useRef<HTMLSpanElement>(null);\n  const [dims, setDims] = useState({ bar: 0, label: 0 });\n\n  const markerPx = (markerPct / 100) * dims.bar;\n  const halfLabel = dims.label / 2;\n  const labelAlign =\n    dims.label === 0\n      ? \"-translate-x-1/2\"\n      : markerPx < halfLabel\n        ? \"translate-x-0\"\n        : markerPx > dims.bar - halfLabel\n          ? \"-translate-x-full\"\n          : \"-translate-x-1/2\";\n\n  const firstVisibleBand = bands.findIndex((band) => band.endPct > band.startPct);\n  const lastVisibleBand = bands.reduce(\n    (acc, band, i) => (band.endPct > band.startPct ? i : acc),\n    -1\n  );\n\n  useLayoutEffect(() => {\n    const bar = barRef.current;\n    const label = labelRef.current;\n\n    if (!(bar && label)) return;\n\n    const measure = () => setDims({ bar: bar.offsetWidth, label: label.offsetWidth });\n\n    const observer = new ResizeObserver(measure);\n\n    measure();\n    observer.observe(bar);\n    observer.observe(label);\n\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <>\n      <div ref={barRef} className=\"relative h-[6px] rounded-[3px] mt-[24px] mb-[14px]\">\n        {bands.map((band, i) => (\n          <i\n            key={`${band.status}-${i}`}\n            className={cn(\n              \"absolute inset-y-0\",\n              statusVar({ status: band.status }),\n              i === firstVisibleBand && \"rounded-l-[3px]\",\n              i === lastVisibleBand && \"rounded-r-[3px]\"\n            )}\n            style={{\n              left: `${band.startPct}%`,\n              width: `${band.endPct - band.startPct}%`,\n              background: \"var(--seo-c)\",\n            }}\n          />\n        ))}\n        <span\n          ref={labelRef}\n          className={cn(\n            \"absolute bottom-[13px] font-mono font-bold text-[11px] whitespace-nowrap\",\n            statusVar({ status: markerStatus }),\n            labelAlign\n          )}\n          style={{ left: `${markerPct}%`, color: \"var(--seo-c)\" }}\n        >\n          {markerLabel}\n        </span>\n        <span\n          className={cn(\n            \"absolute -top-[3px] -translate-x-1/2 block w-[12px] h-[12px] rounded-full bg-neutral-0 border-2\",\n            statusVar({ status: markerStatus })\n          )}\n          style={{ left: `${markerPct}%`, borderColor: \"var(--seo-c)\" }}\n        />\n      </div>\n      <div className=\"relative h-[14px] text-[10px] text-neutral-500\">\n        {labels.map((label, i) => (\n          <span\n            key={`${label.text}-${i}`}\n            className={cn(\n              \"absolute whitespace-nowrap\",\n              label.pct <= 0\n                ? \"translate-x-0\"\n                : label.pct >= 100\n                  ? \"-translate-x-full\"\n                  : \"-translate-x-1/2\",\n              label.emphasis === \"good\" && \"text-seo-good\"\n            )}\n            style={{ left: `${label.pct}%` }}\n          >\n            {label.text}\n          </span>\n        ))}\n      </div>\n    </>\n  );\n}\n"],"mappings":";AA+CI,mBAGM,KAFJ,YADF;AA7CJ,SAAS,iBAAiB,QAAQ,gBAAgB;AAClD,SAAS,UAAU;AACnB,SAAS,iBAAiB;AAGnB,SAAS,aAAa,EAAE,OAAO,WAAW,aAAa,cAAc,OAAO,GAAe;AAChG,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,WAAW,OAAwB,IAAI;AAC7C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE,KAAK,GAAG,OAAO,EAAE,CAAC;AAErD,QAAM,WAAY,YAAY,MAAO,KAAK;AAC1C,QAAM,YAAY,KAAK,QAAQ;AAC/B,QAAM,aACJ,KAAK,UAAU,IACX,qBACA,WAAW,YACT,kBACA,WAAW,KAAK,MAAM,YACpB,sBACA;AAEV,QAAM,mBAAmB,MAAM,UAAU,CAAC,SAAS,KAAK,SAAS,KAAK,QAAQ;AAC9E,QAAM,kBAAkB,MAAM;AAAA,IAC5B,CAAC,KAAK,MAAM,MAAO,KAAK,SAAS,KAAK,WAAW,IAAI;AAAA,IACrD;AAAA,EACF;AAEA,kBAAgB,MAAM;AACpB,UAAM,MAAM,OAAO;AACnB,UAAM,QAAQ,SAAS;AAEvB,QAAI,EAAE,OAAO;AAAQ;AAErB,UAAM,UAAU,MAAM,QAAQ,EAAE,KAAK,IAAI,aAAa,OAAO,MAAM,YAAY,CAAC;AAEhF,UAAM,WAAW,IAAI,eAAe,OAAO;AAE3C,YAAQ;AACR,aAAS,QAAQ,GAAG;AACpB,aAAS,QAAQ,KAAK;AAEtB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA,yBAAC,SAAI,KAAK,QAAQ,WAAU,sDACzB;AAAA,YAAM,IAAI,CAAC,MAAM,MAChB;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW;AAAA,YACT;AAAA,YACA,UAAU,EAAE,QAAQ,KAAK,OAAO,CAAC;AAAA,YACjC,MAAM,oBAAoB;AAAA,YAC1B,MAAM,mBAAmB;AAAA,UAC3B;AAAA,UACA,OAAO;AAAA,YACL,MAAM,GAAG,KAAK,QAAQ;AAAA,YACtB,OAAO,GAAG,KAAK,SAAS,KAAK,QAAQ;AAAA,YACrC,YAAY;AAAA,UACd;AAAA;AAAA,QAXK,GAAG,KAAK,MAAM,IAAI,CAAC;AAAA,MAY1B,CACD;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,WAAW;AAAA,YACT;AAAA,YACA,UAAU,EAAE,QAAQ,aAAa,CAAC;AAAA,YAClC;AAAA,UACF;AAAA,UACA,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,eAAe;AAAA,UAErD;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,UAAU,EAAE,QAAQ,aAAa,CAAC;AAAA,UACpC;AAAA,UACA,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,aAAa,eAAe;AAAA;AAAA,MAC9D;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,kDACZ,iBAAO,IAAI,CAAC,OAAO,MAClB;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW;AAAA,UACT;AAAA,UACA,MAAM,OAAO,IACT,kBACA,MAAM,OAAO,MACX,sBACA;AAAA,UACN,MAAM,aAAa,UAAU;AAAA,QAC/B;AAAA,QACA,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;AAAA,QAE9B,gBAAM;AAAA;AAAA,MAZF,GAAG,MAAM,IAAI,IAAI,CAAC;AAAA,IAazB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/CheckRow/CheckVisualization/visualizations/DistributionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DistributionBar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DistributionBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAgB/D"}
+{"version":3,"file":"DistributionBar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DistributionBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAEhF,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAoB/D"}

package/dist/ui/CheckRow/CheckVisualization/visualizations/DistributionBar.js

@@ -2,7 +2,14 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function DistributionBar({ positions }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "seo-docbar relative h-[24px] rounded-rs border border-neutral-200", children: positions.map((p, i) => /* @__PURE__ */ jsx("i", { className: "absolute top-[3px] bottom-[3px] w-[3px] rounded-[2px] bg-neutral-800", style: { left: `${p}%` } }, `${p}-${i}`)) }),
+    /* @__PURE__ */ jsx("div", { className: "seo-docbar relative h-[24px] rounded-rs border border-neutral-200", children: positions.map((p, i) => /* @__PURE__ */ jsx(
+      "i",
+      {
+        className: "absolute top-[3px] bottom-[3px] w-[3px] rounded-[2px] bg-neutral-800",
+        style: { left: `${p}%` }
+      },
+      `${p}-${i}`
+    )) }),
     /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[10px] text-neutral-500 mt-[5px]", children: [
       /* @__PURE__ */ jsx("span", { children: "start" }),
       /* @__PURE__ */ jsx("span", { children: "middle" }),

package/dist/ui/CheckRow/CheckVisualization/visualizations/DistributionBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DistributionBar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DistributionModel } from \"../../../../engine/types/visualization\";\n\nexport function DistributionBar({ positions }: DistributionModel) {\n  return (\n    <>\n      <div className=\"seo-docbar relative h-[24px] rounded-rs border border-neutral-200\">\n        {positions.map((p, i) => (\n          <i key={`${p}-${i}`} className=\"absolute top-[3px] bottom-[3px] w-[3px] rounded-[2px] bg-neutral-800\" style={{ left: `${p}%` }} />\n        ))}\n      </div>\n\n      <div className=\"flex justify-between text-[10px] text-neutral-500 mt-[5px]\">\n        <span>start</span>\n        <span>middle</span>\n        <span>end</span>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAMI,mBAGM,KAIJ,YAPF;AAFG,SAAS,gBAAgB,EAAE,UAAU,GAAsB;AAChE,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,qEACZ,oBAAU,IAAI,CAAC,GAAG,MACjB,oBAAC,OAAoB,WAAU,wEAAuE,OAAO,EAAE,MAAM,GAAG,CAAC,IAAI,KAArH,GAAG,CAAC,IAAI,CAAC,EAA+G,CACjI,GACH;AAAA,IAEA,qBAAC,SAAI,WAAU,8DACb;AAAA,0BAAC,UAAK,mBAAK;AAAA,MACX,oBAAC,UAAK,oBAAM;AAAA,MACZ,oBAAC,UAAK,iBAAG;AAAA,OACX;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DistributionBar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DistributionModel } from \"../../../../engine/types/visualization\";\n\nexport function DistributionBar({ positions }: DistributionModel) {\n  return (\n    <>\n      <div className=\"seo-docbar relative h-[24px] rounded-rs border border-neutral-200\">\n        {positions.map((p, i) => (\n          <i\n            key={`${p}-${i}`}\n            className=\"absolute top-[3px] bottom-[3px] w-[3px] rounded-[2px] bg-neutral-800\"\n            style={{ left: `${p}%` }}\n          />\n        ))}\n      </div>\n\n      <div className=\"flex justify-between text-[10px] text-neutral-500 mt-[5px]\">\n        <span>start</span>\n        <span>middle</span>\n        <span>end</span>\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAMI,mBAGM,KAQJ,YAXF;AAFG,SAAS,gBAAgB,EAAE,UAAU,GAAsB;AAChE,SACE,iCACE;AAAA,wBAAC,SAAI,WAAU,qEACZ,oBAAU,IAAI,CAAC,GAAG,MACjB;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QACV,OAAO,EAAE,MAAM,GAAG,CAAC,IAAI;AAAA;AAAA,MAFlB,GAAG,CAAC,IAAI,CAAC;AAAA,IAGhB,CACD,GACH;AAAA,IAEA,qBAAC,SAAI,WAAU,8DACb;AAAA,0BAAC,UAAK,mBAAK;AAAA,MACX,oBAAC,UAAK,oBAAM;AAAA,MACZ,oBAAC,UAAK,iBAAG;AAAA,OACX;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/CheckRow/CheckVisualization/visualizations/DrillDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DrillDown.d.ts","sourceRoot":"","sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DrillDown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAE7E,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,kDAiCzD"}
+{"version":3,"file":"DrillDown.d.ts","sourceRoot":"","sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DrillDown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAE7E,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,cAAc,kDAoCzD"}

package/dist/ui/CheckRow/CheckVisualization/visualizations/DrillDown.js

@@ -24,10 +24,17 @@ function DrillDown({ items, label }) {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx("div", { className: cn("mt-[8px] flex-col gap-[4px]", open ? "flex" : "hidden"), children: items.map((it, i) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[11px] text-neutral-700 bg-neutral-50 rounded-rs px-[9px] py-[4px]", children: [
-      /* @__PURE__ */ jsx("span", { children: it.left }),
-      /* @__PURE__ */ jsx("span", { className: "text-neutral-1000", children: it.right })
-    ] }, `${it.left}-${i}`)) })
+    /* @__PURE__ */ jsx("div", { className: cn("mt-[8px] flex-col gap-[4px]", open ? "flex" : "hidden"), children: items.map((it, i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex justify-between text-[11px] text-neutral-700 bg-neutral-50 rounded-rs px-[9px] py-[4px]",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: it.left }),
+          /* @__PURE__ */ jsx("span", { className: "text-neutral-1000", children: it.right })
+        ]
+      },
+      `${it.left}-${i}`
+    )) })
   ] });
 }
 export {

package/dist/ui/CheckRow/CheckVisualization/visualizations/DrillDown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DrillDown.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { cn } from \"../../../../utils/style\";\nimport type { DrilldownModel } from \"../../../../engine/types/visualization\";\n\nexport function DrillDown({ items, label }: DrilldownModel) {\n  const [open, setOpen] = useState(false);\n\n  if (!items.length) return null;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        className=\"mt-[8px] text-[11px] text-neutral-700 bg-neutral-100 border border-neutral-200 rounded-rs px-[9px] py-[4px] cursor-pointer inline-flex items-center gap-[4px]\"\n        onClick={() => setOpen((o) => !o)}\n      >\n        {open ? (\n          <>\n            Hide <ChevronUp size={14} />\n          </>\n        ) : (\n          <>\n            {label} <ChevronDown size={14} />\n          </>\n        )}\n      </button>\n\n      <div className={cn(\"mt-[8px] flex-col gap-[4px]\", open ? \"flex\" : \"hidden\")}>\n        {items.map((it, i) => (\n          <div className=\"flex justify-between text-[11px] text-neutral-700 bg-neutral-50 rounded-rs px-[9px] py-[4px]\" key={`${it.left}-${i}`}>\n            <span>{it.left}</span>\n            <span className=\"text-neutral-1000\">{it.right}</span>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAoBU,mBACO,KADP;AAlBV,SAAS,aAAa,iBAAiB;AACvC,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAGZ,SAAS,UAAU,EAAE,OAAO,MAAM,GAAmB;AAC1D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,MAAI,CAAC,MAAM;AAAQ,WAAO;AAE1B,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QAE/B,iBACC,iCAAE;AAAA;AAAA,UACK,oBAAC,aAAU,MAAM,IAAI;AAAA,WAC5B,IAEA,iCACG;AAAA;AAAA,UAAM;AAAA,UAAC,oBAAC,eAAY,MAAM,IAAI;AAAA,WACjC;AAAA;AAAA,IAEJ;AAAA,IAEA,oBAAC,SAAI,WAAW,GAAG,+BAA+B,OAAO,SAAS,QAAQ,GACvE,gBAAM,IAAI,CAAC,IAAI,MACd,qBAAC,SAAI,WAAU,gGACb;AAAA,0BAAC,UAAM,aAAG,MAAK;AAAA,MACf,oBAAC,UAAK,WAAU,qBAAqB,aAAG,OAAM;AAAA,SAFmE,GAAG,GAAG,IAAI,IAAI,CAAC,EAGlI,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/DrillDown.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronUp } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { cn } from \"../../../../utils/style\";\nimport type { DrilldownModel } from \"../../../../engine/types/visualization\";\n\nexport function DrillDown({ items, label }: DrilldownModel) {\n  const [open, setOpen] = useState(false);\n\n  if (!items.length) return null;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        className=\"mt-[8px] text-[11px] text-neutral-700 bg-neutral-100 border border-neutral-200 rounded-rs px-[9px] py-[4px] cursor-pointer inline-flex items-center gap-[4px]\"\n        onClick={() => setOpen((o) => !o)}\n      >\n        {open ? (\n          <>\n            Hide <ChevronUp size={14} />\n          </>\n        ) : (\n          <>\n            {label} <ChevronDown size={14} />\n          </>\n        )}\n      </button>\n\n      <div className={cn(\"mt-[8px] flex-col gap-[4px]\", open ? \"flex\" : \"hidden\")}>\n        {items.map((it, i) => (\n          <div\n            className=\"flex justify-between text-[11px] text-neutral-700 bg-neutral-50 rounded-rs px-[9px] py-[4px]\"\n            key={`${it.left}-${i}`}\n          >\n            <span>{it.left}</span>\n            <span className=\"text-neutral-1000\">{it.right}</span>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n"],"mappings":";AAoBU,mBACO,KADP;AAlBV,SAAS,aAAa,iBAAiB;AACvC,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAGZ,SAAS,UAAU,EAAE,OAAO,MAAM,GAAmB;AAC1D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,MAAI,CAAC,MAAM;AAAQ,WAAO;AAE1B,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,QAE/B,iBACC,iCAAE;AAAA;AAAA,UACK,oBAAC,aAAU,MAAM,IAAI;AAAA,WAC5B,IAEA,iCACG;AAAA;AAAA,UAAM;AAAA,UAAC,oBAAC,eAAY,MAAM,IAAI;AAAA,WACjC;AAAA;AAAA,IAEJ;AAAA,IAEA,oBAAC,SAAI,WAAW,GAAG,+BAA+B,OAAO,SAAS,QAAQ,GACvE,gBAAM,IAAI,CAAC,IAAI,MACd;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QAGV;AAAA,8BAAC,UAAM,aAAG,MAAK;AAAA,UACf,oBAAC,UAAK,WAAU,qBAAqB,aAAG,OAAM;AAAA;AAAA;AAAA,MAHzC,GAAG,GAAG,IAAI,IAAI,CAAC;AAAA,IAItB,CACD,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/CheckRow/CheckVisualization/visualizations/SegmentBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentBar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/SegmentBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAc3E,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,YAAY,2CA0BvF"}
+{"version":3,"file":"SegmentBar.d.ts","sourceRoot":"","sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/SegmentBar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AAc3E,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,YAAY,2CA6BvF"}

package/dist/ui/CheckRow/CheckVisualization/visualizations/SegmentBar.js

@@ -17,7 +17,13 @@ function SegmentBar({ countLabel, filledPct, filledStatus, legend }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     countLabel && /* @__PURE__ */ jsx("div", { className: "text-[10px] text-neutral-500 font-mono mb-[4px] flex justify-end", children: /* @__PURE__ */ jsx("span", { children: countLabel }) }),
     /* @__PURE__ */ jsxs("div", { className: "flex h-[6px] rounded-[3px] overflow-hidden", children: [
-      /* @__PURE__ */ jsx("i", { className: cn("block h-full", statusVar({ status: filledStatus })), style: { width: `${filledPct}%`, background: "var(--seo-c)" } }),
+      /* @__PURE__ */ jsx(
+        "i",
+        {
+          className: cn("block h-full", statusVar({ status: filledStatus })),
+          style: { width: `${filledPct}%`, background: "var(--seo-c)" }
+        }
+      ),
       /* @__PURE__ */ jsx("i", { className: "block h-full bg-neutral-150", style: { width: `${100 - filledPct}%` } })
     ] }),
     legend && /* @__PURE__ */ jsx("div", { className: "flex gap-[14px] text-[11px] mt-[6px]", children: legend.map((l) => /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-[5px] text-neutral-700", children: [

package/dist/ui/CheckRow/CheckVisualization/visualizations/SegmentBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/SegmentBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../../../../utils/style\";\nimport type { SegmentModel } from \"../../../../engine/types/visualization\";\nimport { statusVar } from \"../../../../components/SeoDrawer/variants\";\n\nconst swatchVariants = cva(\"w-[8px] h-[8px] rounded-[2px] inline-block\", {\n  variants: {\n    tone: {\n      good: \"bg-seo-good\",\n      warn: \"bg-seo-warn\",\n      bad: \"bg-seo-bad\",\n      muted: \"bg-neutral-300\",\n    },\n  },\n});\n\nexport function SegmentBar({ countLabel, filledPct, filledStatus, legend }: SegmentModel) {\n  return (\n    <>\n      {countLabel && (\n        <div className=\"text-[10px] text-neutral-500 font-mono mb-[4px] flex justify-end\">\n          <span>{countLabel}</span>\n        </div>\n      )}\n\n      <div className=\"flex h-[6px] rounded-[3px] overflow-hidden\">\n        <i className={cn(\"block h-full\", statusVar({ status: filledStatus }))} style={{ width: `${filledPct}%`, background: \"var(--seo-c)\" }} />\n        <i className=\"block h-full bg-neutral-150\" style={{ width: `${100 - filledPct}%` }} />\n      </div>\n\n      {legend && (\n        <div className=\"flex gap-[14px] text-[11px] mt-[6px]\">\n          {legend.map((l) => (\n            <span key={l.label} className=\"inline-flex items-center gap-[5px] text-neutral-700\">\n              <span className={swatchVariants({ tone: l.tone })} />\n              {l.label}\n            </span>\n          ))}\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";AAoBI,mBAGM,KAIJ,YAPF;AAlBJ,SAAS,WAAW;AACpB,SAAS,UAAU;AAEnB,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB,IAAI,8CAA8C;AAAA,EACvE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAEM,SAAS,WAAW,EAAE,YAAY,WAAW,cAAc,OAAO,GAAiB;AACxF,SACE,iCACG;AAAA,kBACC,oBAAC,SAAI,WAAU,oEACb,8BAAC,UAAM,sBAAW,GACpB;AAAA,IAGF,qBAAC,SAAI,WAAU,8CACb;AAAA,0BAAC,OAAE,WAAW,GAAG,gBAAgB,UAAU,EAAE,QAAQ,aAAa,CAAC,CAAC,GAAG,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK,YAAY,eAAe,GAAG;AAAA,MACtI,oBAAC,OAAE,WAAU,+BAA8B,OAAO,EAAE,OAAO,GAAG,MAAM,SAAS,IAAI,GAAG;AAAA,OACtF;AAAA,IAEC,UACC,oBAAC,SAAI,WAAU,wCACZ,iBAAO,IAAI,CAAC,MACX,qBAAC,UAAmB,WAAU,uDAC5B;AAAA,0BAAC,UAAK,WAAW,eAAe,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;AAAA,MAClD,EAAE;AAAA,SAFM,EAAE,KAGb,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/ui/CheckRow/CheckVisualization/visualizations/SegmentBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../../../../utils/style\";\nimport type { SegmentModel } from \"../../../../engine/types/visualization\";\nimport { statusVar } from \"../../../../components/SeoDrawer/variants\";\n\nconst swatchVariants = cva(\"w-[8px] h-[8px] rounded-[2px] inline-block\", {\n  variants: {\n    tone: {\n      good: \"bg-seo-good\",\n      warn: \"bg-seo-warn\",\n      bad: \"bg-seo-bad\",\n      muted: \"bg-neutral-300\",\n    },\n  },\n});\n\nexport function SegmentBar({ countLabel, filledPct, filledStatus, legend }: SegmentModel) {\n  return (\n    <>\n      {countLabel && (\n        <div className=\"text-[10px] text-neutral-500 font-mono mb-[4px] flex justify-end\">\n          <span>{countLabel}</span>\n        </div>\n      )}\n\n      <div className=\"flex h-[6px] rounded-[3px] overflow-hidden\">\n        <i\n          className={cn(\"block h-full\", statusVar({ status: filledStatus }))}\n          style={{ width: `${filledPct}%`, background: \"var(--seo-c)\" }}\n        />\n        <i className=\"block h-full bg-neutral-150\" style={{ width: `${100 - filledPct}%` }} />\n      </div>\n\n      {legend && (\n        <div className=\"flex gap-[14px] text-[11px] mt-[6px]\">\n          {legend.map((l) => (\n            <span key={l.label} className=\"inline-flex items-center gap-[5px] text-neutral-700\">\n              <span className={swatchVariants({ tone: l.tone })} />\n              {l.label}\n            </span>\n          ))}\n        </div>\n      )}\n    </>\n  );\n}\n"],"mappings":";AAoBI,mBAGM,KAIJ,YAPF;AAlBJ,SAAS,WAAW;AACpB,SAAS,UAAU;AAEnB,SAAS,iBAAiB;AAE1B,MAAM,iBAAiB,IAAI,8CAA8C;AAAA,EACvE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;AAEM,SAAS,WAAW,EAAE,YAAY,WAAW,cAAc,OAAO,GAAiB;AACxF,SACE,iCACG;AAAA,kBACC,oBAAC,SAAI,WAAU,oEACb,8BAAC,UAAM,sBAAW,GACpB;AAAA,IAGF,qBAAC,SAAI,WAAU,8CACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,GAAG,gBAAgB,UAAU,EAAE,QAAQ,aAAa,CAAC,CAAC;AAAA,UACjE,OAAO,EAAE,OAAO,GAAG,SAAS,KAAK,YAAY,eAAe;AAAA;AAAA,MAC9D;AAAA,MACA,oBAAC,OAAE,WAAU,+BAA8B,OAAO,EAAE,OAAO,GAAG,MAAM,SAAS,IAAI,GAAG;AAAA,OACtF;AAAA,IAEC,UACC,oBAAC,SAAI,WAAU,wCACZ,iBAAO,IAAI,CAAC,MACX,qBAAC,UAAmB,WAAU,uDAC5B;AAAA,0BAAC,UAAK,WAAW,eAAe,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;AAAA,MAClD,EAAE;AAAA,SAFM,EAAE,KAGb,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/ui/CheckRow/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/CheckRow/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG/D,UAAU,aAAa;IACrB,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,2CA4BhD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/CheckRow/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAG/D,UAAU,aAAa;IACrB,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,aAAa,2CAoChD"}

package/dist/ui/CheckRow/index.js

@@ -13,15 +13,29 @@ function CheckRow({ check }) {
     tip: ""
   };
   const Icon = CHECK_ICONS[check.id] ?? CHECK_ICONS._default;
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative px-[15px] py-[13px] overflow-visible", ROW_SEPARATOR), "data-status": check.status, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[9px] mb-[7px]", children: [
-      /* @__PURE__ */ jsx("span", { className: "w-[26px] h-[26px] rounded-rs bg-neutral-100 text-neutral-600 grid place-items-center flex-none [&_svg]:size-[15px]", children: /* @__PURE__ */ jsx(Icon, { size: 15 }) }),
-      /* @__PURE__ */ jsx("span", { className: "flex-1 font-semibold text-[12.5px]", children: /* @__PURE__ */ jsx(Tooltip, { content: meta.tip, className: "border-0 border-b border-dotted border-neutral-400", children: meta.name }) }),
-      /* @__PURE__ */ jsx(Pill, { variant: check.status, children: STATUS_PILL_LABEL[check.status] })
-    ] }),
-    /* @__PURE__ */ jsx(CheckVisualization, { check }),
-    check.recommendation && /* @__PURE__ */ jsx("div", { className: "text-neutral-600 text-[11.5px]", children: check.recommendation })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("relative px-[15px] py-[13px] overflow-visible", ROW_SEPARATOR),
+      "data-status": check.status,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[9px] mb-[7px]", children: [
+          /* @__PURE__ */ jsx("span", { className: "w-[26px] h-[26px] rounded-rs bg-neutral-100 text-neutral-600 grid place-items-center flex-none [&_svg]:size-[15px]", children: /* @__PURE__ */ jsx(Icon, { size: 15 }) }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 font-semibold text-[12.5px]", children: /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              content: meta.tip,
+              className: "border-0 border-b border-dotted border-neutral-400",
+              children: meta.name
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Pill, { variant: check.status, children: STATUS_PILL_LABEL[check.status] })
+        ] }),
+        /* @__PURE__ */ jsx(CheckVisualization, { check }),
+        check.recommendation && /* @__PURE__ */ jsx("div", { className: "text-neutral-600 text-[11.5px]", children: check.recommendation })
+      ]
+    }
+  );
 }
 export {
   CheckRow

package/dist/ui/CheckRow/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/ui/CheckRow/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { CHECK_ICONS } from \"../../components/icons\";\nimport { CheckVisualization } from \"./CheckVisualization\";\nimport { LABELS } from \"./constants/labels\";\nimport { Pill } from \"../Pill\";\nimport { STATUS_PILL_LABEL } from \"../../constants\";\nimport { Tooltip } from \"../Tooltip\";\nimport type { CheckResult } from \"../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../utils/style\";\n\ninterface CheckRowProps {\n  check: CheckResult;\n}\n\nexport function CheckRow({ check }: CheckRowProps) {\n  const meta = LABELS[check.id as keyof typeof LABELS] ?? {\n    name: check.id,\n    tip: \"\",\n  };\n  const Icon = CHECK_ICONS[check.id] ?? CHECK_ICONS._default;\n\n  return (\n    <div className={cn(\"relative px-[15px] py-[13px] overflow-visible\", ROW_SEPARATOR)} data-status={check.status}>\n      <div className=\"flex items-center gap-[9px] mb-[7px]\">\n        <span className=\"w-[26px] h-[26px] rounded-rs bg-neutral-100 text-neutral-600 grid place-items-center flex-none [&_svg]:size-[15px]\">\n          <Icon size={15} />\n        </span>\n\n        <span className=\"flex-1 font-semibold text-[12.5px]\">\n          <Tooltip content={meta.tip} className=\"border-0 border-b border-dotted border-neutral-400\">\n            {meta.name}\n          </Tooltip>\n        </span>\n\n        <Pill variant={check.status}>{STATUS_PILL_LABEL[check.status]}</Pill>\n      </div>\n\n      <CheckVisualization check={check} />\n\n      {check.recommendation && <div className=\"text-neutral-600 text-[11.5px]\">{check.recommendation}</div>}\n    </div>\n  );\n}\n"],"mappings":";AAwBM,SAEI,KAFJ;AAtBN,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,eAAe;AAExB,SAAS,IAAI,qBAAqB;AAM3B,SAAS,SAAS,EAAE,MAAM,GAAkB;AACjD,QAAM,OAAO,OAAO,MAAM,EAAyB,KAAK;AAAA,IACtD,MAAM,MAAM;AAAA,IACZ,KAAK;AAAA,EACP;AACA,QAAM,OAAO,YAAY,MAAM,EAAE,KAAK,YAAY;AAElD,SACE,qBAAC,SAAI,WAAW,GAAG,iDAAiD,aAAa,GAAG,eAAa,MAAM,QACrG;AAAA,yBAAC,SAAI,WAAU,wCACb;AAAA,0BAAC,UAAK,WAAU,sHACd,8BAAC,QAAK,MAAM,IAAI,GAClB;AAAA,MAEA,oBAAC,UAAK,WAAU,sCACd,8BAAC,WAAQ,SAAS,KAAK,KAAK,WAAU,sDACnC,eAAK,MACR,GACF;AAAA,MAEA,oBAAC,QAAK,SAAS,MAAM,QAAS,4BAAkB,MAAM,MAAM,GAAE;AAAA,OAChE;AAAA,IAEA,oBAAC,sBAAmB,OAAc;AAAA,IAEjC,MAAM,kBAAkB,oBAAC,SAAI,WAAU,kCAAkC,gBAAM,gBAAe;AAAA,KACjG;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/ui/CheckRow/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { CHECK_ICONS } from \"../../components/icons\";\nimport { CheckVisualization } from \"./CheckVisualization\";\nimport { LABELS } from \"./constants/labels\";\nimport { Pill } from \"../Pill\";\nimport { STATUS_PILL_LABEL } from \"../../constants\";\nimport { Tooltip } from \"../Tooltip\";\nimport type { CheckResult } from \"../../engine/types/analysis\";\nimport { cn, ROW_SEPARATOR } from \"../../utils/style\";\n\ninterface CheckRowProps {\n  check: CheckResult;\n}\n\nexport function CheckRow({ check }: CheckRowProps) {\n  const meta = LABELS[check.id as keyof typeof LABELS] ?? {\n    name: check.id,\n    tip: \"\",\n  };\n  const Icon = CHECK_ICONS[check.id] ?? CHECK_ICONS._default;\n\n  return (\n    <div\n      className={cn(\"relative px-[15px] py-[13px] overflow-visible\", ROW_SEPARATOR)}\n      data-status={check.status}\n    >\n      <div className=\"flex items-center gap-[9px] mb-[7px]\">\n        <span className=\"w-[26px] h-[26px] rounded-rs bg-neutral-100 text-neutral-600 grid place-items-center flex-none [&_svg]:size-[15px]\">\n          <Icon size={15} />\n        </span>\n\n        <span className=\"flex-1 font-semibold text-[12.5px]\">\n          <Tooltip\n            content={meta.tip}\n            className=\"border-0 border-b border-dotted border-neutral-400\"\n          >\n            {meta.name}\n          </Tooltip>\n        </span>\n\n        <Pill variant={check.status}>{STATUS_PILL_LABEL[check.status]}</Pill>\n      </div>\n\n      <CheckVisualization check={check} />\n\n      {check.recommendation && (\n        <div className=\"text-neutral-600 text-[11.5px]\">{check.recommendation}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA2BM,SAEI,KAFJ;AAzBN,SAAS,mBAAmB;AAC5B,SAAS,0BAA0B;AACnC,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,yBAAyB;AAClC,SAAS,eAAe;AAExB,SAAS,IAAI,qBAAqB;AAM3B,SAAS,SAAS,EAAE,MAAM,GAAkB;AACjD,QAAM,OAAO,OAAO,MAAM,EAAyB,KAAK;AAAA,IACtD,MAAM,MAAM;AAAA,IACZ,KAAK;AAAA,EACP;AACA,QAAM,OAAO,YAAY,MAAM,EAAE,KAAK,YAAY;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,iDAAiD,aAAa;AAAA,MAC5E,eAAa,MAAM;AAAA,MAEnB;AAAA,6BAAC,SAAI,WAAU,wCACb;AAAA,8BAAC,UAAK,WAAU,sHACd,8BAAC,QAAK,MAAM,IAAI,GAClB;AAAA,UAEA,oBAAC,UAAK,WAAU,sCACd;AAAA,YAAC;AAAA;AAAA,cACC,SAAS,KAAK;AAAA,cACd,WAAU;AAAA,cAET,eAAK;AAAA;AAAA,UACR,GACF;AAAA,UAEA,oBAAC,QAAK,SAAS,MAAM,QAAS,4BAAkB,MAAM,MAAM,GAAE;AAAA,WAChE;AAAA,QAEA,oBAAC,sBAAmB,OAAc;AAAA,QAEjC,MAAM,kBACL,oBAAC,SAAI,WAAU,kCAAkC,gBAAM,gBAAe;AAAA;AAAA;AAAA,EAE1E;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPills.d.ts","sourceRoot":"","sources":["../../src/ui/FilterPills.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGpE,MAAM,MAAM,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAkCpC,UAAU,gBAAgB;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CASxE"}
+{"version":3,"file":"FilterPills.d.ts","sourceRoot":"","sources":["../../src/ui/FilterPills.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGpE,MAAM,MAAM,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;AAiDpC,UAAU,gBAAgB;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAoCxE"}

package/dist/ui/FilterPills.js

@@ -3,32 +3,91 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../utils/style";
 import { statusVar } from "../components/SeoDrawer/variants";
-const filterPillVariants = cva("inline-flex items-center gap-[5px] px-[10px] py-[4px] rounded-[20px] border text-[11px] font-medium cursor-pointer", {
-  variants: {
-    active: {
-      true: "bg-neutral-1000 text-neutral-0 border-neutral-1000",
-      false: "border-neutral-200 bg-neutral-0 text-neutral-700"
-    }
-  },
-  defaultVariants: { active: false }
-});
+const filterPillVariants = cva(
+  "inline-flex items-center gap-[5px] px-[10px] py-[4px] rounded-[20px] border text-[11px] font-medium cursor-pointer",
+  {
+    variants: {
+      active: {
+        true: "bg-neutral-1000 text-neutral-0 border-neutral-1000",
+        false: "border-neutral-200 bg-neutral-0 text-neutral-700"
+      }
+    },
+    defaultVariants: { active: false }
+  }
+);
 function Pill({ filter, label, count, active, onSelect, dotStatus }) {
-  return /* @__PURE__ */ jsxs("button", { type: "button", className: filterPillVariants({ active }), onClick: () => onSelect(filter), children: [
-    dotStatus && /* @__PURE__ */ jsx("span", { className: cn("w-[6px] h-[6px] rounded-full inline-block", statusVar({ status: dotStatus })), style: { background: "var(--seo-c)" } }),
-    label,
-    " ",
-    /* @__PURE__ */ jsx("span", { className: "font-mono font-bold", children: count })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: filterPillVariants({ active }),
+      onClick: () => onSelect(filter),
+      children: [
+        dotStatus && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "w-[6px] h-[6px] rounded-full inline-block",
+              statusVar({ status: dotStatus })
+            ),
+            style: { background: "var(--seo-c)" }
+          }
+        ),
+        label,
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "font-mono font-bold", children: count })
+      ]
+    }
+  );
 }
 function countByStatus(checks, status) {
   return checks.filter((c) => c.status === status).length;
 }
 function FilterPills({ checks, value, onChange }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex gap-[6px] flex-wrap px-[15px] py-[11px]", children: [
-    /* @__PURE__ */ jsx(Pill, { filter: "all", label: "All", count: checks.length, active: value === "all", onSelect: onChange }),
-    /* @__PURE__ */ jsx(Pill, { filter: "bad", label: "Problems", count: countByStatus(checks, "bad"), active: value === "bad", onSelect: onChange, dotStatus: "bad" }),
-    /* @__PURE__ */ jsx(Pill, { filter: "warn", label: "Needs work", count: countByStatus(checks, "warn"), active: value === "warn", onSelect: onChange, dotStatus: "warn" }),
-    /* @__PURE__ */ jsx(Pill, { filter: "good", label: "Good", count: countByStatus(checks, "good"), active: value === "good", onSelect: onChange, dotStatus: "good" })
+    /* @__PURE__ */ jsx(
+      Pill,
+      {
+        filter: "all",
+        label: "All",
+        count: checks.length,
+        active: value === "all",
+        onSelect: onChange
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Pill,
+      {
+        filter: "bad",
+        label: "Problems",
+        count: countByStatus(checks, "bad"),
+        active: value === "bad",
+        onSelect: onChange,
+        dotStatus: "bad"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Pill,
+      {
+        filter: "warn",
+        label: "Needs work",
+        count: countByStatus(checks, "warn"),
+        active: value === "warn",
+        onSelect: onChange,
+        dotStatus: "warn"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Pill,
+      {
+        filter: "good",
+        label: "Good",
+        count: countByStatus(checks, "good"),
+        active: value === "good",
+        onSelect: onChange,
+        dotStatus: "good"
+      }
+    )
   ] });
 }
 export {

package/dist/ui/FilterPills.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/FilterPills.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../utils/style\";\nimport type { CheckResult, Status } from \"../engine/types/analysis\";\nimport { statusVar } from \"../components/SeoDrawer/variants\";\n\nexport type Filter = \"all\" | Status;\n\nconst filterPillVariants = cva(\"inline-flex items-center gap-[5px] px-[10px] py-[4px] rounded-[20px] border text-[11px] font-medium cursor-pointer\", {\n  variants: {\n    active: {\n      true: \"bg-neutral-1000 text-neutral-0 border-neutral-1000\",\n      false: \"border-neutral-200 bg-neutral-0 text-neutral-700\",\n    },\n  },\n  defaultVariants: { active: false },\n});\n\ninterface PillProps {\n  filter: Filter;\n  label: string;\n  count: number;\n  active: boolean;\n  onSelect: (f: Filter) => void;\n  dotStatus?: Status;\n}\n\nfunction Pill({ filter, label, count, active, onSelect, dotStatus }: PillProps) {\n  return (\n    <button type=\"button\" className={filterPillVariants({ active })} onClick={() => onSelect(filter)}>\n      {dotStatus && <span className={cn(\"w-[6px] h-[6px] rounded-full inline-block\", statusVar({ status: dotStatus }))} style={{ background: \"var(--seo-c)\" }} />}\n      {label} <span className=\"font-mono font-bold\">{count}</span>\n    </button>\n  );\n}\n\nfunction countByStatus(checks: CheckResult[], status: Status) {\n  return checks.filter((c) => c.status === status).length;\n}\n\ninterface FilterPillsProps {\n  checks: CheckResult[];\n  value: Filter;\n  onChange: (f: Filter) => void;\n}\n\nexport function FilterPills({ checks, value, onChange }: FilterPillsProps) {\n  return (\n    <div className=\"flex gap-[6px] flex-wrap px-[15px] py-[11px]\">\n      <Pill filter=\"all\" label=\"All\" count={checks.length} active={value === \"all\"} onSelect={onChange} />\n      <Pill filter=\"bad\" label=\"Problems\" count={countByStatus(checks, \"bad\")} active={value === \"bad\"} onSelect={onChange} dotStatus=\"bad\" />\n      <Pill filter=\"warn\" label=\"Needs work\" count={countByStatus(checks, \"warn\")} active={value === \"warn\"} onSelect={onChange} dotStatus=\"warn\" />\n      <Pill filter=\"good\" label=\"Good\" count={countByStatus(checks, \"good\")} active={value === \"good\"} onSelect={onChange} dotStatus=\"good\" />\n    </div>\n  );\n}\n"],"mappings":";AA8BI,SACgB,KADhB;AA5BJ,SAAS,WAAW;AACpB,SAAS,UAAU;AAEnB,SAAS,iBAAiB;AAI1B,MAAM,qBAAqB,IAAI,sHAAsH;AAAA,EACnJ,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB,EAAE,QAAQ,MAAM;AACnC,CAAC;AAWD,SAAS,KAAK,EAAE,QAAQ,OAAO,OAAO,QAAQ,UAAU,UAAU,GAAc;AAC9E,SACE,qBAAC,YAAO,MAAK,UAAS,WAAW,mBAAmB,EAAE,OAAO,CAAC,GAAG,SAAS,MAAM,SAAS,MAAM,GAC5F;AAAA,iBAAa,oBAAC,UAAK,WAAW,GAAG,6CAA6C,UAAU,EAAE,QAAQ,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,YAAY,eAAe,GAAG;AAAA,IACxJ;AAAA,IAAM;AAAA,IAAC,oBAAC,UAAK,WAAU,uBAAuB,iBAAM;AAAA,KACvD;AAEJ;AAEA,SAAS,cAAc,QAAuB,QAAgB;AAC5D,SAAO,OAAO,OAAO,CAAC,MAAM,EAAE,WAAW,MAAM,EAAE;AACnD;AAQO,SAAS,YAAY,EAAE,QAAQ,OAAO,SAAS,GAAqB;AACzE,SACE,qBAAC,SAAI,WAAU,gDACb;AAAA,wBAAC,QAAK,QAAO,OAAM,OAAM,OAAM,OAAO,OAAO,QAAQ,QAAQ,UAAU,OAAO,UAAU,UAAU;AAAA,IAClG,oBAAC,QAAK,QAAO,OAAM,OAAM,YAAW,OAAO,cAAc,QAAQ,KAAK,GAAG,QAAQ,UAAU,OAAO,UAAU,UAAU,WAAU,OAAM;AAAA,IACtI,oBAAC,QAAK,QAAO,QAAO,OAAM,cAAa,OAAO,cAAc,QAAQ,MAAM,GAAG,QAAQ,UAAU,QAAQ,UAAU,UAAU,WAAU,QAAO;AAAA,IAC5I,oBAAC,QAAK,QAAO,QAAO,OAAM,QAAO,OAAO,cAAc,QAAQ,MAAM,GAAG,QAAQ,UAAU,QAAQ,UAAU,UAAU,WAAU,QAAO;AAAA,KACxI;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/ui/FilterPills.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport { cn } from \"../utils/style\";\nimport type { CheckResult, Status } from \"../engine/types/analysis\";\nimport { statusVar } from \"../components/SeoDrawer/variants\";\n\nexport type Filter = \"all\" | Status;\n\nconst filterPillVariants = cva(\n  \"inline-flex items-center gap-[5px] px-[10px] py-[4px] rounded-[20px] border text-[11px] font-medium cursor-pointer\",\n  {\n    variants: {\n      active: {\n        true: \"bg-neutral-1000 text-neutral-0 border-neutral-1000\",\n        false: \"border-neutral-200 bg-neutral-0 text-neutral-700\",\n      },\n    },\n    defaultVariants: { active: false },\n  }\n);\n\ninterface PillProps {\n  filter: Filter;\n  label: string;\n  count: number;\n  active: boolean;\n  onSelect: (f: Filter) => void;\n  dotStatus?: Status;\n}\n\nfunction Pill({ filter, label, count, active, onSelect, dotStatus }: PillProps) {\n  return (\n    <button\n      type=\"button\"\n      className={filterPillVariants({ active })}\n      onClick={() => onSelect(filter)}\n    >\n      {dotStatus && (\n        <span\n          className={cn(\n            \"w-[6px] h-[6px] rounded-full inline-block\",\n            statusVar({ status: dotStatus })\n          )}\n          style={{ background: \"var(--seo-c)\" }}\n        />\n      )}\n      {label} <span className=\"font-mono font-bold\">{count}</span>\n    </button>\n  );\n}\n\nfunction countByStatus(checks: CheckResult[], status: Status) {\n  return checks.filter((c) => c.status === status).length;\n}\n\ninterface FilterPillsProps {\n  checks: CheckResult[];\n  value: Filter;\n  onChange: (f: Filter) => void;\n}\n\nexport function FilterPills({ checks, value, onChange }: FilterPillsProps) {\n  return (\n    <div className=\"flex gap-[6px] flex-wrap px-[15px] py-[11px]\">\n      <Pill\n        filter=\"all\"\n        label=\"All\"\n        count={checks.length}\n        active={value === \"all\"}\n        onSelect={onChange}\n      />\n      <Pill\n        filter=\"bad\"\n        label=\"Problems\"\n        count={countByStatus(checks, \"bad\")}\n        active={value === \"bad\"}\n        onSelect={onChange}\n        dotStatus=\"bad\"\n      />\n      <Pill\n        filter=\"warn\"\n        label=\"Needs work\"\n        count={countByStatus(checks, \"warn\")}\n        active={value === \"warn\"}\n        onSelect={onChange}\n        dotStatus=\"warn\"\n      />\n      <Pill\n        filter=\"good\"\n        label=\"Good\"\n        count={countByStatus(checks, \"good\")}\n        active={value === \"good\"}\n        onSelect={onChange}\n        dotStatus=\"good\"\n      />\n    </div>\n  );\n}\n"],"mappings":";AAiCI,SAMI,KANJ;AA/BJ,SAAS,WAAW;AACpB,SAAS,UAAU;AAEnB,SAAS,iBAAiB;AAI1B,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,QAAQ,MAAM;AAAA,EACnC;AACF;AAWA,SAAS,KAAK,EAAE,QAAQ,OAAO,OAAO,QAAQ,UAAU,UAAU,GAAc;AAC9E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,mBAAmB,EAAE,OAAO,CAAC;AAAA,MACxC,SAAS,MAAM,SAAS,MAAM;AAAA,MAE7B;AAAA,qBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,UAAU,EAAE,QAAQ,UAAU,CAAC;AAAA,YACjC;AAAA,YACA,OAAO,EAAE,YAAY,eAAe;AAAA;AAAA,QACtC;AAAA,QAED;AAAA,QAAM;AAAA,QAAC,oBAAC,UAAK,WAAU,uBAAuB,iBAAM;AAAA;AAAA;AAAA,EACvD;AAEJ;AAEA,SAAS,cAAc,QAAuB,QAAgB;AAC5D,SAAO,OAAO,OAAO,CAAC,MAAM,EAAE,WAAW,MAAM,EAAE;AACnD;AAQO,SAAS,YAAY,EAAE,QAAQ,OAAO,SAAS,GAAqB;AACzE,SACE,qBAAC,SAAI,WAAU,gDACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,QAAQ,UAAU;AAAA,QAClB,UAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAM;AAAA,QACN,OAAO,cAAc,QAAQ,KAAK;AAAA,QAClC,QAAQ,UAAU;AAAA,QAClB,UAAU;AAAA,QACV,WAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAM;AAAA,QACN,OAAO,cAAc,QAAQ,MAAM;AAAA,QACnC,QAAQ,UAAU;AAAA,QAClB,UAAU;AAAA,QACV,WAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAM;AAAA,QACN,OAAO,cAAc,QAAQ,MAAM;AAAA,QACnC,QAAQ,UAAU;AAAA,QAClB,UAAU;AAAA,QACV,WAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../../src/ui/KpiCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,YAAY,2CAa7D"}
+{"version":3,"file":"KpiCard.d.ts","sourceRoot":"","sources":["../../src/ui/KpiCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,YAAY,2CAe7D"}

package/dist/ui/KpiCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/KpiCard.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { SectionWrapper } from \"./SectionWrapper\";\n\ninterface KpiCardProps {\n  label: string;\n  value: ReactNode;\n  suffix?: string;\n}\n\nexport function KpiCard({ label, value, suffix }: KpiCardProps) {\n  return (\n    <SectionWrapper className=\"px-[13px] py-[12px]\">\n      <div className=\"flex items-center gap-[6px]\">\n        <span className=\"text-[9.5px] uppercase tracking-[0.05em] text-neutral-500 font-semibold\">{label}</span>\n      </div>\n\n      <div className=\"text-[23px] font-bold mt-[5px] leading-none\">\n        {value}\n        {suffix && <small className=\"text-[11px] font-medium text-neutral-500\"> {suffix}</small>}\n      </div>\n    </SectionWrapper>\n  );\n}\n"],"mappings":";AAeQ,cAKW,YALX;AAZR,SAAS,sBAAsB;AAQxB,SAAS,QAAQ,EAAE,OAAO,OAAO,OAAO,GAAiB;AAC9D,SACE,qBAAC,kBAAe,WAAU,uBACxB;AAAA,wBAAC,SAAI,WAAU,+BACb,8BAAC,UAAK,WAAU,2EAA2E,iBAAM,GACnG;AAAA,IAEA,qBAAC,SAAI,WAAU,+CACZ;AAAA;AAAA,MACA,UAAU,qBAAC,WAAM,WAAU,4CAA2C;AAAA;AAAA,QAAE;AAAA,SAAO;AAAA,OAClF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/ui/KpiCard.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport { SectionWrapper } from \"./SectionWrapper\";\n\ninterface KpiCardProps {\n  label: string;\n  value: ReactNode;\n  suffix?: string;\n}\n\nexport function KpiCard({ label, value, suffix }: KpiCardProps) {\n  return (\n    <SectionWrapper className=\"px-[13px] py-[12px]\">\n      <div className=\"flex items-center gap-[6px]\">\n        <span className=\"text-[9.5px] uppercase tracking-[0.05em] text-neutral-500 font-semibold\">\n          {label}\n        </span>\n      </div>\n\n      <div className=\"text-[23px] font-bold mt-[5px] leading-none\">\n        {value}\n        {suffix && <small className=\"text-[11px] font-medium text-neutral-500\"> {suffix}</small>}\n      </div>\n    </SectionWrapper>\n  );\n}\n"],"mappings":";AAeQ,cAOW,YAPX;AAZR,SAAS,sBAAsB;AAQxB,SAAS,QAAQ,EAAE,OAAO,OAAO,OAAO,GAAiB;AAC9D,SACE,qBAAC,kBAAe,WAAU,uBACxB;AAAA,wBAAC,SAAI,WAAU,+BACb,8BAAC,UAAK,WAAU,2EACb,iBACH,GACF;AAAA,IAEA,qBAAC,SAAI,WAAU,+CACZ;AAAA;AAAA,MACA,UAAU,qBAAC,WAAM,WAAU,4CAA2C;AAAA;AAAA,QAAE;AAAA,SAAO;AAAA,OAClF;AAAA,KACF;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../src/ui/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAcvD,UAAU,SAAS;IACjB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAEpD"}
+{"version":3,"file":"Pill.d.ts","sourceRoot":"","sources":["../../src/ui/Pill.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAiBvD,UAAU,SAAS;IACjB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,SAAS,2CAEpD"}

package/dist/ui/Pill.js

@@ -1,16 +1,19 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-const pillVariants = cva("inline-flex items-center gap-[4px] px-[14px] py-[1px] rounded-[20px] text-[11px] font-semibold", {
-  variants: {
-    variant: {
-      good: "bg-seo-good-100 text-seo-good",
-      warn: "bg-seo-warn-100 text-seo-warn",
-      bad: "bg-seo-bad-100 text-seo-bad",
-      neutral: "bg-neutral-100 text-neutral-500"
+const pillVariants = cva(
+  "inline-flex items-center gap-[4px] px-[14px] py-[1px] rounded-[20px] text-[11px] font-semibold",
+  {
+    variants: {
+      variant: {
+        good: "bg-seo-good-100 text-seo-good",
+        warn: "bg-seo-warn-100 text-seo-warn",
+        bad: "bg-seo-bad-100 text-seo-bad",
+        neutral: "bg-neutral-100 text-neutral-500"
+      }
     }
   }
-});
+);
 function Pill({ variant, children }) {
   return /* @__PURE__ */ jsx("span", { className: pillVariants({ variant }), children });
 }

package/dist/ui/Pill.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/Pill.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport type { Status } from \"../engine/types/analysis\";\nimport { cva } from \"class-variance-authority\";\n\nconst pillVariants = cva(\"inline-flex items-center gap-[4px] px-[14px] py-[1px] rounded-[20px] text-[11px] font-semibold\", {\n  variants: {\n    variant: {\n      good: \"bg-seo-good-100 text-seo-good\",\n      warn: \"bg-seo-warn-100 text-seo-warn\",\n      bad: \"bg-seo-bad-100 text-seo-bad\",\n      neutral: \"bg-neutral-100 text-neutral-500\",\n    },\n  },\n});\n\ninterface PillProps {\n  variant: Status | \"neutral\";\n  children: ReactNode;\n}\n\nexport function Pill({ variant, children }: PillProps) {\n  return <span className={pillVariants({ variant })}>{children}</span>;\n}\n"],"mappings":";AAuBS;AAnBT,SAAS,WAAW;AAEpB,MAAM,eAAe,IAAI,kGAAkG;AAAA,EACzH,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF;AACF,CAAC;AAOM,SAAS,KAAK,EAAE,SAAS,SAAS,GAAc;AACrD,SAAO,oBAAC,UAAK,WAAW,aAAa,EAAE,QAAQ,CAAC,GAAI,UAAS;AAC/D;","names":[]}
+{"version":3,"sources":["../../src/ui/Pill.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport type { Status } from \"../engine/types/analysis\";\nimport { cva } from \"class-variance-authority\";\n\nconst pillVariants = cva(\n  \"inline-flex items-center gap-[4px] px-[14px] py-[1px] rounded-[20px] text-[11px] font-semibold\",\n  {\n    variants: {\n      variant: {\n        good: \"bg-seo-good-100 text-seo-good\",\n        warn: \"bg-seo-warn-100 text-seo-warn\",\n        bad: \"bg-seo-bad-100 text-seo-bad\",\n        neutral: \"bg-neutral-100 text-neutral-500\",\n      },\n    },\n  }\n);\n\ninterface PillProps {\n  variant: Status | \"neutral\";\n  children: ReactNode;\n}\n\nexport function Pill({ variant, children }: PillProps) {\n  return <span className={pillVariants({ variant })}>{children}</span>;\n}\n"],"mappings":";AA0BS;AAtBT,SAAS,WAAW;AAEpB,MAAM,eAAe;AAAA,EACnB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,QACN,KAAK;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF;AAOO,SAAS,KAAK,EAAE,SAAS,SAAS,GAAc;AACrD,SAAO,oBAAC,UAAK,WAAW,aAAa,EAAE,QAAQ,CAAC,GAAI,UAAS;AAC/D;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ScoreRing.d.ts","sourceRoot":"","sources":["../../src/ui/ScoreRing.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAIvD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,cAAc,2CAa1D"}
+{"version":3,"file":"ScoreRing.d.ts","sourceRoot":"","sources":["../../src/ui/ScoreRing.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAIvD,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,cAAc,2CAmB1D"}