@burdenoff/website-sdk 2026.703.2 → 2026.709.2

package/dist/components/electron-download.d.mts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type DetectedPlatform = "win" | "mac" | "linux" | "unknown";
+interface ElectronDownloadLinkProps {
+    /** Base URL where artifacts are hosted (with or without trailing slash). */
+    downloadBaseUrl: string;
+    /** Artifact file name; may include a `{platform}` token. */
+    artifactName: string;
+    /** When true, the element is not rendered. Defaults to true (hidden). */
+    hidden?: boolean;
+    /** Link/button text. */
+    label?: string;
+    /** Accessible label for the download action. */
+    downloadLabel?: string;
+    /** Optional mapping from detected platform to artifact platform key. */
+    platformMap?: Partial<Record<DetectedPlatform, string>>;
+    /** Additional CSS class for the link. */
+    className?: string;
+    /** Variant for the rendered button. */
+    variant?: "default" | "outline" | "ghost" | "link";
+    /** Size for the rendered button. */
+    size?: "default" | "sm" | "lg" | "icon";
+}
+/**
+ * Detect the visitor's desktop operating system from the user agent string.
+ * Returns `win`, `mac`, `linux`, or `unknown`. This is intended for choosing
+ * a download artifact; it intentionally does not distinguish mobile OSes.
+ */
+declare function detectElectronPlatform(userAgent?: string): DetectedPlatform;
+declare function ElectronDownloadLink({ downloadBaseUrl, artifactName, hidden, label, downloadLabel, platformMap, className, variant, size, }: ElectronDownloadLinkProps): react_jsx_runtime.JSX.Element | null;
+
+export { type DetectedPlatform, ElectronDownloadLink, type ElectronDownloadLinkProps, detectElectronPlatform };

package/dist/components/electron-download.d.ts

@@ -0,0 +1,32 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type DetectedPlatform = "win" | "mac" | "linux" | "unknown";
+interface ElectronDownloadLinkProps {
+    /** Base URL where artifacts are hosted (with or without trailing slash). */
+    downloadBaseUrl: string;
+    /** Artifact file name; may include a `{platform}` token. */
+    artifactName: string;
+    /** When true, the element is not rendered. Defaults to true (hidden). */
+    hidden?: boolean;
+    /** Link/button text. */
+    label?: string;
+    /** Accessible label for the download action. */
+    downloadLabel?: string;
+    /** Optional mapping from detected platform to artifact platform key. */
+    platformMap?: Partial<Record<DetectedPlatform, string>>;
+    /** Additional CSS class for the link. */
+    className?: string;
+    /** Variant for the rendered button. */
+    variant?: "default" | "outline" | "ghost" | "link";
+    /** Size for the rendered button. */
+    size?: "default" | "sm" | "lg" | "icon";
+}
+/**
+ * Detect the visitor's desktop operating system from the user agent string.
+ * Returns `win`, `mac`, `linux`, or `unknown`. This is intended for choosing
+ * a download artifact; it intentionally does not distinguish mobile OSes.
+ */
+declare function detectElectronPlatform(userAgent?: string): DetectedPlatform;
+declare function ElectronDownloadLink({ downloadBaseUrl, artifactName, hidden, label, downloadLabel, platformMap, className, variant, size, }: ElectronDownloadLinkProps): react_jsx_runtime.JSX.Element | null;
+
+export { type DetectedPlatform, ElectronDownloadLink, type ElectronDownloadLinkProps, detectElectronPlatform };

