@burdenoff/website-sdk 2026.1101.1 → 2026.1101.3

package/dist/chunk-YERN2UWM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/social-links.tsx"],"names":["jsx","Twitter","Linkedin","Github","Facebook","Youtube","Instagram","useProduct","jsxs","Mail"],"mappings":"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","file":"chunk-YERN2UWM.js","sourcesContent":["\"use client\";\n\n/**\n * SocialLinks Component\n *\n * Renders a row of social-media icons sourced from the **product CMS**.\n * The `socialLinks` field on `Product` (and `PublicProduct`) is a free-form\n * JSON record: `{ twitter, github, linkedin, facebook, youtube, instagram,\n * discord, pinterest, … }`. The admin sets per-product URLs in\n * `microfe-product → Products → <product>`; this component reads them via\n * `useProduct()` and renders icons for the platforms we know how to map.\n *\n * Unknown keys are **silently ignored** — the schema accepts any string key\n * so new platforms can be wired in admin without an SDK change, but they\n * won't render until this map grows.\n *\n * Why a component instead of inlining in each product website's Footer\n *\n * - Single source of truth for the platform → icon mapping.\n * - One swap to add a new platform (e.g. Threads, Bluesky) across all 5\n *   product websites.\n * - Eliminates the drift today between hard-coded URLs and CMS values\n *   (e.g. vibecontrols-website Footer had `twitter.com/vibecontrols`\n *   hard-coded while CMS had `twitter.com/burdenoff`).\n *\n * @example\n * ```tsx\n * import { SocialLinks } from '@burdenoff/website-sdk'\n *\n * // Auto-derives from useProduct().product.socialLinks\n * <SocialLinks />\n *\n * // Or pass explicitly\n * <SocialLinks\n *   links={{ twitter: 'https://twitter.com/example', github: 'https://github.com/example' }}\n *   email=\"contact@example.com\"\n * />\n *\n * // Restrict + reorder\n * <SocialLinks platforms={['github', 'twitter', 'linkedin']} />\n * ```\n */\n\nimport { type ComponentType } from \"react\";\n\nimport {\n  Facebook,\n  Github,\n  Instagram,\n  Linkedin,\n  Mail,\n  Twitter,\n  Youtube,\n} from \"lucide-react\";\n\nimport { useProduct } from \"../product/product-provider\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Platform keys the component knows how to render. Extends as we add icons.\n * Note: this is intentionally a small allowlist; the CMS JSON schema is\n * open-ended and the component silently skips unknown keys.\n */\nexport type SocialPlatform =\n  | \"twitter\"\n  | \"linkedin\"\n  | \"github\"\n  | \"facebook\"\n  | \"youtube\"\n  | \"instagram\"\n  | \"discord\"\n  | \"pinterest\";\n\nexport interface SocialLinksProps {\n  /**\n   * Map of platform → URL. If unset, reads from `useProduct().product.socialLinks`.\n   * Useful for passing static config when there's no `<ProductProvider>` upstream.\n   */\n  links?: Record<string, string> | null;\n  /**\n   * Contact email — renders a Mail icon linking to `mailto:…`. If unset,\n   * reads from `useProduct().product.contactEmail`. Pass `null` to suppress.\n   */\n  email?: string | null;\n  /**\n   * Allowlist + ORDER of platforms to render. Defaults to the natural CMS\n   * order (whatever the JSON returns). Use this to pin a stable visual order\n   * across products that may have different platform sets.\n   */\n  platforms?: readonly SocialPlatform[];\n  /** Whether to render the Mail icon for `email`. Default: `true` when an email is available. */\n  showEmail?: boolean;\n  /** Tailwind class controlling icon size. Default: `\"h-5 w-5\"`. */\n  iconClassName?: string;\n  /** Tailwind class for each `<a>` wrapping link. Defaults to a muted-foreground / hover-foreground transition. */\n  itemClassName?: string;\n  /** Tailwind class for the outer container. Default: `\"flex space-x-4\"`. */\n  className?: string;\n}\n\n// ============================================================================\n// Platform → icon map\n// ============================================================================\n\n/**\n * Custom inline SVG for platforms not covered by lucide-react.\n * Stays minimal — single-path icons keep bundle size tight.\n */\nfunction DiscordIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M20.317 4.369A19.79 19.79 0 0 0 16.558 3a.075.075 0 0 0-.079.037c-.34.6-.717 1.382-.98 1.99a18.27 18.27 0 0 0-5.998 0 12.51 12.51 0 0 0-.99-1.99.077.077 0 0 0-.079-.037 19.74 19.74 0 0 0-3.76 1.369.07.07 0 0 0-.032.028C.533 8.045-.32 11.6.099 15.114a.082.082 0 0 0 .031.056 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.027 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.105 13.1 13.1 0 0 1-1.872-.892.077.077 0 0 1-.008-.128c.126-.094.252-.192.372-.291a.074.074 0 0 1 .078-.01c3.927 1.793 8.18 1.793 12.061 0a.074.074 0 0 1 .079.009c.12.099.246.198.372.292a.077.077 0 0 1-.006.127 12.3 12.3 0 0 1-1.873.892.077.077 0 0 0-.041.106c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.077.077 0 0 0 .032-.055c.5-4.063-.838-7.587-3.549-10.717a.061.061 0 0 0-.031-.028zM8.02 13.001c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.956-2.418 2.157-2.418 1.21 0 2.176 1.094 2.157 2.418 0 1.334-.956 2.419-2.157 2.419zm7.974 0c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.956-2.418 2.157-2.418 1.21 0 2.176 1.094 2.157 2.418 0 1.334-.946 2.419-2.157 2.419z\" />\n    </svg>\n  );\n}\n\nfunction PinterestIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.357-.629-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12.017 24c6.624 0 11.99-5.367 11.99-11.987C24.007 5.367 18.641 0 12.017 0z\" />\n    </svg>\n  );\n}\n\ninterface PlatformDef {\n  /** lucide-react component or custom SVG component */\n  Icon: ComponentType<{ className?: string }>;\n  /** Accessible label for the link */\n  label: string;\n  /** Optional alias keys that should also resolve to this platform */\n  aliases?: readonly string[];\n}\n\nconst PLATFORMS: Record<SocialPlatform, PlatformDef> = {\n  twitter: { Icon: Twitter, label: \"Twitter / X\", aliases: [\"x\"] },\n  linkedin: { Icon: Linkedin, label: \"LinkedIn\" },\n  github: { Icon: Github, label: \"GitHub\" },\n  facebook: { Icon: Facebook, label: \"Facebook\" },\n  youtube: { Icon: Youtube, label: \"YouTube\" },\n  instagram: { Icon: Instagram, label: \"Instagram\" },\n  discord: { Icon: DiscordIcon, label: \"Discord\" },\n  pinterest: { Icon: PinterestIcon, label: \"Pinterest\" },\n};\n\n/**\n * Build a `key → SocialPlatform` lookup so aliases (e.g. `\"x\"` → `\"twitter\"`)\n * resolve in O(1). Memoised at module scope; never recomputed.\n */\nconst KEY_TO_PLATFORM: Record<string, SocialPlatform> = (() => {\n  const map: Record<string, SocialPlatform> = {};\n  for (const [key, def] of Object.entries(PLATFORMS) as [\n    SocialPlatform,\n    PlatformDef,\n  ][]) {\n    map[key] = key;\n    for (const alias of def.aliases ?? []) {\n      map[alias] = key;\n    }\n  }\n  return map;\n})();\n\nconst DEFAULT_ITEM_CLASS =\n  \"text-muted-foreground hover:text-foreground transition-colors\";\n\n/**\n * Defense-in-depth XSS guard. Only http(s), mailto, and tel URLs are allowed\n * through to a rendered `href`; anything else (notably `javascript:`,\n * `data:`, `vbscript:`) is rejected and the link is silently skipped. Inputs\n * are admin-controlled today, but treating the URL field as untrusted is\n * cheap and matches the wider Burdenoff posture.\n */\nfunction isSafeUrl(value: string): boolean {\n  const trimmed = value.trim();\n  // Relative URLs (no scheme) are safe — browser treats them as same-origin.\n  if (/^[/?#]/.test(trimmed)) return true;\n  return /^(https?:|mailto:|tel:)/i.test(trimmed);\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function SocialLinks({\n  links: linksProp,\n  email: emailProp,\n  platforms: platformAllow,\n  showEmail,\n  iconClassName = \"h-5 w-5\",\n  itemClassName = DEFAULT_ITEM_CLASS,\n  className = \"flex space-x-4\",\n}: SocialLinksProps) {\n  const { product } = useProduct();\n\n  // Source of truth: prop > product CMS > empty.\n  const links: Record<string, string> = (linksProp ??\n    product?.socialLinks ??\n    {}) as Record<string, string>;\n  // `emailProp === undefined` → fall back to CMS. Explicit `null` from the\n  // caller means \"suppress the mail icon entirely\" — don't fall back. This\n  // matches the documented prop contract.\n  const email: string | null =\n    emailProp !== undefined ? emailProp : (product?.contactEmail ?? null);\n\n  // Normalise CMS keys → canonical platform names, dedupe, preserve URL.\n  // Last-writer-wins on duplicate platforms (alias + canonical both set).\n  // Rejects `javascript:`/`data:`/`vbscript:` URLs as a defense-in-depth XSS\n  // guard — a compromised admin CMS could otherwise inject an active script\n  // into the `href`. Only http(s), mailto, and tel schemes are allowed.\n  const resolved = new Map<SocialPlatform, string>();\n  for (const [rawKey, url] of Object.entries(links)) {\n    if (!url || typeof url !== \"string\") continue;\n    if (!isSafeUrl(url)) continue;\n    const platform = KEY_TO_PLATFORM[rawKey.toLowerCase()];\n    if (!platform) continue; // unknown platform key — silently skip\n    resolved.set(platform, url);\n  }\n\n  // Optional allowlist + ordering. When provided, only render listed\n  // platforms, and in that order. Otherwise render in insertion order\n  // (which mirrors the JSON object key order from the CMS).\n  const orderedPlatforms: SocialPlatform[] = platformAllow\n    ? platformAllow.filter((p) => resolved.has(p))\n    : Array.from(resolved.keys());\n\n  const wantEmail = (showEmail ?? !!email) && !!email;\n\n  // Render nothing at all when no links and no email — caller can render an\n  // empty parent without an extra falsy-guard.\n  if (orderedPlatforms.length === 0 && !wantEmail) return null;\n\n  return (\n    <div className={className}>\n      {orderedPlatforms.map((platform) => {\n        const { Icon, label } = PLATFORMS[platform];\n        const url = resolved.get(platform)!;\n        return (\n          <a\n            key={platform}\n            href={url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label={label}\n            className={itemClassName}\n          >\n            <Icon className={iconClassName} />\n          </a>\n        );\n      })}\n      {wantEmail && (\n        <a\n          key=\"email\"\n          href={`mailto:${email}`}\n          aria-label=\"Email\"\n          className={itemClassName}\n        >\n          <Mail className={iconClassName} />\n        </a>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-ZKJQWFAA.mjs

