@burdenoff/website-sdk 2026.1031.3 → 2026.1101.2

package/dist/chunk-6VJT3SM4.mjs

@@ -0,0 +1,182 @@
+import { jsx } from 'react/jsx-runtime';
+
+var PROSE_CSS = `
+.boff-prose {
+  max-width: none;
+}
+
+.boff-prose h1 {
+  font-size: 2.25rem;
+  font-weight: 800;
+  line-height: 1.2;
+  margin-top: 0;
+  margin-bottom: 1rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h2 {
+  font-size: 1.75rem;
+  font-weight: 700;
+  line-height: 1.3;
+  margin-top: 2rem;
+  margin-bottom: 1rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h3 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  line-height: 1.4;
+  margin-top: 1.5rem;
+  margin-bottom: 0.75rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose h4 {
+  font-size: 1.25rem;
+  font-weight: 600;
+  line-height: 1.5;
+  margin-top: 1.25rem;
+  margin-bottom: 0.5rem;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose p {
+  margin-bottom: 1rem;
+  line-height: 1.75;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose ul,
+.boff-prose ol {
+  margin-bottom: 1rem;
+  padding-left: 1.5rem;
+}
+
+.boff-prose ul {
+  list-style-type: disc;
+}
+
+.boff-prose ol {
+  list-style-type: decimal;
+}
+
+.boff-prose li {
+  margin-bottom: 0.25rem;
+  line-height: 1.75;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose li > ul,
+.boff-prose li > ol {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
+.boff-prose a {
+  color: hsl(var(--primary));
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}
+
+.boff-prose a:hover {
+  opacity: 0.8;
+}
+
+.boff-prose hr {
+  border: none;
+  height: 1px;
+  background-color: hsl(var(--border));
+  margin: 2rem 0;
+}
+
+.boff-prose blockquote {
+  border-left: 4px solid hsl(var(--border));
+  padding-left: 1rem;
+  margin: 1.5rem 0;
+  font-style: italic;
+  color: hsl(var(--muted-foreground));
+}
+
+.boff-prose strong {
+  font-weight: 700;
+  color: hsl(var(--foreground));
+}
+
+.boff-prose code {
+  background-color: hsl(var(--muted));
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.25rem;
+  font-size: 0.875em;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.boff-prose pre {
+  background-color: hsl(var(--muted));
+  padding: 1rem;
+  border-radius: 0.5rem;
+  overflow-x: auto;
+  margin-bottom: 1rem;
+}
+
+.boff-prose pre code {
+  background-color: transparent;
+  padding: 0;
+}
+
+.boff-prose img {
+  max-width: 100%;
+  height: auto;
+}
+
+.boff-prose table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1rem;
+}
+
+.boff-prose th,
+.boff-prose td {
+  border: 1px solid hsl(var(--border));
+  padding: 0.5rem;
+  text-align: left;
+}
+
+.boff-prose th {
+  font-weight: 600;
+  background-color: hsl(var(--muted));
+}
+
+/* Smaller variant used inside cards and compact panels */
+.boff-prose-sm {
+  font-size: 0.875rem;
+}
+
+.boff-prose-sm h1 {
+  font-size: 1.75rem;
+}
+
+.boff-prose-sm h2 {
+  font-size: 1.5rem;
+}
+
+.boff-prose-sm h3 {
+  font-size: 1.25rem;
+}
+
+.boff-prose-sm h4 {
+  font-size: 1.125rem;
+}
+
+.boff-prose-sm p,
+.boff-prose-sm li {
+  line-height: 1.625;
+}
+`;
+function ProseStyles() {
+  return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: PROSE_CSS } });
+}
+
+export { ProseStyles };
+//# sourceMappingURL=chunk-6VJT3SM4.mjs.map
+//# sourceMappingURL=chunk-6VJT3SM4.mjs.map

