@burdenoff/website-sdk 2026.1031.3 → 2026.1101.2

package/dist/chunk-UQ2HALUD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/button.tsx"],"names":["cva","React","Slot","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAM,cAAA,GAAiBA,0BAAA;AAAA,EACrB,uSAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EACE,+DAAA;AAAA,QACF,WAAA,EACE,8EAAA;AAAA,QACF,OAAA,EACE,0FAAA;AAAA,QACF,SAAA,EACE,wEAAA;AAAA,QACF,KAAA,EAAO,8CAAA;AAAA,QACP,IAAA,EAAM;AAAA,OACR;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,eAAA;AAAA,QACT,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,sBAAA;AAAA,QACJ,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AASA,IAAM,MAAA,GAAeC,gBAAA,CAAA,UAAA;AAAA,EACnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,UAAU,KAAA,EAAO,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAChE,IAAA,MAAM,IAAA,GAAO,UAAUC,cAAA,GAAO,QAAA;AAC9B,IAAA,uBACEC,cAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAWC,oBAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,QAC1D,GAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-UQ2HALUD.js","sourcesContent":["import * as React from \"react\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils/cn\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        icon: \"h-9 w-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { Button, buttonVariants };\n"]}

package/dist/chunk-UXWT7G77.js

@@ -0,0 +1,82 @@
+'use strict';
+
+var reactHelmetAsync = require('react-helmet-async');
+var jsxRuntime = require('react/jsx-runtime');
+
+function canonicalFromLocation() {
+  if (typeof window === "undefined" || !window.location) return void 0;
+  const { origin, pathname } = window.location;
+  if (!origin || origin === "null") return void 0;
+  const path = pathname === "/" ? "/" : pathname.replace(/\/+$/, "");
+  return `${origin}${path}`;
+}
+function resolveImageUrl(image, base) {
+  if (!image || /^https?:\/\//i.test(image)) return image;
+  if (!base) return image;
+  try {
+    return new URL(image, base).toString();
+  } catch {
+    return image;
+  }
+}
+function serializeJsonLd(data) {
+  return JSON.stringify(data).replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
+}
+function PageHead({
+  title,
+  description,
+  productName,
+  keywords,
+  image,
+  url,
+  favicon,
+  robots = "index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1",
+  locale = "en_US",
+  twitterHandle,
+  themeColor = "#000000",
+  author,
+  structuredData,
+  additionalMeta
+}) {
+  const fullTitle = productName && !title.includes(productName) ? `${title} | ${productName}` : title;
+  const resolvedUrl = url ?? canonicalFromLocation();
+  const fullImageUrl = resolveImageUrl(image, resolvedUrl);
+  const structuredDataItems = structuredData ? Array.isArray(structuredData) ? structuredData : [structuredData] : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactHelmetAsync.Helmet, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("title", { children: fullTitle }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "title", content: fullTitle }),
+    description ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "description", content: description }) : null,
+    keywords ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "keywords", content: keywords }) : null,
+    author ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "author", content: author }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "robots", content: robots }),
+    resolvedUrl ? /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "canonical", href: resolvedUrl }) : null,
+    favicon ? /* @__PURE__ */ jsxRuntime.jsx("link", { rel: "icon", href: favicon }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:type", content: "website" }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:title", content: fullTitle }),
+    description ? /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:description", content: description }) : null,
+    fullImageUrl ? /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:image", content: fullImageUrl }) : null,
+    resolvedUrl ? /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:url", content: resolvedUrl }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:locale", content: locale }),
+    productName ? /* @__PURE__ */ jsxRuntime.jsx("meta", { property: "og:site_name", content: productName }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:card", content: "summary_large_image" }),
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:title", content: fullTitle }),
+    description ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:description", content: description }) : null,
+    fullImageUrl ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:image", content: fullImageUrl }) : null,
+    twitterHandle ? /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "twitter:creator", content: twitterHandle }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("meta", { name: "theme-color", content: themeColor }),
+    structuredDataItems.map((data, index) => /* @__PURE__ */ jsxRuntime.jsx("script", { type: "application/ld+json", children: serializeJsonLd(data) }, `ld-${index}`)),
+    additionalMeta?.map((meta, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      "meta",
+      {
+        ...meta.name ? { name: meta.name } : {},
+        ...meta.property ? { property: meta.property } : {},
+        content: meta.content
+      },
+      `meta-${index}`
+    ))
+  ] });
+}
+
+exports.PageHead = PageHead;
+//# sourceMappingURL=chunk-UXWT7G77.js.map
+//# sourceMappingURL=chunk-UXWT7G77.js.map