@@ -0,0 +1,114 @@
+import { useProduct } from './chunk-GCFLCO2Z.mjs';
+import { Instagram, Youtube, Facebook, Github, Linkedin, Twitter, Mail } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function DiscordIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M20.317 4.369A19.79 19.79 0 0 0 16.558 3a.075.075 0 0 0-.079.037c-.34.6-.717 1.382-.98 1.99a18.27 18.27 0 0 0-5.998 0 12.51 12.51 0 0 0-.99-1.99.077.077 0 0 0-.079-.037 19.74 19.74 0 0 0-3.76 1.369.07.07 0 0 0-.032.028C.533 8.045-.32 11.6.099 15.114a.082.082 0 0 0 .031.056 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.027 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.105 13.1 13.1 0 0 1-1.872-.892.077.077 0 0 1-.008-.128c.126-.094.252-.192.372-.291a.074.074 0 0 1 .078-.01c3.927 1.793 8.18 1.793 12.061 0a.074.074 0 0 1 .079.009c.12.099.246.198.372.292a.077.077 0 0 1-.006.127 12.3 12.3 0 0 1-1.873.892.077.077 0 0 0-.041.106c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.077.077 0 0 0 .032-.055c.5-4.063-.838-7.587-3.549-10.717a.061.061 0 0 0-.031-.028zM8.02 13.001c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.956-2.418 2.157-2.418 1.21 0 2.176 1.094 2.157 2.418 0 1.334-.956 2.419-2.157 2.419zm7.974 0c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.956-2.418 2.157-2.418 1.21 0 2.176 1.094 2.157 2.418 0 1.334-.946 2.419-2.157 2.419z" })
+    }
+  );
+}
+function PinterestIcon({ className }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      role: "img",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("path", { d: "M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.357-.629-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12.017 24c6.624 0 11.99-5.367 11.99-11.987C24.007 5.367 18.641 0 12.017 0z" })
+    }
+  );
+}
+var PLATFORMS = {
+  twitter: { Icon: Twitter, label: "Twitter / X", aliases: ["x"] },
+  linkedin: { Icon: Linkedin, label: "LinkedIn" },
+  github: { Icon: Github, label: "GitHub" },
+  facebook: { Icon: Facebook, label: "Facebook" },
+  youtube: { Icon: Youtube, label: "YouTube" },
+  instagram: { Icon: Instagram, label: "Instagram" },
+  discord: { Icon: DiscordIcon, label: "Discord" },
+  pinterest: { Icon: PinterestIcon, label: "Pinterest" }
+};
+var KEY_TO_PLATFORM = (() => {
+  const map = {};
+  for (const [key, def] of Object.entries(PLATFORMS)) {
+    map[key] = key;
+    for (const alias of def.aliases ?? []) {
+      map[alias] = key;
+    }
+  }
+  return map;
+})();
+var DEFAULT_ITEM_CLASS = "text-muted-foreground hover:text-foreground transition-colors";
+function isSafeUrl(value) {
+  const trimmed = value.trim();
+  if (/^[/?#]/.test(trimmed)) return true;
+  return /^(https?:|mailto:|tel:)/i.test(trimmed);
+}
+function SocialLinks({
+  links: linksProp,
+  email: emailProp,
+  platforms: platformAllow,
+  showEmail,
+  iconClassName = "h-5 w-5",
+  itemClassName = DEFAULT_ITEM_CLASS,
+  className = "flex space-x-4"
+}) {
+  const { product } = useProduct();
+  const links = linksProp ?? product?.socialLinks ?? {};
+  const email = emailProp !== void 0 ? emailProp : product?.contactEmail ?? null;
+  const resolved = /* @__PURE__ */ new Map();
+  for (const [rawKey, url] of Object.entries(links)) {
+    if (!url || typeof url !== "string") continue;
+    if (!isSafeUrl(url)) continue;
+    const platform = KEY_TO_PLATFORM[rawKey.toLowerCase()];
+    if (!platform) continue;
+    resolved.set(platform, url);
+  }
+  const orderedPlatforms = platformAllow ? platformAllow.filter((p) => resolved.has(p)) : Array.from(resolved.keys());
+  const wantEmail = (showEmail ?? !!email) && !!email;
+  if (orderedPlatforms.length === 0 && !wantEmail) return null;
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    orderedPlatforms.map((platform) => {
+      const { Icon, label } = PLATFORMS[platform];
+      const url = resolved.get(platform);
+      return /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: url,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          "aria-label": label,
+          className: itemClassName,
+          children: /* @__PURE__ */ jsx(Icon, { className: iconClassName })
+        },
+        platform
+      );
+    }),
+    wantEmail && /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: `mailto:${email}`,
+        "aria-label": "Email",
+        className: itemClassName,
+        children: /* @__PURE__ */ jsx(Mail, { className: iconClassName })
+      },
+      "email"
+    )
+  ] });
+}
+
+export { SocialLinks };
+//# sourceMappingURL=chunk-ZKJQWFAA.mjs.map
+//# sourceMappingURL=chunk-ZKJQWFAA.mjs.map