package/dist/chunk-6VJT3SM4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/content/prose-styles.tsx"],"names":[],"mappings":";;AAUO,IAAM,SAAA,GAAY;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;AA8KlB,SAAS,WAAA,GAAc;AAC5B,EAAA,2BAAQ,OAAA,EAAA,EAAM,uBAAA,EAAyB,EAAE,MAAA,EAAQ,WAAU,EAAG,CAAA;AAChE","file":"chunk-6VJT3SM4.mjs","sourcesContent":["\"use client\";\n\n/**\n * Self-contained prose styles for SDK content renderers.\n *\n * These components inject a scoped `.boff-prose` stylesheet so markdown content\n * renders correctly even when the host website does not install\n * `@tailwindcss/typography` or define `.prose` CSS.\n */\n\nexport const PROSE_CSS = `\n.boff-prose {\n  max-width: none;\n}\n\n.boff-prose h1 {\n  font-size: 2.25rem;\n  font-weight: 800;\n  line-height: 1.2;\n  margin-top: 0;\n  margin-bottom: 1rem;\n  color: hsl(var(--foreground));\n}\n\n.boff-prose h2 {\n  font-size: 1.75rem;\n  font-weight: 700;\n  line-height: 1.3;\n  margin-top: 2rem;\n  margin-bottom: 1rem;\n  color: hsl(var(--foreground));\n}\n\n.boff-prose h3 {\n  font-size: 1.5rem;\n  font-weight: 600;\n  line-height: 1.4;\n  margin-top: 1.5rem;\n  margin-bottom: 0.75rem;\n  color: hsl(var(--foreground));\n}\n\n.boff-prose h4 {\n  font-size: 1.25rem;\n  font-weight: 600;\n  line-height: 1.5;\n  margin-top: 1.25rem;\n  margin-bottom: 0.5rem;\n  color: hsl(var(--foreground));\n}\n\n.boff-prose p {\n  margin-bottom: 1rem;\n  line-height: 1.75;\n  color: hsl(var(--foreground));\n}\n\n.boff-prose ul,\n.boff-prose ol {\n  margin-bottom: 1rem;\n  padding-left: 1.5rem;\n}\n\n.boff-prose ul {\n  list-style-type: disc;\n}\n\n.boff-prose ol {\n  list-style-type: decimal;\n}\n\n.boff-prose li {\n  margin-bottom: 0.25rem;\n  line-height: 1.75;\n  color: hsl(var(--foreground));\n}\n\n.boff-prose li > ul,\n.boff-prose li > ol {\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n}\n\n.boff-prose a {\n  color: hsl(var(--primary));\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.boff-prose a:hover {\n  opacity: 0.8;\n}\n\n.boff-prose hr {\n  border: none;\n  height: 1px;\n  background-color: hsl(var(--border));\n  margin: 2rem 0;\n}\n\n.boff-prose blockquote {\n  border-left: 4px solid hsl(var(--border));\n  padding-left: 1rem;\n  margin: 1.5rem 0;\n  font-style: italic;\n  color: hsl(var(--muted-foreground));\n}\n\n.boff-prose strong {\n  font-weight: 700;\n  color: hsl(var(--foreground));\n}\n\n.boff-prose code {\n  background-color: hsl(var(--muted));\n  padding: 0.125rem 0.25rem;\n  border-radius: 0.25rem;\n  font-size: 0.875em;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\n}\n\n.boff-prose pre {\n  background-color: hsl(var(--muted));\n  padding: 1rem;\n  border-radius: 0.5rem;\n  overflow-x: auto;\n  margin-bottom: 1rem;\n}\n\n.boff-prose pre code {\n  background-color: transparent;\n  padding: 0;\n}\n\n.boff-prose img {\n  max-width: 100%;\n  height: auto;\n}\n\n.boff-prose table {\n  width: 100%;\n  border-collapse: collapse;\n  margin-bottom: 1rem;\n}\n\n.boff-prose th,\n.boff-prose td {\n  border: 1px solid hsl(var(--border));\n  padding: 0.5rem;\n  text-align: left;\n}\n\n.boff-prose th {\n  font-weight: 600;\n  background-color: hsl(var(--muted));\n}\n\n/* Smaller variant used inside cards and compact panels */\n.boff-prose-sm {\n  font-size: 0.875rem;\n}\n\n.boff-prose-sm h1 {\n  font-size: 1.75rem;\n}\n\n.boff-prose-sm h2 {\n  font-size: 1.5rem;\n}\n\n.boff-prose-sm h3 {\n  font-size: 1.25rem;\n}\n\n.boff-prose-sm h4 {\n  font-size: 1.125rem;\n}\n\n.boff-prose-sm p,\n.boff-prose-sm li {\n  line-height: 1.625;\n}\n`;\n\nexport function ProseStyles() {\n  return <style dangerouslySetInnerHTML={{ __html: PROSE_CSS }} />;\n}\n"]}