package/dist/chunk-UXWT7G77.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/seo/page-head.tsx"],"names":["Helmet","jsx"],"mappings":"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","file":"chunk-UXWT7G77.js","sourcesContent":["/**\n * PageHead Component\n * Manages dynamic meta tags for SEO optimization on a per-page basis.\n * Supports JSON-LD structured data, Open Graph, Twitter Cards, favicons, and robots directives.\n *\n * @example\n * ```tsx\n * <PageHead\n *   title=\"About Us\"\n *   description=\"Learn about our mission and team\"\n *   productName=\"MyProduct\"\n *   keywords=\"about, team, mission\"\n *   image=\"/og-about.png\"\n *   url=\"https://myproduct.com/about\"\n *   favicon=\"/favicon.ico\"\n *   robots=\"index, follow\"\n *   locale=\"en_US\"\n *   twitterHandle=\"@burdenoff\"\n *   themeColor=\"#1a1a2e\"\n *   structuredData={{\n *     \"@context\": \"https://schema.org\",\n *     \"@type\": \"WebPage\",\n *     name: \"About Us\",\n *   }}\n * />\n * ```\n */\n\nimport { Helmet } from \"react-helmet-async\";\n\nexport interface PageHeadProps {\n  /** Page title */\n  title: string;\n  /** Meta description */\n  description?: string;\n  /** Product/brand name (appended to title) */\n  productName?: string;\n  /** SEO keywords */\n  keywords?: string;\n  /** Open Graph image URL */\n  image?: string;\n  /** Page canonical URL */\n  url?: string;\n  /** Favicon URL */\n  favicon?: string;\n  /** Robots directive (e.g., \"index, follow\") */\n  robots?: string;\n  /** Open Graph locale (e.g., \"en_US\") */\n  locale?: string;\n  /** Twitter handle (e.g., \"@burdenoff\") */\n  twitterHandle?: string;\n  /** Theme color for mobile browsers */\n  themeColor?: string;\n  /**\n   * Value for `<meta name=\"author\">`. Omitted by default.\n   *\n   * Each product site already declares its author in `index.html` as the\n   * legal entity that publicly holds that product (BUR-SOP-029, \"Holder is\n   * what you publish\"), and that entity differs between products. A default\n   * here would add a second, conflicting author tag to every route, so the\n   * tag is only rendered when a site passes the value explicitly.\n   */\n  author?: string;\n  /** JSON-LD structured data objects */\n  structuredData?: Record<string, unknown> | Array<Record<string, unknown>>;\n  /** Additional meta tags */\n  additionalMeta?: Array<{\n    name?: string;\n    property?: string;\n    content: string;\n  }>;\n}\n\n/**\n * Build a self-referencing canonical URL from the current location.\n *\n * Query strings and hashes are dropped (they never identify a distinct\n * canonical document here) and the trailing slash is normalised away for\n * everything but the site root. Returns `undefined` outside a DOM so the\n * component degrades to its previous behaviour under plain string rendering.\n */\nfunction canonicalFromLocation(): string | undefined {\n  if (typeof window === \"undefined\" || !window.location) return undefined;\n  const { origin, pathname } = window.location;\n  if (!origin || origin === \"null\") return undefined;\n  const path = pathname === \"/\" ? \"/\" : pathname.replace(/\\/+$/, \"\");\n  return `${origin}${path}`;\n}\n\n/**\n * Absolutise an Open Graph image URL.\n *\n * Already-absolute URLs pass through. A root-relative path resolves against\n * the origin, and any other relative path against the page URL. Without a\n * resolvable base the original value is returned unchanged.\n */\nfunction resolveImageUrl(\n  image: string | undefined,\n  base: string | undefined,\n): string | undefined {\n  if (!image || /^https?:\\/\\//i.test(image)) return image;\n  if (!base) return image;\n  try {\n    return new URL(image, base).toString();\n  } catch {\n    return image;\n  }\n}\n\n/**\n * JSON-LD as the body of a `<script>` element.\n *\n * `JSON.stringify` leaves `<` alone, and a script body ends at the first `</script` whatever\n * the quoting around it. The prerender serialises the live DOM with script text verbatim,\n * so a `</script><script>…` inside any string field (a caption, a title) would close the\n * JSON-LD block in the static HTML and run what follows. `\\u003c` is the same character to\n * every JSON parser; U+2028 / U+2029 are escaped for engines that still read them as line\n * breaks.\n */\nfunction serializeJsonLd(data: Record<string, unknown>): string {\n  return JSON.stringify(data)\n    .replace(/</g, \"\\\\u003c\")\n    .replace(/\\u2028/g, \"\\\\u2028\")\n    .replace(/\\u2029/g, \"\\\\u2029\");\n}\n\nexport function PageHead({\n  title,\n  description,\n  productName,\n  keywords,\n  image,\n  url,\n  favicon,\n  robots = \"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\",\n  locale = \"en_US\",\n  twitterHandle,\n  themeColor = \"#000000\",\n  author,\n  structuredData,\n  additionalMeta,\n}: PageHeadProps) {\n  const fullTitle =\n    productName && !title.includes(productName)\n      ? `${title} | ${productName}`\n      : title;\n\n  // Self-referencing canonical by default.\n  //\n  // Without this, a route that renders PageHead but omits `url` emits no\n  // canonical at all, so the static `<link rel=\"canonical\">` in index.html\n  // survives and every such page declares itself a duplicate of the home\n  // page — Google then drops /pricing, /privacy, /terms and friends from the\n  // index. Deriving it from the current location keeps each page pointing at\n  // itself; callers that genuinely need a cross-canonical still pass `url`.\n  //\n  // During prerender the DOM location already reflects the route being\n  // rendered, so this resolves correctly ahead of hydration.\n  const resolvedUrl = url ?? canonicalFromLocation();\n\n  // Root-relative images (\"/og.png\") belong to the ORIGIN, not to the current\n  // path — concatenating them onto the page URL yields /features/og.png and a\n  // broken share card. Anything else is resolved relative to the page itself.\n  const fullImageUrl = resolveImageUrl(image, resolvedUrl);\n\n  // Normalize structured data to an array\n  const structuredDataItems: Array<Record<string, unknown>> = structuredData\n    ? Array.isArray(structuredData)\n      ? structuredData\n      : [structuredData]\n    : [];\n\n  // Every conditional below is a `? … : null` ternary, never `x && <el />`.\n  // `&&` forwards the left operand when it is falsy, so an empty-string prop\n  // (keywords is legitimately \"\" on generated answer pages) would reach Helmet\n  // as a string child. react-helmet-async skips any falsy child, but its\n  // maintained fork @dr.pogodin/react-helmet skips only null/undefined and\n  // throws `\"string\" is not a valid <Helmet> descendant` — which crashes the\n  // whole page at render time. `null` is skipped by both.\n  return (\n    <Helmet>\n      {/* Primary Meta Tags */}\n      <title>{fullTitle}</title>\n      <meta name=\"title\" content={fullTitle} />\n      {description ? <meta name=\"description\" content={description} /> : null}\n      {keywords ? <meta name=\"keywords\" content={keywords} /> : null}\n      {author ? <meta name=\"author\" content={author} /> : null}\n      <meta name=\"robots\" content={robots} />\n\n      {/* Canonical URL */}\n      {resolvedUrl ? <link rel=\"canonical\" href={resolvedUrl} /> : null}\n\n      {/* Favicon */}\n      {favicon ? <link rel=\"icon\" href={favicon} /> : null}\n\n      {/* Open Graph / Facebook */}\n      <meta property=\"og:type\" content=\"website\" />\n      <meta property=\"og:title\" content={fullTitle} />\n      {description ? (\n        <meta property=\"og:description\" content={description} />\n      ) : null}\n      {fullImageUrl ? (\n        <meta property=\"og:image\" content={fullImageUrl} />\n      ) : null}\n      {resolvedUrl ? <meta property=\"og:url\" content={resolvedUrl} /> : null}\n      <meta property=\"og:locale\" content={locale} />\n      {productName ? (\n        <meta property=\"og:site_name\" content={productName} />\n      ) : null}\n\n      {/* Twitter Card */}\n      <meta name=\"twitter:card\" content=\"summary_large_image\" />\n      <meta name=\"twitter:title\" content={fullTitle} />\n      {description ? (\n        <meta name=\"twitter:description\" content={description} />\n      ) : null}\n      {fullImageUrl ? (\n        <meta name=\"twitter:image\" content={fullImageUrl} />\n      ) : null}\n      {twitterHandle ? (\n        <meta name=\"twitter:creator\" content={twitterHandle} />\n      ) : null}\n\n      {/* Theme Color */}\n      <meta name=\"theme-color\" content={themeColor} />\n\n      {/* JSON-LD Structured Data */}\n      {structuredDataItems.map((data, index) => (\n        <script key={`ld-${index}`} type=\"application/ld+json\">\n          {serializeJsonLd(data)}\n        </script>\n      ))}\n\n      {/* Additional Meta Tags */}\n      {additionalMeta?.map((meta, index) => (\n        <meta\n          key={`meta-${index}`}\n          {...(meta.name ? { name: meta.name } : {})}\n          {...(meta.property ? { property: meta.property } : {})}\n          content={meta.content}\n        />\n      ))}\n    </Helmet>\n  );\n}\n"]}