package/dist/chunk-ZKJQWFAA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/social-links.tsx"],"names":[],"mappings":"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","file":"chunk-ZKJQWFAA.mjs","sourcesContent":["\"use client\";\n\n/**\n * SocialLinks Component\n *\n * Renders a row of social-media icons sourced from the **product CMS**.\n * The `socialLinks` field on `Product` (and `PublicProduct`) is a free-form\n * JSON record: `{ twitter, github, linkedin, facebook, youtube, instagram,\n * discord, pinterest, … }`. The admin sets per-product URLs in\n * `microfe-product → Products → <product>`; this component reads them via\n * `useProduct()` and renders icons for the platforms we know how to map.\n *\n * Unknown keys are **silently ignored** — the schema accepts any string key\n * so new platforms can be wired in admin without an SDK change, but they\n * won't render until this map grows.\n *\n * Why a component instead of inlining in each product website's Footer\n *\n * - Single source of truth for the platform → icon mapping.\n * - One swap to add a new platform (e.g. Threads, Bluesky) across all 5\n *   product websites.\n * - Eliminates the drift today between hard-coded URLs and CMS values\n *   (e.g. vibecontrols-website Footer had `twitter.com/vibecontrols`\n *   hard-coded while CMS had `twitter.com/burdenoff`).\n *\n * @example\n * ```tsx\n * import { SocialLinks } from '@burdenoff/website-sdk'\n *\n * // Auto-derives from useProduct().product.socialLinks\n * <SocialLinks />\n *\n * // Or pass explicitly\n * <SocialLinks\n *   links={{ twitter: 'https://twitter.com/example', github: 'https://github.com/example' }}\n *   email=\"contact@example.com\"\n * />\n *\n * // Restrict + reorder\n * <SocialLinks platforms={['github', 'twitter', 'linkedin']} />\n * ```\n */\n\nimport { type ComponentType } from \"react\";\n\nimport {\n  Facebook,\n  Github,\n  Instagram,\n  Linkedin,\n  Mail,\n  Twitter,\n  Youtube,\n} from \"lucide-react\";\n\nimport { useProduct } from \"../product/product-provider\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Platform keys the component knows how to render. Extends as we add icons.\n * Note: this is intentionally a small allowlist; the CMS JSON schema is\n * open-ended and the component silently skips unknown keys.\n */\nexport type SocialPlatform =\n  | \"twitter\"\n  | \"linkedin\"\n  | \"github\"\n  | \"facebook\"\n  | \"youtube\"\n  | \"instagram\"\n  | \"discord\"\n  | \"pinterest\";\n\nexport interface SocialLinksProps {\n  /**\n   * Map of platform → URL. If unset, reads from `useProduct().product.socialLinks`.\n   * Useful for passing static config when there's no `<ProductProvider>` upstream.\n   */\n  links?: Record<string, string> | null;\n  /**\n   * Contact email — renders a Mail icon linking to `mailto:…`. If unset,\n   * reads from `useProduct().product.contactEmail`. Pass `null` to suppress.\n   */\n  email?: string | null;\n  /**\n   * Allowlist + ORDER of platforms to render. Defaults to the natural CMS\n   * order (whatever the JSON returns). Use this to pin a stable visual order\n   * across products that may have different platform sets.\n   */\n  platforms?: readonly SocialPlatform[];\n  /** Whether to render the Mail icon for `email`. Default: `true` when an email is available. */\n  showEmail?: boolean;\n  /** Tailwind class controlling icon size. Default: `\"h-5 w-5\"`. */\n  iconClassName?: string;\n  /** Tailwind class for each `<a>` wrapping link. Defaults to a muted-foreground / hover-foreground transition. */\n  itemClassName?: string;\n  /** Tailwind class for the outer container. Default: `\"flex space-x-4\"`. */\n  className?: string;\n}\n\n// ============================================================================\n// Platform → icon map\n// ============================================================================\n\n/**\n * Custom inline SVG for platforms not covered by lucide-react.\n * Stays minimal — single-path icons keep bundle size tight.\n */\nfunction DiscordIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M20.317 4.369A19.79 19.79 0 0 0 16.558 3a.075.075 0 0 0-.079.037c-.34.6-.717 1.382-.98 1.99a18.27 18.27 0 0 0-5.998 0 12.51 12.51 0 0 0-.99-1.99.077.077 0 0 0-.079-.037 19.74 19.74 0 0 0-3.76 1.369.07.07 0 0 0-.032.028C.533 8.045-.32 11.6.099 15.114a.082.082 0 0 0 .031.056 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.027 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.105 13.1 13.1 0 0 1-1.872-.892.077.077 0 0 1-.008-.128c.126-.094.252-.192.372-.291a.074.074 0 0 1 .078-.01c3.927 1.793 8.18 1.793 12.061 0a.074.074 0 0 1 .079.009c.12.099.246.198.372.292a.077.077 0 0 1-.006.127 12.3 12.3 0 0 1-1.873.892.077.077 0 0 0-.041.106c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.84 19.84 0 0 0 6.002-3.03.077.077 0 0 0 .032-.055c.5-4.063-.838-7.587-3.549-10.717a.061.061 0 0 0-.031-.028zM8.02 13.001c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.956-2.418 2.157-2.418 1.21 0 2.176 1.094 2.157 2.418 0 1.334-.956 2.419-2.157 2.419zm7.974 0c-1.182 0-2.157-1.085-2.157-2.419 0-1.333.956-2.418 2.157-2.418 1.21 0 2.176 1.094 2.157 2.418 0 1.334-.946 2.419-2.157 2.419z\" />\n    </svg>\n  );\n}\n\nfunction PinterestIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.357-.629-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12.017 24c6.624 0 11.99-5.367 11.99-11.987C24.007 5.367 18.641 0 12.017 0z\" />\n    </svg>\n  );\n}\n\ninterface PlatformDef {\n  /** lucide-react component or custom SVG component */\n  Icon: ComponentType<{ className?: string }>;\n  /** Accessible label for the link */\n  label: string;\n  /** Optional alias keys that should also resolve to this platform */\n  aliases?: readonly string[];\n}\n\nconst PLATFORMS: Record<SocialPlatform, PlatformDef> = {\n  twitter: { Icon: Twitter, label: \"Twitter / X\", aliases: [\"x\"] },\n  linkedin: { Icon: Linkedin, label: \"LinkedIn\" },\n  github: { Icon: Github, label: \"GitHub\" },\n  facebook: { Icon: Facebook, label: \"Facebook\" },\n  youtube: { Icon: Youtube, label: \"YouTube\" },\n  instagram: { Icon: Instagram, label: \"Instagram\" },\n  discord: { Icon: DiscordIcon, label: \"Discord\" },\n  pinterest: { Icon: PinterestIcon, label: \"Pinterest\" },\n};\n\n/**\n * Build a `key → SocialPlatform` lookup so aliases (e.g. `\"x\"` → `\"twitter\"`)\n * resolve in O(1). Memoised at module scope; never recomputed.\n */\nconst KEY_TO_PLATFORM: Record<string, SocialPlatform> = (() => {\n  const map: Record<string, SocialPlatform> = {};\n  for (const [key, def] of Object.entries(PLATFORMS) as [\n    SocialPlatform,\n    PlatformDef,\n  ][]) {\n    map[key] = key;\n    for (const alias of def.aliases ?? []) {\n      map[alias] = key;\n    }\n  }\n  return map;\n})();\n\nconst DEFAULT_ITEM_CLASS =\n  \"text-muted-foreground hover:text-foreground transition-colors\";\n\n/**\n * Defense-in-depth XSS guard. Only http(s), mailto, and tel URLs are allowed\n * through to a rendered `href`; anything else (notably `javascript:`,\n * `data:`, `vbscript:`) is rejected and the link is silently skipped. Inputs\n * are admin-controlled today, but treating the URL field as untrusted is\n * cheap and matches the wider Burdenoff posture.\n */\nfunction isSafeUrl(value: string): boolean {\n  const trimmed = value.trim();\n  // Relative URLs (no scheme) are safe — browser treats them as same-origin.\n  if (/^[/?#]/.test(trimmed)) return true;\n  return /^(https?:|mailto:|tel:)/i.test(trimmed);\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function SocialLinks({\n  links: linksProp,\n  email: emailProp,\n  platforms: platformAllow,\n  showEmail,\n  iconClassName = \"h-5 w-5\",\n  itemClassName = DEFAULT_ITEM_CLASS,\n  className = \"flex space-x-4\",\n}: SocialLinksProps) {\n  const { product } = useProduct();\n\n  // Source of truth: prop > product CMS > empty.\n  const links: Record<string, string> = (linksProp ??\n    product?.socialLinks ??\n    {}) as Record<string, string>;\n  // `emailProp === undefined` → fall back to CMS. Explicit `null` from the\n  // caller means \"suppress the mail icon entirely\" — don't fall back. This\n  // matches the documented prop contract.\n  const email: string | null =\n    emailProp !== undefined ? emailProp : (product?.contactEmail ?? null);\n\n  // Normalise CMS keys → canonical platform names, dedupe, preserve URL.\n  // Last-writer-wins on duplicate platforms (alias + canonical both set).\n  // Rejects `javascript:`/`data:`/`vbscript:` URLs as a defense-in-depth XSS\n  // guard — a compromised admin CMS could otherwise inject an active script\n  // into the `href`. Only http(s), mailto, and tel schemes are allowed.\n  const resolved = new Map<SocialPlatform, string>();\n  for (const [rawKey, url] of Object.entries(links)) {\n    if (!url || typeof url !== \"string\") continue;\n    if (!isSafeUrl(url)) continue;\n    const platform = KEY_TO_PLATFORM[rawKey.toLowerCase()];\n    if (!platform) continue; // unknown platform key — silently skip\n    resolved.set(platform, url);\n  }\n\n  // Optional allowlist + ordering. When provided, only render listed\n  // platforms, and in that order. Otherwise render in insertion order\n  // (which mirrors the JSON object key order from the CMS).\n  const orderedPlatforms: SocialPlatform[] = platformAllow\n    ? platformAllow.filter((p) => resolved.has(p))\n    : Array.from(resolved.keys());\n\n  const wantEmail = (showEmail ?? !!email) && !!email;\n\n  // Render nothing at all when no links and no email — caller can render an\n  // empty parent without an extra falsy-guard.\n  if (orderedPlatforms.length === 0 && !wantEmail) return null;\n\n  return (\n    <div className={className}>\n      {orderedPlatforms.map((platform) => {\n        const { Icon, label } = PLATFORMS[platform];\n        const url = resolved.get(platform)!;\n        return (\n          <a\n            key={platform}\n            href={url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            aria-label={label}\n            className={itemClassName}\n          >\n            <Icon className={iconClassName} />\n          </a>\n        );\n      })}\n      {wantEmail && (\n        <a\n          key=\"email\"\n          href={`mailto:${email}`}\n          aria-label=\"Email\"\n          className={itemClassName}\n        >\n          <Mail className={iconClassName} />\n        </a>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/chunk-ZOON3S3Y.mjs