package/dist/chunk-6YZUFMK2.mjs

@@ -0,0 +1,40 @@
+// src/analytics/events.ts
+var MAX_PROPERTY_LENGTH = 64;
+var EMAIL_LIKE = /[^\s@]+@[^\s@]+/;
+function sanitizeWebsiteEventProperties(properties) {
+  const safe = {};
+  if (!properties) return safe;
+  for (const [key, value] of Object.entries(properties)) {
+    if (typeof value === "boolean") {
+      safe[key] = value;
+    } else if (typeof value === "number") {
+      if (Number.isFinite(value)) safe[key] = value;
+    } else if (typeof value === "string") {
+      const trimmed = value.trim();
+      if (trimmed.length > 0 && trimmed.length <= MAX_PROPERTY_LENGTH && !EMAIL_LIKE.test(trimmed)) {
+        safe[key] = trimmed;
+      }
+    }
+  }
+  return safe;
+}
+function trackWebsiteEvent(name, properties) {
+  if (typeof window === "undefined") return false;
+  try {
+    const rybbit = window.rybbit;
+    if (typeof rybbit?.event !== "function") return false;
+    const safe = sanitizeWebsiteEventProperties(properties);
+    if (Object.keys(safe).length > 0) {
+      rybbit.event(name, safe);
+    } else {
+      rybbit.event(name);
+    }
+    return true;
+  } catch {
+    return false;
+  }
+}
+
+export { MAX_PROPERTY_LENGTH, sanitizeWebsiteEventProperties, trackWebsiteEvent };
+//# sourceMappingURL=chunk-6YZUFMK2.mjs.map
+//# sourceMappingURL=chunk-6YZUFMK2.mjs.map