package/dist/chunk-VNS5WDWO.mjs

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+export { __publicField };
+//# sourceMappingURL=chunk-VNS5WDWO.mjs.map
+//# sourceMappingURL=chunk-VNS5WDWO.mjs.map

package/dist/chunk-VNS5WDWO.mjs.map

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

package/dist/chunk-VRWZLGR7.js

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

package/dist/chunk-VRWZLGR7.js.map

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

package/dist/chunk-VZLDSNH4.mjs

@@ -0,0 +1,22 @@
+import { cn } from './chunk-R7G6TWIS.mjs';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Textarea = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      className: cn(
+        "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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
+    }
+  );
+});
+Textarea.displayName = "Textarea";
+
+export { Textarea };
+//# sourceMappingURL=chunk-VZLDSNH4.mjs.map
+//# sourceMappingURL=chunk-VZLDSNH4.mjs.map

package/dist/chunk-VZLDSNH4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/textarea.tsx"],"names":[],"mappings":";;;;AAIA,IAAM,QAAA,GAAiB,iBAGrB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAClC,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,2QAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,GAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAC;AACD,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-VZLDSNH4.mjs","sourcesContent":["import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm 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});\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"]}

package/dist/chunk-W6P3YETJ.js

@@ -0,0 +1,92 @@
+'use strict';
+
+var chunkUQ2HALUD_js = require('./chunk-UQ2HALUD.js');
+var chunkC6OJIHNO_js = require('./chunk-C6OJIHNO.js');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ProblemsSolvedSection({
+  eyebrow,
+  title,
+  subtitle,
+  problems,
+  storyBasePath = "/use-cases",
+  storyLabel = "See the story",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "section",
+    {
+      className: chunkC6OJIHNO_js.cn(
+        "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-muted/30",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-7xl mx-auto", children: [
+        (eyebrow || title || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-3xl mx-auto text-center mb-12 md:mb-16", children: [
+          eyebrow && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-mono uppercase tracking-widest text-primary mb-4", children: eyebrow }),
+          title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-3xl sm:text-4xl font-bold text-foreground mb-4", children: title }),
+          subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg text-muted-foreground", children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: problems.map((item, index) => {
+          const Icon = item.icon;
+          const storyHref = item.storySlug ? `${storyBasePath.replace(/\/$/, "")}/${item.storySlug}` : null;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: chunkC6OJIHNO_js.cn(
+                "group relative flex flex-col rounded-2xl border border-border/40 bg-card p-6 transition-colors",
+                "hover:border-primary/30"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: chunkC6OJIHNO_js.cn(
+                      "mb-5 inline-flex h-12 w-12 items-center justify-center rounded-xl",
+                      "bg-primary/10 text-primary"
+                    ),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-6 w-6", "aria-hidden": true })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: item.problem }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed mb-4 flex-1", children: item.solution }),
+                storyHref && /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkUQ2HALUD_js.Button,
+                  {
+                    variant: "ghost",
+                    className: "justify-start px-0 h-auto py-0 text-sm group/link",
+                    asChild: true,
+                    children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      "a",
+                      {
+                        href: storyHref,
+                        className: "inline-flex items-center gap-1 text-primary hover:underline",
+                        children: [
+                          storyLabel,
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            lucideReact.ArrowRight,
+                            {
+                              className: "h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5",
+                              "aria-hidden": "true"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            `${item.problem}-${index}`
+          );
+        }) }),
+        children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-12", children })
+      ] })
+    }
+  );
+}
+
+exports.ProblemsSolvedSection = ProblemsSolvedSection;
+//# sourceMappingURL=chunk-W6P3YETJ.js.map
+//# sourceMappingURL=chunk-W6P3YETJ.js.map

