@empoweredvote/ev-ui 0.2.2 → 0.3.0

package/dist/index.mjs

@@ -4032,15 +4032,155 @@ var styles = {
   }
 };
 
+// src/TopicTierBadge.jsx
+import React18 from "react";
+function LandmarkIcon({ size = 14 }) {
+  return /* @__PURE__ */ React18.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React18.createElement("path", { d: "M10 18v-7" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M14 18v-7" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M18 18v-7" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M3 22h18" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M6 18v-7" })
+  );
+}
+function Building2Icon({ size = 14 }) {
+  return /* @__PURE__ */ React18.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React18.createElement("path", { d: "M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M6 12H4a2 2 0 0 0-2 2v8h4" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M18 9h2a2 2 0 0 1 2 2v11h-4" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M10 6h4" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M10 10h4" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M10 14h4" }),
+    /* @__PURE__ */ React18.createElement("path", { d: "M10 18h4" })
+  );
+}
+function HomeIcon({ size = 14 }) {
+  return /* @__PURE__ */ React18.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true"
+    },
+    /* @__PURE__ */ React18.createElement("path", { d: "m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+    /* @__PURE__ */ React18.createElement("polyline", { points: "9 22 9 12 15 12 15 22" })
+  );
+}
+var TIER_INFO = {
+  federal: { label: "Federal", Icon: LandmarkIcon },
+  state: { label: "State", Icon: Building2Icon },
+  local: { label: "Local", Icon: HomeIcon }
+};
+var SIZE_STYLES = {
+  xs: {
+    iconSize: 12,
+    fontSize: fontSizes.xs,
+    pillPadding: `${spacing[1]} ${spacing[2]}`,
+    gap: spacing[1],
+    iconGap: "3px"
+  },
+  sm: {
+    iconSize: 14,
+    fontSize: fontSizes.xs,
+    pillPadding: `${spacing[1]} ${spacing[2]}`,
+    gap: spacing[2],
+    iconGap: "4px"
+  }
+};
+function TopicTierBadge({
+  topic,
+  tiers,
+  size = "sm",
+  iconOnly = false,
+  variant = "tinted",
+  style = {}
+}) {
+  const effectiveTiers = tiers != null ? tiers : topic ? [
+    topic.applies_federal ? "federal" : null,
+    topic.applies_state ? "state" : null,
+    topic.applies_local ? "local" : null
+  ].filter(Boolean) : [];
+  if (effectiveTiers.length === 0) return null;
+  const sizeStyle = SIZE_STYLES[size] || SIZE_STYLES.sm;
+  const containerStyle2 = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: sizeStyle.gap,
+    flexWrap: "wrap",
+    ...style
+  };
+  const itemStyle = (tier) => {
+    const color = variant === "muted" ? "#6B7280" : tierColors[tier].text;
+    return {
+      display: "inline-flex",
+      alignItems: "center",
+      gap: sizeStyle.iconGap,
+      fontFamily: fonts.primary,
+      fontWeight: fontWeights.medium,
+      fontSize: sizeStyle.fontSize,
+      color,
+      lineHeight: 1,
+      userSelect: "none"
+    };
+  };
+  return /* @__PURE__ */ React18.createElement(
+    "span",
+    {
+      className: "ev-topic-tier-badge",
+      style: containerStyle2,
+      role: "group",
+      "aria-label": `Applies at: ${effectiveTiers.map((t) => TIER_INFO[t].label).join(", ")}`
+    },
+    effectiveTiers.map((tier) => {
+      const { label, Icon } = TIER_INFO[tier];
+      return /* @__PURE__ */ React18.createElement("span", { key: tier, style: itemStyle(tier) }, /* @__PURE__ */ React18.createElement(Icon, { size: sizeStyle.iconSize }), !iconOnly && /* @__PURE__ */ React18.createElement("span", null, label));
+    })
+  );
+}
+
 // src/StanceAccordion.jsx
-import React19, { useState as useState10, useRef as useRef3, useCallback, useEffect as useEffect6 } from "react";
+import React20, { useState as useState10, useRef as useRef3, useCallback, useEffect as useEffect6 } from "react";
 
 // src/Favicon.jsx