package/dist/chunk-6YZUFMK2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/analytics/events.ts"],"names":[],"mappings":";AAqCO,IAAM,mBAAA,GAAsB;AAEnC,IAAM,UAAA,GAAa,iBAAA;AAKZ,SAAS,+BACd,UAAA,EACwB;AACxB,EAAA,MAAM,OAA+B,EAAC;AACtC,EAAA,IAAI,CAAC,YAAY,OAAO,IAAA;AACxB,EAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,KAAK,MAAA,CAAO,OAAA,CAAQ,UAAU,CAAA,EAAG;AACrD,IAAA,IAAI,OAAO,UAAU,SAAA,EAAW;AAC9B,MAAA,IAAA,CAAK,GAAG,CAAA,GAAI,KAAA;AAAA,IACd,CAAA,MAAA,IAAW,OAAO,KAAA,KAAU,QAAA,EAAU;AACpC,MAAA,IAAI,OAAO,QAAA,CAAS,KAAK,CAAA,EAAG,IAAA,CAAK,GAAG,CAAA,GAAI,KAAA;AAAA,IAC1C,CAAA,MAAA,IAAW,OAAO,KAAA,KAAU,QAAA,EAAU;AACpC,MAAA,MAAM,OAAA,GAAU,MAAM,IAAA,EAAK;AAC3B,MAAA,IACE,OAAA,CAAQ,MAAA,GAAS,CAAA,IACjB,OAAA,CAAQ,MAAA,IAAU,uBAClB,CAAC,UAAA,CAAW,IAAA,CAAK,OAAO,CAAA,EACxB;AACA,QAAA,IAAA,CAAK,GAAG,CAAA,GAAI,OAAA;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACA,EAAA,OAAO,IAAA;AACT;AAMO,SAAS,iBAAA,CACd,MACA,UAAA,EACS;AACT,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,KAAA;AAC1C,EAAA,IAAI;AACF,IAAA,MAAM,SAAS,MAAA,CAAO,MAAA;AACtB,IAAA,IAAI,OAAO,MAAA,EAAQ,KAAA,KAAU,UAAA,EAAY,OAAO,KAAA;AAChD,IAAA,MAAM,IAAA,GAAO,+BAA+B,UAAU,CAAA;AACtD,IAAA,IAAI,MAAA,CAAO,IAAA,CAAK,IAAI,CAAA,CAAE,SAAS,CAAA,EAAG;AAChC,MAAA,MAAA,CAAO,KAAA,CAAM,MAAM,IAAI,CAAA;AAAA,IACzB,CAAA,MAAO;AACL,MAAA,MAAA,CAAO,MAAM,IAAI,CAAA;AAAA,IACnB;AACA,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,CAAA,MAAQ;AAEN,IAAA,OAAO,KAAA;AAAA,EACT;AACF","file":"chunk-6YZUFMK2.mjs","sourcesContent":["/**\n * Website analytics events (Rybbit custom events).\n *\n * Product websites load the Rybbit script, which records pageviews on its own.\n * Funnel facts that are not a pageview (for example a successful waitlist\n * signup) are sent through `trackWebsiteEvent`, which calls `window.rybbit.event`\n * when the script is present and does nothing otherwise.\n *\n * Privacy rules (BOFF-3167):\n * - Event names come from the closed `WebsiteEventName` union.\n * - Properties are short, low-cardinality strings, numbers or booleans. Strings\n *   longer than `MAX_PROPERTY_LENGTH`, values that look like an email address,\n *   and any other value type are dropped, so a caller cannot leak an email,\n *   name or free text into the analytics provider by mistake.\n * - Tracking never throws: analytics must not break a signup.\n */\n\n/** Custom events product websites emit. */\nexport type WebsiteEventName = \"waitlist.signed_up\";\n\nexport type WebsiteEventPropertyValue = string | number | boolean;\n\nexport type WebsiteEventProperties = Record<string, WebsiteEventPropertyValue>;\n\ndeclare global {\n  interface Window {\n    /** Set by the Rybbit tracking script (https://app.rybbit.io/api/script.js). */\n    rybbit?: {\n      event?: (\n        name: string,\n        properties?: Record<string, WebsiteEventPropertyValue>,\n      ) => void;\n    };\n  }\n}\n\n/** Longest string property value that is forwarded. */\nexport const MAX_PROPERTY_LENGTH = 64;\n\nconst EMAIL_LIKE = /[^\\s@]+@[^\\s@]+/;\n\n/**\n * Keeps only short, non-identifying primitive values. Exported for tests.\n */\nexport function sanitizeWebsiteEventProperties(\n  properties: WebsiteEventProperties | undefined,\n): WebsiteEventProperties {\n  const safe: WebsiteEventProperties = {};\n  if (!properties) return safe;\n  for (const [key, value] of Object.entries(properties)) {\n    if (typeof value === \"boolean\") {\n      safe[key] = value;\n    } else if (typeof value === \"number\") {\n      if (Number.isFinite(value)) safe[key] = value;\n    } else if (typeof value === \"string\") {\n      const trimmed = value.trim();\n      if (\n        trimmed.length > 0 &&\n        trimmed.length <= MAX_PROPERTY_LENGTH &&\n        !EMAIL_LIKE.test(trimmed)\n      ) {\n        safe[key] = trimmed;\n      }\n    }\n  }\n  return safe;\n}\n\n/**\n * Sends a custom event to Rybbit when the tracking script is loaded.\n * Returns true when the event was handed to Rybbit.\n */\nexport function trackWebsiteEvent(\n  name: WebsiteEventName,\n  properties?: WebsiteEventProperties,\n): boolean {\n  if (typeof window === \"undefined\") return false;\n  try {\n    const rybbit = window.rybbit;\n    if (typeof rybbit?.event !== \"function\") return false;\n    const safe = sanitizeWebsiteEventProperties(properties);\n    if (Object.keys(safe).length > 0) {\n      rybbit.event(name, safe);\n    } else {\n      rybbit.event(name);\n    }\n    return true;\n  } catch {\n    // Analytics is best-effort and must never break the page.\n    return false;\n  }\n}\n"]}