package/dist/components/electron-download.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var lucideReact = require('lucide-react');
+var React = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+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);
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+function detectElectronPlatform(userAgent = typeof navigator !== "undefined" ? navigator.userAgent : "") {
+  const ua = userAgent.toLowerCase();
+  if (ua.includes("win")) return "win";
+  if (ua.includes("mac")) return "mac";
+  if (ua.includes("linux")) return "linux";
+  return "unknown";
+}
+function buildDownloadUrl(base, artifactName, platform, platformMap) {
+  const normalizedBase = base.replace(/\/$/, "");
+  const platformKey = platformMap[platform] ?? platform;
+  const fileName = artifactName.includes("{platform}") ? artifactName.replace(/\{platform\}/g, platformKey) : artifactName;
+  return `${normalizedBase}/${fileName}`;
+}
+function ElectronDownloadLink({
+  downloadBaseUrl,
+  artifactName,
+  hidden = true,
+  label = "Download desktop app",
+  downloadLabel = label,
+  platformMap = {},
+  className,
+  variant = "default",
+  size = "default"
+}) {
+  if (hidden) return null;
+  const platform = detectElectronPlatform();
+  const href = buildDownloadUrl(
+    downloadBaseUrl,
+    artifactName,
+    platform,
+    platformMap
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      variant,
+      size,
+      className: cn("inline-flex items-center gap-2", className),
+      asChild: true,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "a",
+        {
+          href,
+          download: true,
+          "aria-label": `${downloadLabel}${platform !== "unknown" ? ` for ${platform}` : ""}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4", "aria-hidden": "true" }),
+            label
+          ]
+        }
+      )
+    }
+  );
+}
+
+exports.ElectronDownloadLink = ElectronDownloadLink;
+exports.detectElectronPlatform = detectElectronPlatform;
+//# sourceMappingURL=electron-download.js.map
+//# sourceMappingURL=electron-download.js.map

package/dist/components/electron-download.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/ui/button.tsx","../../src/components/electron-download.tsx"],"names":["twMerge","clsx","cva","React","Slot","jsx","jsxs","Download"],"mappings":"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","file":"electron-download.js","sourcesContent":["/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx and tailwind-merge for optimal class handling\n */\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge multiple class names intelligently\n * - Handles conditional classes via clsx\n * - Deduplicates and resolves Tailwind conflicts via tailwind-merge\n *\n * @example\n * ```ts\n * cn('px-4 py-2', 'bg-blue-500', { 'text-white': isActive })\n * // => 'px-4 py-2 bg-blue-500 text-white' (if isActive is true)\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","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","\"use client\";\n\n/**\n * ElectronDownloadLink Component\n *\n * A download link that auto-detects the visitor's operating system and points\n * to the matching Electron artifact. Hidden by default via the `hidden` prop so\n * it can be staged in pages and revealed once a desktop build is ready.\n *\n * The `artifactName` prop may contain a `{platform}` token which is replaced\n * with the detected platform key (`win`, `mac`, or `linux`).\n *\n * @example\n * ```tsx\n * import { ElectronDownloadLink } from '@burdenoff/website-sdk'\n *\n * <ElectronDownloadLink\n *   downloadBaseUrl=\"https://releases.example.com/desktop\"\n *   artifactName=\"MyApp-{platform}.zip\"\n * />\n * ```\n */\n\nimport { Download } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type DetectedPlatform = \"win\" | \"mac\" | \"linux\" | \"unknown\";\n\nexport interface ElectronDownloadLinkProps {\n  /** Base URL where artifacts are hosted (with or without trailing slash). */\n  downloadBaseUrl: string;\n  /** Artifact file name; may include a `{platform}` token. */\n  artifactName: string;\n  /** When true, the element is not rendered. Defaults to true (hidden). */\n  hidden?: boolean;\n  /** Link/button text. */\n  label?: string;\n  /** Accessible label for the download action. */\n  downloadLabel?: string;\n  /** Optional mapping from detected platform to artifact platform key. */\n  platformMap?: Partial<Record<DetectedPlatform, string>>;\n  /** Additional CSS class for the link. */\n  className?: string;\n  /** Variant for the rendered button. */\n  variant?: \"default\" | \"outline\" | \"ghost\" | \"link\";\n  /** Size for the rendered button. */\n  size?: \"default\" | \"sm\" | \"lg\" | \"icon\";\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Detect the visitor's desktop operating system from the user agent string.\n * Returns `win`, `mac`, `linux`, or `unknown`. This is intended for choosing\n * a download artifact; it intentionally does not distinguish mobile OSes.\n */\nexport function detectElectronPlatform(\n  userAgent: string = typeof navigator !== \"undefined\"\n    ? navigator.userAgent\n    : \"\",\n): DetectedPlatform {\n  const ua = userAgent.toLowerCase();\n\n  if (ua.includes(\"win\")) return \"win\";\n  if (ua.includes(\"mac\")) return \"mac\";\n  if (ua.includes(\"linux\")) return \"linux\";\n\n  return \"unknown\";\n}\n\nfunction buildDownloadUrl(\n  base: string,\n  artifactName: string,\n  platform: DetectedPlatform,\n  platformMap: Partial<Record<DetectedPlatform, string>>,\n): string {\n  const normalizedBase = base.replace(/\\/$/, \"\");\n  const platformKey = platformMap[platform] ?? platform;\n  const fileName = artifactName.includes(\"{platform}\")\n    ? artifactName.replace(/\\{platform\\}/g, platformKey)\n    : artifactName;\n  return `${normalizedBase}/${fileName}`;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function ElectronDownloadLink({\n  downloadBaseUrl,\n  artifactName,\n  hidden = true,\n  label = \"Download desktop app\",\n  downloadLabel = label,\n  platformMap = {},\n  className,\n  variant = \"default\",\n  size = \"default\",\n}: ElectronDownloadLinkProps) {\n  if (hidden) return null;\n\n  const platform = detectElectronPlatform();\n  const href = buildDownloadUrl(\n    downloadBaseUrl,\n    artifactName,\n    platform,\n    platformMap,\n  );\n\n  return (\n    <Button\n      variant={variant}\n      size={size}\n      className={cn(\"inline-flex items-center gap-2\", className)}\n      asChild\n    >\n      <a\n        href={href}\n        download\n        aria-label={`${downloadLabel}${platform !== \"unknown\" ? ` for ${platform}` : \"\"}`}\n      >\n        <Download className=\"h-4 w-4\" aria-hidden=\"true\" />\n        {label}\n      </a>\n    </Button>\n  );\n}\n"]}

package/dist/components/electron-download.mjs

@@ -0,0 +1,108 @@
+import { Download } from 'lucide-react';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+function detectElectronPlatform(userAgent = typeof navigator !== "undefined" ? navigator.userAgent : "") {
+  const ua = userAgent.toLowerCase();
+  if (ua.includes("win")) return "win";
+  if (ua.includes("mac")) return "mac";
+  if (ua.includes("linux")) return "linux";
+  return "unknown";
+}
+function buildDownloadUrl(base, artifactName, platform, platformMap) {
+  const normalizedBase = base.replace(/\/$/, "");
+  const platformKey = platformMap[platform] ?? platform;
+  const fileName = artifactName.includes("{platform}") ? artifactName.replace(/\{platform\}/g, platformKey) : artifactName;
+  return `${normalizedBase}/${fileName}`;
+}
+function ElectronDownloadLink({
+  downloadBaseUrl,
+  artifactName,
+  hidden = true,
+  label = "Download desktop app",
+  downloadLabel = label,
+  platformMap = {},
+  className,
+  variant = "default",
+  size = "default"
+}) {
+  if (hidden) return null;
+  const platform = detectElectronPlatform();
+  const href = buildDownloadUrl(
+    downloadBaseUrl,
+    artifactName,
+    platform,
+    platformMap
+  );
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant,
+      size,
+      className: cn("inline-flex items-center gap-2", className),
+      asChild: true,
+      children: /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href,
+          download: true,
+          "aria-label": `${downloadLabel}${platform !== "unknown" ? ` for ${platform}` : ""}`,
+          children: [
+            /* @__PURE__ */ jsx(Download, { className: "h-4 w-4", "aria-hidden": "true" }),
+            label
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { ElectronDownloadLink, detectElectronPlatform };
+//# sourceMappingURL=electron-download.mjs.map
+//# sourceMappingURL=electron-download.mjs.map

package/dist/components/electron-download.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/ui/button.tsx","../../src/components/electron-download.tsx"],"names":["jsx"],"mappings":"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","file":"electron-download.mjs","sourcesContent":["/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx and tailwind-merge for optimal class handling\n */\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge multiple class names intelligently\n * - Handles conditional classes via clsx\n * - Deduplicates and resolves Tailwind conflicts via tailwind-merge\n *\n * @example\n * ```ts\n * cn('px-4 py-2', 'bg-blue-500', { 'text-white': isActive })\n * // => 'px-4 py-2 bg-blue-500 text-white' (if isActive is true)\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","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","\"use client\";\n\n/**\n * ElectronDownloadLink Component\n *\n * A download link that auto-detects the visitor's operating system and points\n * to the matching Electron artifact. Hidden by default via the `hidden` prop so\n * it can be staged in pages and revealed once a desktop build is ready.\n *\n * The `artifactName` prop may contain a `{platform}` token which is replaced\n * with the detected platform key (`win`, `mac`, or `linux`).\n *\n * @example\n * ```tsx\n * import { ElectronDownloadLink } from '@burdenoff/website-sdk'\n *\n * <ElectronDownloadLink\n *   downloadBaseUrl=\"https://releases.example.com/desktop\"\n *   artifactName=\"MyApp-{platform}.zip\"\n * />\n * ```\n */\n\nimport { Download } from \"lucide-react\";\n\nimport { Button } from \"../ui/button\";\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type DetectedPlatform = \"win\" | \"mac\" | \"linux\" | \"unknown\";\n\nexport interface ElectronDownloadLinkProps {\n  /** Base URL where artifacts are hosted (with or without trailing slash). */\n  downloadBaseUrl: string;\n  /** Artifact file name; may include a `{platform}` token. */\n  artifactName: string;\n  /** When true, the element is not rendered. Defaults to true (hidden). */\n  hidden?: boolean;\n  /** Link/button text. */\n  label?: string;\n  /** Accessible label for the download action. */\n  downloadLabel?: string;\n  /** Optional mapping from detected platform to artifact platform key. */\n  platformMap?: Partial<Record<DetectedPlatform, string>>;\n  /** Additional CSS class for the link. */\n  className?: string;\n  /** Variant for the rendered button. */\n  variant?: \"default\" | \"outline\" | \"ghost\" | \"link\";\n  /** Size for the rendered button. */\n  size?: \"default\" | \"sm\" | \"lg\" | \"icon\";\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Detect the visitor's desktop operating system from the user agent string.\n * Returns `win`, `mac`, `linux`, or `unknown`. This is intended for choosing\n * a download artifact; it intentionally does not distinguish mobile OSes.\n */\nexport function detectElectronPlatform(\n  userAgent: string = typeof navigator !== \"undefined\"\n    ? navigator.userAgent\n    : \"\",\n): DetectedPlatform {\n  const ua = userAgent.toLowerCase();\n\n  if (ua.includes(\"win\")) return \"win\";\n  if (ua.includes(\"mac\")) return \"mac\";\n  if (ua.includes(\"linux\")) return \"linux\";\n\n  return \"unknown\";\n}\n\nfunction buildDownloadUrl(\n  base: string,\n  artifactName: string,\n  platform: DetectedPlatform,\n  platformMap: Partial<Record<DetectedPlatform, string>>,\n): string {\n  const normalizedBase = base.replace(/\\/$/, \"\");\n  const platformKey = platformMap[platform] ?? platform;\n  const fileName = artifactName.includes(\"{platform}\")\n    ? artifactName.replace(/\\{platform\\}/g, platformKey)\n    : artifactName;\n  return `${normalizedBase}/${fileName}`;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function ElectronDownloadLink({\n  downloadBaseUrl,\n  artifactName,\n  hidden = true,\n  label = \"Download desktop app\",\n  downloadLabel = label,\n  platformMap = {},\n  className,\n  variant = \"default\",\n  size = \"default\",\n}: ElectronDownloadLinkProps) {\n  if (hidden) return null;\n\n  const platform = detectElectronPlatform();\n  const href = buildDownloadUrl(\n    downloadBaseUrl,\n    artifactName,\n    platform,\n    platformMap,\n  );\n\n  return (\n    <Button\n      variant={variant}\n      size={size}\n      className={cn(\"inline-flex items-center gap-2\", className)}\n      asChild\n    >\n      <a\n        href={href}\n        download\n        aria-label={`${downloadLabel}${platform !== \"unknown\" ? ` for ${platform}` : \"\"}`}\n      >\n        <Download className=\"h-4 w-4\" aria-hidden=\"true\" />\n        {label}\n      </a>\n    </Button>\n  );\n}\n"]}

package/dist/components/launch-countdown.d.mts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LaunchCountdownProps {
+    /** Launch moment as epoch milliseconds. */
+    launchDate: number;
+    /** Optional accessible label describing the launch moment. */
+    launchLabel?: string;
+    /** Message shown once the countdown reaches zero. */
+    launchedMessage?: string;
+    /** Optional additional CSS class for the outer container. */
+    className?: string;
+}
+declare function LaunchCountdown({ launchDate, launchLabel, launchedMessage, className, }: LaunchCountdownProps): react_jsx_runtime.JSX.Element;
+
+export { LaunchCountdown, type LaunchCountdownProps };

package/dist/components/launch-countdown.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface LaunchCountdownProps {
+    /** Launch moment as epoch milliseconds. */
+    launchDate: number;
+    /** Optional accessible label describing the launch moment. */
+    launchLabel?: string;
+    /** Message shown once the countdown reaches zero. */
+    launchedMessage?: string;
+    /** Optional additional CSS class for the outer container. */
+    className?: string;
+}
+declare function LaunchCountdown({ launchDate, launchLabel, launchedMessage, className, }: LaunchCountdownProps): react_jsx_runtime.JSX.Element;
+
+export { LaunchCountdown, type LaunchCountdownProps };

package/dist/components/launch-countdown.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var react = require('react');
+var lucideReact = require('lucide-react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function splitRemaining(ms) {
+  const clamped = Math.max(0, ms);
+  const totalSeconds = Math.floor(clamped / 1e3);
+  return {
+    days: Math.floor(totalSeconds / 86400),
+    hours: Math.floor(totalSeconds % 86400 / 3600),
+    minutes: Math.floor(totalSeconds % 3600 / 60),
+    seconds: totalSeconds % 60
+  };
+}
+function padTwo(n) {
+  return String(n).padStart(2, "0");
+}
+function LaunchCountdown({
+  launchDate,
+  launchLabel,
+  launchedMessage = "We have launched!",
+  className
+}) {
+  const [now, setNow] = react.useState(() => Date.now());
+  const remainingMs = launchDate - now;
+  const hasLaunched = remainingMs <= 0;
+  react.useEffect(() => {
+    if (hasLaunched) return;
+    const interval = setInterval(() => {
+      setNow(Date.now());
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [hasLaunched]);
+  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);
+  const cells = [
+    { label: "Days", value: padTwo(Math.min(days, 99)) },
+    { label: "Hours", value: padTwo(hours) },
+    { label: "Minutes", value: padTwo(minutes) },
+    { label: "Seconds", value: padTwo(seconds) }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn("inline-flex flex-col gap-3", className),
+      role: "timer",
+      "aria-label": launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`),
+      children: [
+        !hasLaunched && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-mono uppercase tracking-wider text-muted-foreground", children: "Launching in" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2 sm:gap-3", children: hasLaunched ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4",
+              "text-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Rocket, { className: "h-5 w-5 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold text-foreground", children: launchedMessage })
+            ]
+          }
+        ) : cells.map((cell) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl", children: cell.value }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs", children: cell.label })
+            ]
+          },
+          cell.label
+        )) }),
+        !hasLaunched && launchLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: launchLabel })
+      ]
+    }
+  );
+}
+
+exports.LaunchCountdown = LaunchCountdown;
+//# sourceMappingURL=launch-countdown.js.map
+//# sourceMappingURL=launch-countdown.js.map

package/dist/components/launch-countdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/launch-countdown.tsx"],"names":["twMerge","clsx","useState","useEffect","jsxs","jsx","Rocket"],"mappings":"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","file":"launch-countdown.js","sourcesContent":["/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx and tailwind-merge for optimal class handling\n */\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge multiple class names intelligently\n * - Handles conditional classes via clsx\n * - Deduplicates and resolves Tailwind conflicts via tailwind-merge\n *\n * @example\n * ```ts\n * cn('px-4 py-2', 'bg-blue-500', { 'text-white': isActive })\n * // => 'px-4 py-2 bg-blue-500 text-white' (if isActive is true)\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * LaunchCountdown Component\n *\n * Reusable countdown timer counting down to a `launchDate` (epoch ms). Renders\n * a fixed-size grid of days / hours / minutes / seconds and flips to a\n * \"Launched\" message once the moment passes. Uses semantic theme tokens so it\n * works in light, dark, and high-contrast themes.\n *\n * @example\n * ```tsx\n * import { LaunchCountdown } from '@burdenoff/website-sdk'\n *\n * <LaunchCountdown launchDate={Date.UTC(2026, 7, 15, 0, 0, 0)} />\n * ```\n */\n\nimport { useEffect, useState } from \"react\";\n\nimport { Rocket } from \"lucide-react\";\n\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface LaunchCountdownProps {\n  /** Launch moment as epoch milliseconds. */\n  launchDate: number;\n  /** Optional accessible label describing the launch moment. */\n  launchLabel?: string;\n  /** Message shown once the countdown reaches zero. */\n  launchedMessage?: string;\n  /** Optional additional CSS class for the outer container. */\n  className?: string;\n}\n\ninterface Remaining {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction splitRemaining(ms: number): Remaining {\n  const clamped = Math.max(0, ms);\n  const totalSeconds = Math.floor(clamped / 1000);\n  return {\n    days: Math.floor(totalSeconds / 86400),\n    hours: Math.floor((totalSeconds % 86400) / 3600),\n    minutes: Math.floor((totalSeconds % 3600) / 60),\n    seconds: totalSeconds % 60,\n  };\n}\n\nfunction padTwo(n: number): string {\n  return String(n).padStart(2, \"0\");\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LaunchCountdown({\n  launchDate,\n  launchLabel,\n  launchedMessage = \"We have launched!\",\n  className,\n}: LaunchCountdownProps) {\n  const [now, setNow] = useState(() => Date.now());\n  const remainingMs = launchDate - now;\n  const hasLaunched = remainingMs <= 0;\n\n  useEffect(() => {\n    if (hasLaunched) return;\n\n    const interval = setInterval(() => {\n      setNow(Date.now());\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [hasLaunched]);\n\n  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);\n\n  const cells: Array<{ label: string; value: string }> = [\n    { label: \"Days\", value: padTwo(Math.min(days, 99)) },\n    { label: \"Hours\", value: padTwo(hours) },\n    { label: \"Minutes\", value: padTwo(minutes) },\n    { label: \"Seconds\", value: padTwo(seconds) },\n  ];\n\n  return (\n    <div\n      className={cn(\"inline-flex flex-col gap-3\", className)}\n      role=\"timer\"\n      aria-label={\n        launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`)\n      }\n    >\n      {!hasLaunched && (\n        <span className=\"text-xs font-mono uppercase tracking-wider text-muted-foreground\">\n          Launching in\n        </span>\n      )}\n\n      <div className=\"flex gap-2 sm:gap-3\">\n        {hasLaunched ? (\n          <div\n            className={cn(\n              \"flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4\",\n              \"text-center\",\n            )}\n          >\n            <Rocket className=\"h-5 w-5 text-primary\" aria-hidden=\"true\" />\n            <span className=\"text-lg font-semibold text-foreground\">\n              {launchedMessage}\n            </span>\n          </div>\n        ) : (\n          cells.map((cell) => (\n            <div\n              key={cell.label}\n              className={cn(\n                \"flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3\",\n              )}\n            >\n              <span className=\"font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl\">\n                {cell.value}\n              </span>\n              <span className=\"mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs\">\n                {cell.label}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n\n      {!hasLaunched && launchLabel && (\n        <span className=\"text-sm text-muted-foreground\">{launchLabel}</span>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/launch-countdown.mjs

@@ -0,0 +1,87 @@
+import { useState, useEffect } from 'react';
+import { Rocket } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function splitRemaining(ms) {
+  const clamped = Math.max(0, ms);
+  const totalSeconds = Math.floor(clamped / 1e3);
+  return {
+    days: Math.floor(totalSeconds / 86400),
+    hours: Math.floor(totalSeconds % 86400 / 3600),
+    minutes: Math.floor(totalSeconds % 3600 / 60),
+    seconds: totalSeconds % 60
+  };
+}
+function padTwo(n) {
+  return String(n).padStart(2, "0");
+}
+function LaunchCountdown({
+  launchDate,
+  launchLabel,
+  launchedMessage = "We have launched!",
+  className
+}) {
+  const [now, setNow] = useState(() => Date.now());
+  const remainingMs = launchDate - now;
+  const hasLaunched = remainingMs <= 0;
+  useEffect(() => {
+    if (hasLaunched) return;
+    const interval = setInterval(() => {
+      setNow(Date.now());
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [hasLaunched]);
+  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);
+  const cells = [
+    { label: "Days", value: padTwo(Math.min(days, 99)) },
+    { label: "Hours", value: padTwo(hours) },
+    { label: "Minutes", value: padTwo(minutes) },
+    { label: "Seconds", value: padTwo(seconds) }
+  ];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("inline-flex flex-col gap-3", className),
+      role: "timer",
+      "aria-label": launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`),
+      children: [
+        !hasLaunched && /* @__PURE__ */ jsx("span", { className: "text-xs font-mono uppercase tracking-wider text-muted-foreground", children: "Launching in" }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-2 sm:gap-3", children: hasLaunched ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4",
+              "text-center"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Rocket, { className: "h-5 w-5 text-primary", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-foreground", children: launchedMessage })
+            ]
+          }
+        ) : cells.map((cell) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl", children: cell.value }),
+              /* @__PURE__ */ jsx("span", { className: "mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs", children: cell.label })
+            ]
+          },
+          cell.label
+        )) }),
+        !hasLaunched && launchLabel && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: launchLabel })
+      ]
+    }
+  );
+}
+
+export { LaunchCountdown };
+//# sourceMappingURL=launch-countdown.mjs.map
+//# sourceMappingURL=launch-countdown.mjs.map

package/dist/components/launch-countdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/launch-countdown.tsx"],"names":[],"mappings":"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","file":"launch-countdown.mjs","sourcesContent":["/**\n * Utility function to merge Tailwind CSS classes\n * Combines clsx and tailwind-merge for optimal class handling\n */\n\nimport { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Merge multiple class names intelligently\n * - Handles conditional classes via clsx\n * - Deduplicates and resolves Tailwind conflicts via tailwind-merge\n *\n * @example\n * ```ts\n * cn('px-4 py-2', 'bg-blue-500', { 'text-white': isActive })\n * // => 'px-4 py-2 bg-blue-500 text-white' (if isActive is true)\n * ```\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\n/**\n * LaunchCountdown Component\n *\n * Reusable countdown timer counting down to a `launchDate` (epoch ms). Renders\n * a fixed-size grid of days / hours / minutes / seconds and flips to a\n * \"Launched\" message once the moment passes. Uses semantic theme tokens so it\n * works in light, dark, and high-contrast themes.\n *\n * @example\n * ```tsx\n * import { LaunchCountdown } from '@burdenoff/website-sdk'\n *\n * <LaunchCountdown launchDate={Date.UTC(2026, 7, 15, 0, 0, 0)} />\n * ```\n */\n\nimport { useEffect, useState } from \"react\";\n\nimport { Rocket } from \"lucide-react\";\n\nimport { cn } from \"../utils/cn\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface LaunchCountdownProps {\n  /** Launch moment as epoch milliseconds. */\n  launchDate: number;\n  /** Optional accessible label describing the launch moment. */\n  launchLabel?: string;\n  /** Message shown once the countdown reaches zero. */\n  launchedMessage?: string;\n  /** Optional additional CSS class for the outer container. */\n  className?: string;\n}\n\ninterface Remaining {\n  days: number;\n  hours: number;\n  minutes: number;\n  seconds: number;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction splitRemaining(ms: number): Remaining {\n  const clamped = Math.max(0, ms);\n  const totalSeconds = Math.floor(clamped / 1000);\n  return {\n    days: Math.floor(totalSeconds / 86400),\n    hours: Math.floor((totalSeconds % 86400) / 3600),\n    minutes: Math.floor((totalSeconds % 3600) / 60),\n    seconds: totalSeconds % 60,\n  };\n}\n\nfunction padTwo(n: number): string {\n  return String(n).padStart(2, \"0\");\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function LaunchCountdown({\n  launchDate,\n  launchLabel,\n  launchedMessage = \"We have launched!\",\n  className,\n}: LaunchCountdownProps) {\n  const [now, setNow] = useState(() => Date.now());\n  const remainingMs = launchDate - now;\n  const hasLaunched = remainingMs <= 0;\n\n  useEffect(() => {\n    if (hasLaunched) return;\n\n    const interval = setInterval(() => {\n      setNow(Date.now());\n    }, 1000);\n\n    return () => clearInterval(interval);\n  }, [hasLaunched]);\n\n  const { days, hours, minutes, seconds } = splitRemaining(remainingMs);\n\n  const cells: Array<{ label: string; value: string }> = [\n    { label: \"Days\", value: padTwo(Math.min(days, 99)) },\n    { label: \"Hours\", value: padTwo(hours) },\n    { label: \"Minutes\", value: padTwo(minutes) },\n    { label: \"Seconds\", value: padTwo(seconds) },\n  ];\n\n  return (\n    <div\n      className={cn(\"inline-flex flex-col gap-3\", className)}\n      role=\"timer\"\n      aria-label={\n        launchLabel ?? (hasLaunched ? launchedMessage : `Countdown to launch`)\n      }\n    >\n      {!hasLaunched && (\n        <span className=\"text-xs font-mono uppercase tracking-wider text-muted-foreground\">\n          Launching in\n        </span>\n      )}\n\n      <div className=\"flex gap-2 sm:gap-3\">\n        {hasLaunched ? (\n          <div\n            className={cn(\n              \"flex min-w-[15rem] items-center justify-center gap-3 rounded-lg border border-primary/30 bg-primary/10 px-6 py-4\",\n              \"text-center\",\n            )}\n          >\n            <Rocket className=\"h-5 w-5 text-primary\" aria-hidden=\"true\" />\n            <span className=\"text-lg font-semibold text-foreground\">\n              {launchedMessage}\n            </span>\n          </div>\n        ) : (\n          cells.map((cell) => (\n            <div\n              key={cell.label}\n              className={cn(\n                \"flex min-w-[3.75rem] flex-col items-center rounded-lg border border-border/60 bg-card px-3 py-2 sm:min-w-[4.5rem] sm:px-4 sm:py-3\",\n              )}\n            >\n              <span className=\"font-mono text-2xl font-bold tabular-nums text-foreground sm:text-3xl\">\n                {cell.value}\n              </span>\n              <span className=\"mt-1 text-[10px] font-medium uppercase tracking-wide text-muted-foreground sm:text-xs\">\n                {cell.label}\n              </span>\n            </div>\n          ))\n        )}\n      </div>\n\n      {!hasLaunched && launchLabel && (\n        <span className=\"text-sm text-muted-foreground\">{launchLabel}</span>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/problems-solved.d.mts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentType, ReactNode } from 'react';
+
+interface ProblemSolved {
+    /** The pain point or before-state. */
+    problem: string;
+    /** How the product addresses the pain point. */
+    solution: string;
+    /** Lucide-style icon component. */
+    icon: ComponentType<{
+        className?: string;
+        "aria-hidden"?: boolean;
+    }>;
+    /** Optional use-case story slug for linking to /use-cases/:slug. */
+    storySlug?: string;
+}
+interface ProblemsSolvedSectionProps {
+    /** Section eyebrow text. */
+    eyebrow?: string;
+    /** Section heading. */
+    title?: string;
+    /** Section subtitle. */
+    subtitle?: string;
+    /** Problem/solution pairs to render. */
+    problems: ProblemSolved[];
+    /** Base path for use-case story links. */
+    storyBasePath?: string;
+    /** Label for story links. */
+    storyLabel?: string;
+    /** Optional additional CSS class for the outer section. */
+    className?: string;
+    /** Optional child element rendered at the bottom of the section. */
+    children?: ReactNode;
+}
+declare function ProblemsSolvedSection({ eyebrow, title, subtitle, problems, storyBasePath, storyLabel, className, children, }: ProblemsSolvedSectionProps): react_jsx_runtime.JSX.Element;
+
+export { type ProblemSolved, ProblemsSolvedSection, type ProblemsSolvedSectionProps };