package/dist/chunk-W6P3YETJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/problems-solved.tsx"],"names":["jsx","cn","jsxs","Button","ArrowRight"],"mappings":"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","file":"chunk-W6P3YETJ.js","sourcesContent":["\"use client\";\n\n/**\n * ProblemsSolvedSection Component\n *\n * A creative, conversion-oriented section that pairs a problem with the\n * product's solution. Each card highlights the pain point, the fix, and an\n * optional link to a deeper use-case story.\n *\n * @example\n * ```tsx\n * import { ProblemsSolvedSection } from '@burdenoff/website-sdk'\n *\n * <ProblemsSolvedSection\n *   eyebrow=\"Why teams switch\"\n *   title=\"Stop fighting your tools\"\n *   subtitle=\"We built VibeControls around the friction that actually slows engineering teams down.\"\n *   problems={[...]}\n * />\n * ```\n */\n\nimport type { ComponentType, ReactNode } from \"react\";\n\nimport { ArrowRight } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProblemSolved {\n  /** The pain point or before-state. */\n  problem: string;\n  /** How the product addresses the pain point. */\n  solution: string;\n  /** Lucide-style icon component. */\n  icon: ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  /** Optional use-case story slug for linking to /use-cases/:slug. */\n  storySlug?: string;\n}\n\nexport interface ProblemsSolvedSectionProps {\n  /** Section eyebrow text. */\n  eyebrow?: string;\n  /** Section heading. */\n  title?: string;\n  /** Section subtitle. */\n  subtitle?: string;\n  /** Problem/solution pairs to render. */\n  problems: ProblemSolved[];\n  /** Base path for use-case story links. */\n  storyBasePath?: string;\n  /** Label for story links. */\n  storyLabel?: string;\n  /** Optional additional CSS class for the outer section. */\n  className?: string;\n  /** Optional child element rendered at the bottom of the section. */\n  children?: ReactNode;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function ProblemsSolvedSection({\n  eyebrow,\n  title,\n  subtitle,\n  problems,\n  storyBasePath = \"/use-cases\",\n  storyLabel = \"See the story\",\n  className,\n  children,\n}: ProblemsSolvedSectionProps) {\n  return (\n    <section\n      className={cn(\n        \"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-muted/30\",\n        className,\n      )}\n    >\n      <div className=\"max-w-7xl mx-auto\">\n        {(eyebrow || title || subtitle) && (\n          <div className=\"max-w-3xl mx-auto text-center mb-12 md:mb-16\">\n            {eyebrow && (\n              <p className=\"text-xs font-mono uppercase tracking-widest text-primary mb-4\">\n                {eyebrow}\n              </p>\n            )}\n            {title && (\n              <h2 className=\"text-3xl sm:text-4xl font-bold text-foreground mb-4\">\n                {title}\n              </h2>\n            )}\n            {subtitle && (\n              <p className=\"text-lg text-muted-foreground\">{subtitle}</p>\n            )}\n          </div>\n        )}\n\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n          {problems.map((item, index) => {\n            const Icon = item.icon;\n            const storyHref = item.storySlug\n              ? `${storyBasePath.replace(/\\/$/, \"\")}/${item.storySlug}`\n              : null;\n\n            return (\n              <div\n                key={`${item.problem}-${index}`}\n                className={cn(\n                  \"group relative flex flex-col rounded-2xl border border-border/40 bg-card p-6 transition-colors\",\n                  \"hover:border-primary/30\",\n                )}\n              >\n                <div\n                  className={cn(\n                    \"mb-5 inline-flex h-12 w-12 items-center justify-center rounded-xl\",\n                    \"bg-primary/10 text-primary\",\n                  )}\n                >\n                  <Icon className=\"h-6 w-6\" aria-hidden={true} />\n                </div>\n\n                <h3 className=\"text-lg font-semibold text-foreground mb-2\">\n                  {item.problem}\n                </h3>\n\n                <p className=\"text-sm text-muted-foreground leading-relaxed mb-4 flex-1\">\n                  {item.solution}\n                </p>\n\n                {storyHref && (\n                  <Button\n                    variant=\"ghost\"\n                    className=\"justify-start px-0 h-auto py-0 text-sm group/link\"\n                    asChild\n                  >\n                    <a\n                      href={storyHref}\n                      className=\"inline-flex items-center gap-1 text-primary hover:underline\"\n                    >\n                      {storyLabel}\n                      <ArrowRight\n                        className=\"h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5\"\n                        aria-hidden=\"true\"\n                      />\n                    </a>\n                  </Button>\n                )}\n              </div>\n            );\n          })}\n        </div>\n\n        {children && <div className=\"mt-12\">{children}</div>}\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/chunk-WPKFFQCR.mjs