@@ -0,0 +1,138 @@
+import { Input } from './chunk-34RX5P75.mjs';
+import { cn } from './chunk-R7G6TWIS.mjs';
+import { useState, useMemo } from 'react';
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
+import { Globe, ChevronDown, Search } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function normalizeSearch(value) {
+  return value.toLowerCase().trim();
+}
+function resolveWebsiteProductLogo(product) {
+  if (product.logoUrl) return product.logoUrl;
+  return `${product.websiteUrl.replace(/\/+$/, "")}/logo-icon.png`;
+}
+function filterProducts(products, query) {
+  const normalized = normalizeSearch(query);
+  if (!normalized) return products;
+  return products.filter((p) => normalizeSearch(p.name).includes(normalized));
+}
+function WebsiteSwitcher({
+  products,
+  triggerLabel = "Explore products",
+  searchPlaceholder = "Find a product\u2026",
+  emptyText = "No products match your search.",
+  className
+}) {
+  const [open, setOpen] = useState(false);
+  const [query, setQuery] = useState("");
+  const [failedLogos, setFailedLogos] = useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const filtered = useMemo(
+    () => filterProducts(products, query),
+    [products, query]
+  );
+  return /* @__PURE__ */ jsxs(DropdownMenu.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxs(
+      DropdownMenu.Trigger,
+      {
+        className: cn(
+          "inline-flex items-center gap-1.5 text-sm font-medium transition-colors",
+          "text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded-md",
+          className
+        ),
+        "aria-label": triggerLabel,
+        children: [
+          /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: triggerLabel }),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              className: cn(
+                "h-3.5 w-3.5 transition-transform duration-200",
+                open && "rotate-180"
+              ),
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(DropdownMenu.Portal, { children: /* @__PURE__ */ jsxs(
+      DropdownMenu.Content,
+      {
+        className: "z-50 min-w-[16rem] max-w-[20rem] rounded-lg border border-border/60 bg-popover p-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2",
+        sideOffset: 8,
+        align: "end",
+        avoidCollisions: true,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-2 pb-2 pt-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Burdenoff ecosystem" }),
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx(
+                Search,
+                {
+                  className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground",
+                  "aria-hidden": "true"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  type: "search",
+                  value: query,
+                  onChange: (e) => setQuery(e.target.value),
+                  placeholder: searchPlaceholder,
+                  className: "h-8 pl-8 text-sm",
+                  "aria-label": searchPlaceholder,
+                  onKeyDown: (e) => {
+                    if (e.key === "Escape") {
+                      setQuery("");
+                    }
+                  }
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(DropdownMenu.Separator, { className: "my-1 h-px bg-border/60" }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-[min(60vh,24rem)] overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: emptyText }) : filtered.map((product) => /* @__PURE__ */ jsx(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsxs(
+            "a",
+            {
+              href: product.websiteUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: cn(
+                "flex items-center gap-3 rounded-md px-2 py-2 text-sm outline-none",
+                "text-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground"
+              ),
+              children: [
+                failedLogos.has(product.slug) ? /* @__PURE__ */ jsx("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary", children: product.name.charAt(0) }) : /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: resolveWebsiteProductLogo(product),
+                    alt: "",
+                    "aria-hidden": "true",
+                    loading: "lazy",
+                    className: "h-5 w-5 shrink-0 rounded object-contain",
+                    onError: () => setFailedLogos((prev) => {
+                      const next = new Set(prev);
+                      next.add(product.slug);
+                      return next;
+                    })
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: product.name })
+              ]
+            }
+          ) }, product.slug)) }),
+          /* @__PURE__ */ jsx(DropdownMenu.Arrow, { className: "fill-popover" })
+        ]
+      }
+    ) })
+  ] });
+}
+
+export { WebsiteSwitcher, resolveWebsiteProductLogo };
+//# sourceMappingURL=chunk-ZOON3S3Y.mjs.map
+//# sourceMappingURL=chunk-ZOON3S3Y.mjs.map