-import React18 from "react";
+import React19 from "react";
 function Favicon({ url, size = 16 }) {
   try {
     const domain = new URL(url).hostname;
-    return /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React19.createElement(
       "img",
       {
         src: `https://www.google.com/s2/favicons?sz=${size}&domain=${domain}`,
@@ -4051,7 +4191,7 @@ function Favicon({ url, size = 16 }) {
       }
     );
   } catch {
-    return /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React19.createElement(
       "svg",
       {
         width: size,
@@ -4062,8 +4202,8 @@ function Favicon({ url, size = 16 }) {
         strokeWidth: "1.5",
         style: { verticalAlign: "middle", flexShrink: 0 }
       },
-      /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ React18.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+      /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ React19.createElement("path", { d: "M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
     );
   }
 }
@@ -4190,13 +4330,13 @@ function StanceAccordion({
       visibleTopics = [pinned, ...baseTopics.filter((t) => String(t.id) !== String(initialExpandedTopicId))];
     }
   }
-  return /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React20.createElement(
     "div",
     {
       className: "flex flex-col",
       style: { fontFamily: "'Manrope', sans-serif" }
     },
-    /* @__PURE__ */ React19.createElement(
+    /* @__PURE__ */ React20.createElement(
       "h3",
       {
         className: "text-sm font-semibold text-neutral-400 uppercase tracking-wider mb-2",
@@ -4218,15 +4358,15 @@ function StanceAccordion({
         if (topic.topic_key) return q.issue === topic.topic_key;
         return topic.short_title && q.issue.toLowerCase() === topic.short_title.toLowerCase();
       }) : [];
-      return /* @__PURE__ */ React19.createElement("div", { key: topicId, className: "border-b border-neutral-100" }, /* @__PURE__ */ React19.createElement(
+      return /* @__PURE__ */ React20.createElement("div", { key: topicId, className: "border-b border-neutral-100" }, /* @__PURE__ */ React20.createElement(
         "button",
         {
           type: "button",
           onClick: () => handleToggle(topicId),
           className: "w-full flex items-center justify-between py-3 px-2 text-left cursor-pointer hover:bg-neutral-50 transition-colors"
         },
-        /* @__PURE__ */ React19.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React19.createElement("span", { className: "text-sm font-medium text-neutral-800 truncate" }, topic.short_title), questionText && /* @__PURE__ */ React19.createElement("span", { className: "text-xs text-neutral-400 mt-0.5" }, questionText), /* @__PURE__ */ React19.createElement("span", { className: "text-xs text-neutral-500 mt-0.5" }, label)),
-        /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React20.createElement("div", { className: "flex flex-col min-w-0" }, /* @__PURE__ */ React20.createElement("span", { className: "text-sm font-medium text-neutral-800 truncate" }, topic.short_title), questionText && /* @__PURE__ */ React20.createElement("span", { className: "text-xs text-neutral-400 mt-0.5" }, questionText), /* @__PURE__ */ React20.createElement("span", { className: "text-xs text-neutral-500 mt-0.5" }, label)),
+        /* @__PURE__ */ React20.createElement(
           "svg",
           {
             width: "16",
@@ -4243,9 +4383,9 @@ function StanceAccordion({
               transition: "transform 0.2s ease"
             }
           },
-          /* @__PURE__ */ React19.createElement("polyline", { points: "9 18 15 12 9 6" })
+          /* @__PURE__ */ React20.createElement("polyline", { points: "9 18 15 12 9 6" })
         )
-      ), /* @__PURE__ */ React19.createElement(
+      ), /* @__PURE__ */ React20.createElement(
         "div",
         {
           style: {
@@ -4254,7 +4394,7 @@ function StanceAccordion({
             transition: "grid-template-rows 0.25s ease"
           }
         },
-        /* @__PURE__ */ React19.createElement("div", { style: { overflow: "hidden" } }, /* @__PURE__ */ React19.createElement("div", { className: "px-2 pb-4" }, isLoading && /* @__PURE__ */ React19.createElement("div", { className: "flex items-center py-3" }, /* @__PURE__ */ React19.createElement(
+        /* @__PURE__ */ React20.createElement("div", { style: { overflow: "hidden" } }, /* @__PURE__ */ React20.createElement("div", { className: "px-2 pb-4" }, isLoading && /* @__PURE__ */ React20.createElement("div", { className: "flex items-center py-3" }, /* @__PURE__ */ React20.createElement(
           "div",
           {
             style: {
@@ -4266,14 +4406,14 @@ function StanceAccordion({
               animation: "ev-spin 0.8s linear infinite"
             }
           }
-        )), !isLoading && cached && /* @__PURE__ */ React19.createElement(React19.Fragment, null, cached.reasoning ? /* @__PURE__ */ React19.createElement(
+        )), !isLoading && cached && /* @__PURE__ */ React20.createElement(React20.Fragment, null, cached.reasoning ? /* @__PURE__ */ React20.createElement(
           "p",
           {
             className: "text-sm text-neutral-700 mb-3",
             style: { whiteSpace: "pre-wrap", lineHeight: 1.6 }
           },
           cached.reasoning
-        ) : null, cached.sources && cached.sources.length > 0 && /* @__PURE__ */ React19.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React19.createElement("p", { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wider mb-1.5" }, "References"), /* @__PURE__ */ React19.createElement("ol", { className: "list-decimal list-inside space-y-1" }, cached.sources.map((src, i) => /* @__PURE__ */ React19.createElement("li", { key: i, className: "text-xs text-neutral-600" }, /* @__PURE__ */ React19.createElement(
+        ) : null, cached.sources && cached.sources.length > 0 && /* @__PURE__ */ React20.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React20.createElement("p", { className: "text-xs font-semibold text-neutral-500 uppercase tracking-wider mb-1.5" }, "References"), /* @__PURE__ */ React20.createElement("ol", { className: "list-decimal list-inside space-y-1" }, cached.sources.map((src, i) => /* @__PURE__ */ React20.createElement("li", { key: i, className: "text-xs text-neutral-600" }, /* @__PURE__ */ React20.createElement(
           "a",
           {
             href: src,
@@ -4281,9 +4421,9 @@ function StanceAccordion({
             rel: "noreferrer",
             className: "inline-flex items-center gap-1.5 hover:text-[#00657c] transition-colors"
           },
-          /* @__PURE__ */ React19.createElement(Favicon, { url: src }),
-          /* @__PURE__ */ React19.createElement("span", { className: "underline underline-offset-2" }, getDisplayUrl(src))
-        ))))), topicQuotes.length > 0 && /* @__PURE__ */ React19.createElement("div", { style: { marginTop: "12px" } }, /* @__PURE__ */ React19.createElement(
+          /* @__PURE__ */ React20.createElement(Favicon, { url: src }),
+          /* @__PURE__ */ React20.createElement("span", { className: "underline underline-offset-2" }, getDisplayUrl(src))
+        ))))), topicQuotes.length > 0 && /* @__PURE__ */ React20.createElement("div", { style: { marginTop: "12px" } }, /* @__PURE__ */ React20.createElement(
           "p",
           {
             style: {
@@ -4300,7 +4440,7 @@ function StanceAccordion({
           const verdict = verdictsByQuote ? verdictsByQuote[quote.id] : void 0;
           const borderColor = verdict === "agreed" ? "#0e7490" : verdict === "disagreed" ? "#b45309" : "#e2e8f0";
           const sourceName = quote.source_name || quote.sourceName;
-          return /* @__PURE__ */ React19.createElement(
+          return /* @__PURE__ */ React20.createElement(
             "div",
             {
               key: quote.id,
@@ -4312,7 +4452,7 @@ function StanceAccordion({
                 marginBottom: "8px"
               }
             },
-            /* @__PURE__ */ React19.createElement(
+            /* @__PURE__ */ React20.createElement(
               "p",
               {
                 style: {
@@ -4325,7 +4465,7 @@ function StanceAccordion({
               },
               quote.text
             ),
-            verdict === "agreed" && /* @__PURE__ */ React19.createElement(
+            verdict === "agreed" && /* @__PURE__ */ React20.createElement(
               "span",
               {
                 style: {
@@ -4342,10 +4482,10 @@ function StanceAccordion({
                   flexShrink: 0
                 }
               },
-              /* @__PURE__ */ React19.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M5 13l4 4L19 7" })),
+              /* @__PURE__ */ React20.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React20.createElement("path", { d: "M5 13l4 4L19 7" })),
               "Agreed"
             ),
-            verdict === "disagreed" && /* @__PURE__ */ React19.createElement(
+            verdict === "disagreed" && /* @__PURE__ */ React20.createElement(
               "span",
               {
                 style: {
@@ -4362,10 +4502,10 @@ function StanceAccordion({
                   flexShrink: 0
                 }
               },
-              /* @__PURE__ */ React19.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React19.createElement("path", { d: "M6 18L18 6M6 6l12 12" })),
+              /* @__PURE__ */ React20.createElement("svg", { width: "11", height: "11", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React20.createElement("path", { d: "M6 18L18 6M6 6l12 12" })),
               "Disagreed"
             ),
-            sourceName && /* @__PURE__ */ React19.createElement(
+            sourceName && /* @__PURE__ */ React20.createElement(
               "a",
               {
                 href: quote.source_url || quote.sourceUrl,
@@ -4382,10 +4522,10 @@ function StanceAccordion({
               sourceName
             )
           );
-        })), !cached.reasoning && (!cached.sources || cached.sources.length === 0) && topicQuotes.length === 0 && /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-neutral-400 italic py-2" }, "No detailed reasoning available for this topic."))))
+        })), !cached.reasoning && (!cached.sources || cached.sources.length === 0) && topicQuotes.length === 0 && /* @__PURE__ */ React20.createElement("p", { className: "text-sm text-neutral-400 italic py-2" }, "No detailed reasoning available for this topic."))))
       ));
     }),
-    hasToggle && /* @__PURE__ */ React19.createElement(
+    hasToggle && /* @__PURE__ */ React20.createElement(
       "button",
       {
         type: "button",
@@ -4399,9 +4539,9 @@ function StanceAccordion({
 }
 
 // src/icons.js
-import React20 from "react";
+import React21 from "react";
 function BallotIcon({ size = 16, color = "currentColor" }) {
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "svg",
     {
       width: size,
@@ -4414,13 +4554,13 @@ function BallotIcon({ size = 16, color = "currentColor" }) {
       strokeLinejoin: "round",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React20.createElement("path", { d: "m9 12 2 2 4-4" }),
-    /* @__PURE__ */ React20.createElement("path", { d: "M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z" }),
-    /* @__PURE__ */ React20.createElement("path", { d: "M22 19H2" })
+    /* @__PURE__ */ React21.createElement("path", { d: "m9 12 2 2 4-4" }),
+    /* @__PURE__ */ React21.createElement("path", { d: "M5 7c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v12H5V7Z" }),
+    /* @__PURE__ */ React21.createElement("path", { d: "M22 19H2" })
   );
 }
 function CompassIcon({ size = 16, color = "currentColor" }) {
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "svg",
     {
       width: size,
@@ -4433,27 +4573,27 @@ function CompassIcon({ size = 16, color = "currentColor" }) {
       strokeLinejoin: "round",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React20.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React20.createElement("path", { d: "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z" })
+    /* @__PURE__ */ React21.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React21.createElement("path", { d: "m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z" })
   );
 }
 function BranchIcon({ size = 16, color = "currentColor", branch }) {
   let paths;
   switch (branch) {
     case "executive":
-      paths = /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("path", { d: "M3 21h18" }), /* @__PURE__ */ React20.createElement("path", { d: "M5 21V7l8-4v18" }), /* @__PURE__ */ React20.createElement("path", { d: "M19 21V11l-6-4" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 9v.01" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 12v.01" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 15v.01" }), /* @__PURE__ */ React20.createElement("path", { d: "M9 18v.01" }), /* @__PURE__ */ React20.createElement("path", { d: "M5 21h14" }), /* @__PURE__ */ React20.createElement("line", { x1: "13", y1: "5", x2: "13", y2: "3" }), /* @__PURE__ */ React20.createElement("line", { x1: "13", y1: "3", x2: "15", y2: "4" }));
+      paths = /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("path", { d: "M3 21h18" }), /* @__PURE__ */ React21.createElement("path", { d: "M5 21V7l8-4v18" }), /* @__PURE__ */ React21.createElement("path", { d: "M19 21V11l-6-4" }), /* @__PURE__ */ React21.createElement("path", { d: "M9 9v.01" }), /* @__PURE__ */ React21.createElement("path", { d: "M9 12v.01" }), /* @__PURE__ */ React21.createElement("path", { d: "M9 15v.01" }), /* @__PURE__ */ React21.createElement("path", { d: "M9 18v.01" }), /* @__PURE__ */ React21.createElement("path", { d: "M5 21h14" }), /* @__PURE__ */ React21.createElement("line", { x1: "13", y1: "5", x2: "13", y2: "3" }), /* @__PURE__ */ React21.createElement("line", { x1: "13", y1: "3", x2: "15", y2: "4" }));
       break;
     case "legislative":
-      paths = /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("path", { d: "M8 21h12a2 2 0 0 0 2-2v-2H10v2a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v3h4" }), /* @__PURE__ */ React20.createElement("path", { d: "M19 17V5a2 2 0 0 0-2-2H4" }), /* @__PURE__ */ React20.createElement("path", { d: "M15 8h-5" }), /* @__PURE__ */ React20.createElement("path", { d: "M15 12h-5" }));
+      paths = /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("path", { d: "M8 21h12a2 2 0 0 0 2-2v-2H10v2a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v3h4" }), /* @__PURE__ */ React21.createElement("path", { d: "M19 17V5a2 2 0 0 0-2-2H4" }), /* @__PURE__ */ React21.createElement("path", { d: "M15 8h-5" }), /* @__PURE__ */ React21.createElement("path", { d: "M15 12h-5" }));
       break;
     case "judicial":
-      paths = /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("path", { d: "M12 3v19" }), /* @__PURE__ */ React20.createElement("path", { d: "M5 8l7-5 7 5" }), /* @__PURE__ */ React20.createElement("path", { d: "M3 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ React20.createElement("path", { d: "M17 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ React20.createElement("path", { d: "M8 21h8" }));
+      paths = /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("path", { d: "M12 3v19" }), /* @__PURE__ */ React21.createElement("path", { d: "M5 8l7-5 7 5" }), /* @__PURE__ */ React21.createElement("path", { d: "M3 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ React21.createElement("path", { d: "M17 13l2-5 2 5a3 3 0 0 1-4 0z" }), /* @__PURE__ */ React21.createElement("path", { d: "M8 21h8" }));
       break;
     default:
-      paths = /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement("path", { d: "M10 18v-7" }), /* @__PURE__ */ React20.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }), /* @__PURE__ */ React20.createElement("path", { d: "M14 18v-7" }), /* @__PURE__ */ React20.createElement("path", { d: "M18 18v-7" }), /* @__PURE__ */ React20.createElement("path", { d: "M3 22h18" }), /* @__PURE__ */ React20.createElement("path", { d: "M6 18v-7" }));
+      paths = /* @__PURE__ */ React21.createElement(React21.Fragment, null, /* @__PURE__ */ React21.createElement("path", { d: "M10 18v-7" }), /* @__PURE__ */ React21.createElement("path", { d: "M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" }), /* @__PURE__ */ React21.createElement("path", { d: "M14 18v-7" }), /* @__PURE__ */ React21.createElement("path", { d: "M18 18v-7" }), /* @__PURE__ */ React21.createElement("path", { d: "M3 22h18" }), /* @__PURE__ */ React21.createElement("path", { d: "M6 18v-7" }));
       break;
   }
-  return /* @__PURE__ */ React20.createElement(
+  return /* @__PURE__ */ React21.createElement(
     "svg",
     {
       width: size,
@@ -4491,6 +4631,7 @@ export {
   SocialLinks,
   StanceAccordion,
   SubGroupSection,
+  TopicTierBadge,
   accessibleText,
   borderRadius,
   breakpoints,