@@ -0,0 +1,90 @@
+import { Button } from './chunk-KHYXK7FG.mjs';
+import { cn } from './chunk-R7G6TWIS.mjs';
+import { ArrowRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function ProblemsSolvedSection({
+  eyebrow,
+  title,
+  subtitle,
+  problems,
+  storyBasePath = "/use-cases",
+  storyLabel = "See the story",
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: cn(
+        "py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-muted/30",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto", children: [
+        (eyebrow || title || subtitle) && /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto text-center mb-12 md:mb-16", children: [
+          eyebrow && /* @__PURE__ */ jsx("p", { className: "text-xs font-mono uppercase tracking-widest text-primary mb-4", children: eyebrow }),
+          title && /* @__PURE__ */ jsx("h2", { className: "text-3xl sm:text-4xl font-bold text-foreground mb-4", children: title }),
+          subtitle && /* @__PURE__ */ jsx("p", { className: "text-lg text-muted-foreground", children: subtitle })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: problems.map((item, index) => {
+          const Icon = item.icon;
+          const storyHref = item.storySlug ? `${storyBasePath.replace(/\/$/, "")}/${item.storySlug}` : null;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "group relative flex flex-col rounded-2xl border border-border/40 bg-card p-6 transition-colors",
+                "hover:border-primary/30"
+              ),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: cn(
+                      "mb-5 inline-flex h-12 w-12 items-center justify-center rounded-xl",
+                      "bg-primary/10 text-primary"
+                    ),
+                    children: /* @__PURE__ */ jsx(Icon, { className: "h-6 w-6", "aria-hidden": true })
+                  }
+                ),
+                /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: item.problem }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground leading-relaxed mb-4 flex-1", children: item.solution }),
+                storyHref && /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    className: "justify-start px-0 h-auto py-0 text-sm group/link",
+                    asChild: true,
+                    children: /* @__PURE__ */ jsxs(
+                      "a",
+                      {
+                        href: storyHref,
+                        className: "inline-flex items-center gap-1 text-primary hover:underline",
+                        children: [
+                          storyLabel,
+                          /* @__PURE__ */ jsx(
+                            ArrowRight,
+                            {
+                              className: "h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5",
+                              "aria-hidden": "true"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                )
+              ]
+            },
+            `${item.problem}-${index}`
+          );
+        }) }),
+        children && /* @__PURE__ */ jsx("div", { className: "mt-12", children })
+      ] })
+    }
+  );
+}
+
+export { ProblemsSolvedSection };
+//# sourceMappingURL=chunk-WPKFFQCR.mjs.map
+//# sourceMappingURL=chunk-WPKFFQCR.mjs.map

