@burdenoff/website-sdk 2026.1031.3 → 2026.1101.2

package/dist/chunk-45GCA4GG.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var chunkC6OJIHNO_js = require('./chunk-C6OJIHNO.js');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+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: chunkC6OJIHNO_js.cn("flex flex-col items-center 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: chunkC6OJIHNO_js.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: chunkC6OJIHNO_js.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=chunk-45GCA4GG.js.map
+//# sourceMappingURL=chunk-45GCA4GG.js.map

package/dist/chunk-45GCA4GG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/launch-countdown.tsx"],"names":["useState","useEffect","jsxs","cn","jsx","Rocket"],"mappings":"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","file":"chunk-45GCA4GG.js","sourcesContent":["\"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(\"flex flex-col items-center 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"]}