package/dist/chunk-ZOON3S3Y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/website-switcher.tsx"],"names":[],"mappings":";;;;;;;AA6DA,SAAS,gBAAgB,KAAA,EAAuB;AAC9C,EAAA,OAAO,KAAA,CAAM,WAAA,EAAY,CAAE,IAAA,EAAK;AAClC;AASO,SAAS,0BACd,OAAA,EACQ;AACR,EAAA,IAAI,OAAA,CAAQ,OAAA,EAAS,OAAO,OAAA,CAAQ,OAAA;AACpC,EAAA,OAAO,GAAG,OAAA,CAAQ,UAAA,CAAW,OAAA,CAAQ,MAAA,EAAQ,EAAE,CAAC,CAAA,cAAA,CAAA;AAClD;AAEA,SAAS,cAAA,CACP,UACA,KAAA,EAC0B;AAC1B,EAAA,MAAM,UAAA,GAAa,gBAAgB,KAAK,CAAA;AACxC,EAAA,IAAI,CAAC,YAAY,OAAO,QAAA;AACxB,EAAA,OAAO,QAAA,CAAS,MAAA,CAAO,CAAC,CAAA,KAAM,eAAA,CAAgB,EAAE,IAAI,CAAA,CAAE,QAAA,CAAS,UAAU,CAAC,CAAA;AAC5E;AAMO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,YAAA,GAAe,kBAAA;AAAA,EACf,iBAAA,GAAoB,sBAAA;AAAA,EACpB,SAAA,GAAY,gCAAA;AAAA,EACZ;AACF,CAAA,EAAyB;AACvB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AAErC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAAA;AAAA,IACpC,0BAAU,GAAA;AAAY,GACxB;AAEA,EAAA,MAAM,QAAA,GAAW,OAAA;AAAA,IACf,MAAM,cAAA,CAAe,QAAA,EAAU,KAAK,CAAA;AAAA,IACpC,CAAC,UAAU,KAAK;AAAA,GAClB;AAEA,EAAA,uBACE,IAAA,CAAc,YAAA,CAAA,IAAA,EAAb,EAAkB,IAAA,EAAY,cAAc,OAAA,EAC3C,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAc,YAAA,CAAA,OAAA;AAAA,MAAb;AAAA,QACC,SAAA,EAAW,EAAA;AAAA,UACT,wEAAA;AAAA,UACA,gIAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,YAAA,EAAY,YAAA;AAAA,QAEZ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,SAAA,EAAU,SAAA,EAAU,aAAA,EAAY,MAAA,EAAO,CAAA;AAAA,0BAC9C,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,0BACjD,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAW,EAAA;AAAA,gBACT,+CAAA;AAAA,gBACA,IAAA,IAAQ;AAAA,eACV;AAAA,cACA,aAAA,EAAY;AAAA;AAAA;AACd;AAAA;AAAA,KACF;AAAA,oBAEA,GAAA,CAAc,qBAAb,EACC,QAAA,kBAAA,IAAA;AAAA,MAAc,YAAA,CAAA,OAAA;AAAA,MAAb;AAAA,QACC,SAAA,EAAU,0TAAA;AAAA,QACV,UAAA,EAAY,CAAA;AAAA,QACZ,KAAA,EAAM,KAAA;AAAA,QACN,eAAA,EAAe,IAAA;AAAA,QAEf,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,gBAAA,EACb,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,gDAAA,EAAiD,QAAA,EAAA,qBAAA,EAE9D,CAAA;AAAA,4BACA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,UAAA,EACb,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,MAAA;AAAA,gBAAA;AAAA,kBACC,SAAA,EAAU,8EAAA;AAAA,kBACV,aAAA,EAAY;AAAA;AAAA,eACd;AAAA,8BACA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,IAAA,EAAK,QAAA;AAAA,kBACL,KAAA,EAAO,KAAA;AAAA,kBACP,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,kBACxC,WAAA,EAAa,iBAAA;AAAA,kBACb,SAAA,EAAU,kBAAA;AAAA,kBACV,YAAA,EAAY,iBAAA;AAAA,kBACZ,SAAA,EAAW,CAAC,CAAA,KAAM;AAChB,oBAAA,IAAI,CAAA,CAAE,QAAQ,QAAA,EAAU;AACtB,sBAAA,QAAA,CAAS,EAAE,CAAA;AAAA,oBACb;AAAA,kBACF;AAAA;AAAA;AACF,aAAA,EACF;AAAA,WAAA,EACF,CAAA;AAAA,0BAEA,GAAA,CAAc,YAAA,CAAA,SAAA,EAAb,EAAuB,SAAA,EAAU,wBAAA,EAAyB,CAAA;AAAA,0BAE3D,GAAA,CAAC,SAAI,SAAA,EAAU,8CAAA,EACZ,mBAAS,MAAA,KAAW,CAAA,uBAClB,KAAA,EAAA,EAAI,SAAA,EAAU,uDACZ,QAAA,EAAA,SAAA,EACH,CAAA,GAEA,SAAS,GAAA,CAAI,CAAC,4BACZ,GAAA,CAAc,YAAA,CAAA,IAAA,EAAb,EAAqC,OAAA,EAAO,IAAA,EAC3C,QAAA,kBAAA,IAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cACC,MAAM,OAAA,CAAQ,UAAA;AAAA,cACd,MAAA,EAAO,QAAA;AAAA,cACP,GAAA,EAAI,qBAAA;AAAA,cACJ,SAAA,EAAW,EAAA;AAAA,gBACT,mEAAA;AAAA,gBACA;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,WAAA,CAAY,GAAA,CAAI,OAAA,CAAQ,IAAI,CAAA,mBAC3B,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4GAAA,EACb,QAAA,EAAA,OAAA,CAAQ,IAAA,CAAK,MAAA,CAAO,CAAC,GACxB,CAAA,mBAEA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,GAAA,EAAK,0BAA0B,OAAO,CAAA;AAAA,oBACtC,GAAA,EAAI,EAAA;AAAA,oBACJ,aAAA,EAAY,MAAA;AAAA,oBACZ,OAAA,EAAQ,MAAA;AAAA,oBACR,SAAA,EAAU,yCAAA;AAAA,oBACV,OAAA,EAAS,MACP,cAAA,CAAe,CAAC,IAAA,KAAS;AACvB,sBAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,sBAAA,IAAA,CAAK,GAAA,CAAI,QAAQ,IAAI,CAAA;AACrB,sBAAA,OAAO,IAAA;AAAA,oBACT,CAAC;AAAA;AAAA,iBAEL;AAAA,gCAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,kBAAQ,IAAA,EAAK;AAAA;AAAA;AAAA,WAC3C,EAAA,EA/BsB,OAAA,CAAQ,IAgChC,CACD,CAAA,EAEL,CAAA;AAAA,0BAEA,GAAA,CAAc,YAAA,CAAA,KAAA,EAAb,EAAmB,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AAAA,KAC/C,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-ZOON3S3Y.mjs","sourcesContent":["\"use client\";\n\n/**\n * WebsiteSwitcher Component\n *\n * A dropdown menu for navigating between Burdenoff ecosystem product websites.\n * Includes a search filter and renders each product with its logo and name.\n *\n * @example\n * ```tsx\n * import { WebsiteSwitcher } from '@burdenoff/website-sdk'\n *\n * <WebsiteSwitcher\n *   products={[\n *     { slug: 'vibecontrols', name: 'VibeControls', logoUrl: '/vibe.svg', websiteUrl: 'https://vibecontrols.com' },\n *     { slug: 'fluidgrids', name: 'FluidGrids', logoUrl: '/fg.svg', websiteUrl: 'https://fluidgrids.com' },\n *   ]}\n * />\n * ```\n */\n\nimport { useMemo, useState } from \"react\";\n\nimport * as DropdownMenu from \"@radix-ui/react-dropdown-menu\";\nimport { ChevronDown, Globe, Search } from \"lucide-react\";\n\nimport { Input } from \"../ui/input\";\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WebsiteSwitcherProduct {\n  /** Stable identifier for the product. */\n  slug: string;\n  /** Human-readable product name. */\n  name: string;\n  /** URL to the product logo (absolute or relative). */\n  logoUrl?: string | null;\n  /** Product marketing site URL. */\n  websiteUrl: string;\n}\n\nexport interface WebsiteSwitcherProps {\n  /** All Burdenoff ecosystem products to display. */\n  products: WebsiteSwitcherProduct[];\n  /** Accessible label for the trigger. */\n  triggerLabel?: string;\n  /** Placeholder text for the search input. */\n  searchPlaceholder?: string;\n  /** Empty-state text when filtering returns no results. */\n  emptyText?: string;\n  /** Optional additional CSS class for the trigger. */\n  className?: string;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction normalizeSearch(value: string): string {\n  return value.toLowerCase().trim();\n}\n\n/**\n * Resolve the logo URL for an ecosystem product.\n *\n * Prefers an explicit `logoUrl`; otherwise derives the canonical marketing-site\n * brand mark (`/logo-icon.png`), which every product website publishes. Callers\n * should fall back to the initial chip if the image fails to load.\n */\nexport function resolveWebsiteProductLogo(\n  product: WebsiteSwitcherProduct,\n): string {\n  if (product.logoUrl) return product.logoUrl;\n  return `${product.websiteUrl.replace(/\\/+$/, \"\")}/logo-icon.png`;\n}\n\nfunction filterProducts(\n  products: WebsiteSwitcherProduct[],\n  query: string,\n): WebsiteSwitcherProduct[] {\n  const normalized = normalizeSearch(query);\n  if (!normalized) return products;\n  return products.filter((p) => normalizeSearch(p.name).includes(normalized));\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function WebsiteSwitcher({\n  products,\n  triggerLabel = \"Explore products\",\n  searchPlaceholder = \"Find a product…\",\n  emptyText = \"No products match your search.\",\n  className,\n}: WebsiteSwitcherProps) {\n  const [open, setOpen] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  // Slugs whose logo image failed to load — fall back to the initial chip.\n  const [failedLogos, setFailedLogos] = useState<ReadonlySet<string>>(\n    () => new Set<string>(),\n  );\n\n  const filtered = useMemo(\n    () => filterProducts(products, query),\n    [products, query],\n  );\n\n  return (\n    <DropdownMenu.Root open={open} onOpenChange={setOpen}>\n      <DropdownMenu.Trigger\n        className={cn(\n          \"inline-flex items-center gap-1.5 text-sm font-medium transition-colors\",\n          \"text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring rounded-md\",\n          className,\n        )}\n        aria-label={triggerLabel}\n      >\n        <Globe className=\"h-4 w-4\" aria-hidden=\"true\" />\n        <span className=\"hidden sm:inline\">{triggerLabel}</span>\n        <ChevronDown\n          className={cn(\n            \"h-3.5 w-3.5 transition-transform duration-200\",\n            open && \"rotate-180\",\n          )}\n          aria-hidden=\"true\"\n        />\n      </DropdownMenu.Trigger>\n\n      <DropdownMenu.Portal>\n        <DropdownMenu.Content\n          className=\"z-50 min-w-[16rem] max-w-[20rem] rounded-lg border border-border/60 bg-popover p-2 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2\"\n          sideOffset={8}\n          align=\"end\"\n          avoidCollisions\n        >\n          <div className=\"px-2 pb-2 pt-1\">\n            <p className=\"text-xs font-medium text-muted-foreground mb-2\">\n              Burdenoff ecosystem\n            </p>\n            <div className=\"relative\">\n              <Search\n                className=\"absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground\"\n                aria-hidden=\"true\"\n              />\n              <Input\n                type=\"search\"\n                value={query}\n                onChange={(e) => setQuery(e.target.value)}\n                placeholder={searchPlaceholder}\n                className=\"h-8 pl-8 text-sm\"\n                aria-label={searchPlaceholder}\n                onKeyDown={(e) => {\n                  if (e.key === \"Escape\") {\n                    setQuery(\"\");\n                  }\n                }}\n              />\n            </div>\n          </div>\n\n          <DropdownMenu.Separator className=\"my-1 h-px bg-border/60\" />\n\n          <div className=\"max-h-[min(60vh,24rem)] overflow-y-auto py-1\">\n            {filtered.length === 0 ? (\n              <div className=\"px-3 py-4 text-center text-sm text-muted-foreground\">\n                {emptyText}\n              </div>\n            ) : (\n              filtered.map((product) => (\n                <DropdownMenu.Item key={product.slug} asChild>\n                  <a\n                    href={product.websiteUrl}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className={cn(\n                      \"flex items-center gap-3 rounded-md px-2 py-2 text-sm outline-none\",\n                      \"text-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground\",\n                    )}\n                  >\n                    {failedLogos.has(product.slug) ? (\n                      <span className=\"flex h-5 w-5 shrink-0 items-center justify-center rounded bg-primary/10 text-[10px] font-bold text-primary\">\n                        {product.name.charAt(0)}\n                      </span>\n                    ) : (\n                      <img\n                        src={resolveWebsiteProductLogo(product)}\n                        alt=\"\"\n                        aria-hidden=\"true\"\n                        loading=\"lazy\"\n                        className=\"h-5 w-5 shrink-0 rounded object-contain\"\n                        onError={() =>\n                          setFailedLogos((prev) => {\n                            const next = new Set(prev);\n                            next.add(product.slug);\n                            return next;\n                          })\n                        }\n                      />\n                    )}\n                    <span className=\"truncate\">{product.name}</span>\n                  </a>\n                </DropdownMenu.Item>\n              ))\n            )}\n          </div>\n\n          <DropdownMenu.Arrow className=\"fill-popover\" />\n        </DropdownMenu.Content>\n      </DropdownMenu.Portal>\n    </DropdownMenu.Root>\n  );\n}\n"]}