package/dist/chunk-WPKFFQCR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/problems-solved.tsx"],"names":[],"mappings":"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","file":"chunk-WPKFFQCR.mjs","sourcesContent":["\"use client\";\n\n/**\n * ProblemsSolvedSection Component\n *\n * A creative, conversion-oriented section that pairs a problem with the\n * product's solution. Each card highlights the pain point, the fix, and an\n * optional link to a deeper use-case story.\n *\n * @example\n * ```tsx\n * import { ProblemsSolvedSection } from '@burdenoff/website-sdk'\n *\n * <ProblemsSolvedSection\n *   eyebrow=\"Why teams switch\"\n *   title=\"Stop fighting your tools\"\n *   subtitle=\"We built VibeControls around the friction that actually slows engineering teams down.\"\n *   problems={[...]}\n * />\n * ```\n */\n\nimport type { ComponentType, ReactNode } from \"react\";\n\nimport { ArrowRight } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ProblemSolved {\n  /** The pain point or before-state. */\n  problem: string;\n  /** How the product addresses the pain point. */\n  solution: string;\n  /** Lucide-style icon component. */\n  icon: ComponentType<{ className?: string; \"aria-hidden\"?: boolean }>;\n  /** Optional use-case story slug for linking to /use-cases/:slug. */\n  storySlug?: string;\n}\n\nexport interface ProblemsSolvedSectionProps {\n  /** Section eyebrow text. */\n  eyebrow?: string;\n  /** Section heading. */\n  title?: string;\n  /** Section subtitle. */\n  subtitle?: string;\n  /** Problem/solution pairs to render. */\n  problems: ProblemSolved[];\n  /** Base path for use-case story links. */\n  storyBasePath?: string;\n  /** Label for story links. */\n  storyLabel?: string;\n  /** Optional additional CSS class for the outer section. */\n  className?: string;\n  /** Optional child element rendered at the bottom of the section. */\n  children?: ReactNode;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function ProblemsSolvedSection({\n  eyebrow,\n  title,\n  subtitle,\n  problems,\n  storyBasePath = \"/use-cases\",\n  storyLabel = \"See the story\",\n  className,\n  children,\n}: ProblemsSolvedSectionProps) {\n  return (\n    <section\n      className={cn(\n        \"py-16 md:py-24 px-4 sm:px-6 lg:px-8 bg-muted/30\",\n        className,\n      )}\n    >\n      <div className=\"max-w-7xl mx-auto\">\n        {(eyebrow || title || subtitle) && (\n          <div className=\"max-w-3xl mx-auto text-center mb-12 md:mb-16\">\n            {eyebrow && (\n              <p className=\"text-xs font-mono uppercase tracking-widest text-primary mb-4\">\n                {eyebrow}\n              </p>\n            )}\n            {title && (\n              <h2 className=\"text-3xl sm:text-4xl font-bold text-foreground mb-4\">\n                {title}\n              </h2>\n            )}\n            {subtitle && (\n              <p className=\"text-lg text-muted-foreground\">{subtitle}</p>\n            )}\n          </div>\n        )}\n\n        <div className=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n          {problems.map((item, index) => {\n            const Icon = item.icon;\n            const storyHref = item.storySlug\n              ? `${storyBasePath.replace(/\\/$/, \"\")}/${item.storySlug}`\n              : null;\n\n            return (\n              <div\n                key={`${item.problem}-${index}`}\n                className={cn(\n                  \"group relative flex flex-col rounded-2xl border border-border/40 bg-card p-6 transition-colors\",\n                  \"hover:border-primary/30\",\n                )}\n              >\n                <div\n                  className={cn(\n                    \"mb-5 inline-flex h-12 w-12 items-center justify-center rounded-xl\",\n                    \"bg-primary/10 text-primary\",\n                  )}\n                >\n                  <Icon className=\"h-6 w-6\" aria-hidden={true} />\n                </div>\n\n                <h3 className=\"text-lg font-semibold text-foreground mb-2\">\n                  {item.problem}\n                </h3>\n\n                <p className=\"text-sm text-muted-foreground leading-relaxed mb-4 flex-1\">\n                  {item.solution}\n                </p>\n\n                {storyHref && (\n                  <Button\n                    variant=\"ghost\"\n                    className=\"justify-start px-0 h-auto py-0 text-sm group/link\"\n                    asChild\n                  >\n                    <a\n                      href={storyHref}\n                      className=\"inline-flex items-center gap-1 text-primary hover:underline\"\n                    >\n                      {storyLabel}\n                      <ArrowRight\n                        className=\"h-3.5 w-3.5 transition-transform group-hover/link:translate-x-0.5\"\n                        aria-hidden=\"true\"\n                      />\n                    </a>\n                  </Button>\n                )}\n              </div>\n            );\n          })}\n        </div>\n\n        {children && <div className=\"mt-12\">{children}</div>}\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/chunk-WTVTI5TO.mjs