package/dist/chunk-7A6R7CGG.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkC6OJIHNO_js = require('./chunk-C6OJIHNO.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Input = React__namespace.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type,
+        className: chunkC6OJIHNO_js.cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+exports.Input = Input;
+//# sourceMappingURL=chunk-7A6R7CGG.js.map
+//# sourceMappingURL=chunk-7A6R7CGG.js.map

package/dist/chunk-7A6R7CGG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/input.tsx"],"names":["React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,KAAA,GAAcA,gBAAA,CAAA,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AACtC,IAAA,uBACEC,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,SAAA,EAAWC,mBAAA;AAAA,UACT,yWAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-7A6R7CGG.js","sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          \"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n"]}

package/dist/chunk-7PWL4V2R.js

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-7PWL4V2R.js.map
+//# sourceMappingURL=chunk-7PWL4V2R.js.map

package/dist/chunk-7PWL4V2R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-7PWL4V2R.js"}

package/dist/chunk-AA33WDYS.js

@@ -0,0 +1,161 @@
+'use strict';
+
+var chunk7A6R7CGG_js = require('./chunk-7A6R7CGG.js');
+var chunkC6OJIHNO_js = require('./chunk-C6OJIHNO.js');
+var react = require('react');
+var DropdownMenu = require('@radix-ui/react-dropdown-menu');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var DropdownMenu__namespace = /*#__PURE__*/_interopNamespace(DropdownMenu);
+
+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] = react.useState(false);
+  const [query, setQuery] = react.useState("");
+  const [failedLogos, setFailedLogos] = react.useState(
+    () => /* @__PURE__ */ new Set()
+  );
+  const filtered = react.useMemo(
+    () => filterProducts(products, query),
+    [products, query]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu__namespace.Root, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      DropdownMenu__namespace.Trigger,
+      {
+        className: chunkC6OJIHNO_js.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__ */ jsxRuntime.jsx(lucideReact.Globe, { className: "h-4 w-4", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: triggerLabel }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDown,
+            {
+              className: chunkC6OJIHNO_js.cn(
+                "h-3.5 w-3.5 transition-transform duration-200",
+                open && "rotate-180"
+              ),
+              "aria-hidden": "true"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      DropdownMenu__namespace.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__ */ jsxRuntime.jsxs("div", { className: "px-2 pb-2 pt-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Burdenoff ecosystem" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.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__ */ jsxRuntime.jsx(
+                chunk7A6R7CGG_js.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__ */ jsxRuntime.jsx(DropdownMenu__namespace.Separator, { className: "my-1 h-px bg-border/60" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[min(60vh,24rem)] overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-4 text-center text-sm text-muted-foreground", children: emptyText }) : filtered.map((product) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Item, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "a",
+            {
+              href: product.websiteUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: chunkC6OJIHNO_js.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "truncate", children: product.name })
+              ]
+            }
+          ) }, product.slug)) }),
+          /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Arrow, { className: "fill-popover" })
+        ]
+      }
+    ) })
+  ] });
+}
+
+exports.WebsiteSwitcher = WebsiteSwitcher;
+exports.resolveWebsiteProductLogo = resolveWebsiteProductLogo;
+//# sourceMappingURL=chunk-AA33WDYS.js.map
+//# sourceMappingURL=chunk-AA33WDYS.js.map

package/dist/chunk-AA33WDYS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/website-switcher.tsx"],"names":["useState","useMemo","jsxs","DropdownMenu","cn","jsx","Globe","ChevronDown","Search","Input"],"mappings":"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","file":"chunk-AA33WDYS.js","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"]}