@@ -0,0 +1,22 @@
+import { cn } from './chunk-R7G6TWIS.mjs';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };
+//# sourceMappingURL=chunk-WTVTI5TO.mjs.map
+//# sourceMappingURL=chunk-WTVTI5TO.mjs.map

package/dist/chunk-WTVTI5TO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/label.tsx"],"names":[],"mappings":";;;;;;AAOA,IAAM,aAAA,GAAgB,GAAA;AAAA,EACpB;AACF,CAAA;AAEA,IAAM,KAAA,GAAc,iBAIlB,CAAC,EAAE,WAAW,GAAG,KAAA,IAAS,GAAA,qBAC1B,GAAA;AAAA,EAAgB,cAAA,CAAA,IAAA;AAAA,EAAf;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA,CAAG,aAAA,EAAc,EAAG,SAAS,CAAA;AAAA,IACvC,GAAG;AAAA;AACN,CACD;AACD,KAAA,CAAM,cAA6B,cAAA,CAAA,IAAA,CAAK,WAAA","file":"chunk-WTVTI5TO.mjs","sourcesContent":["import * as React from \"react\";\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"../utils/cn\";\n\nconst labelVariants = cva(\n  \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n);\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n    VariantProps<typeof labelVariants>\n>(({ className, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants(), className)}\n    {...props}\n  />\n));\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"]}

package/dist/chunk-XJOBZ4RJ.js

@@ -0,0 +1,44 @@
+'use strict';
+
+// 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;
+  }
+}
+
+exports.MAX_PROPERTY_LENGTH = MAX_PROPERTY_LENGTH;
+exports.sanitizeWebsiteEventProperties = sanitizeWebsiteEventProperties;
+exports.trackWebsiteEvent = trackWebsiteEvent;
+//# sourceMappingURL=chunk-XJOBZ4RJ.js.map
+//# sourceMappingURL=chunk-XJOBZ4RJ.js.map

package/dist/chunk-XJOBZ4RJ.js.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-XJOBZ4RJ.js","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"]}