@farzadbagheri/fb-components 0.1.0

package/dist/chunk-YQSTEIU5.js

@@ -0,0 +1,304 @@
+import { useRef, useEffect, useMemo } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/backgrounds/PredictiveArc.tsx
+function PredictiveArc({
+  color = "#9b7cff",
+  background = "#0d0d11",
+  size = 70,
+  thickness = 3,
+  glow = 16,
+  animated = true,
+  className = ""
+}) {
+  const containerRef = useRef(
+    null
+  );
+  useEffect(() => {
+    const element = containerRef.current;
+    if (!element) {
+      return;
+    }
+    element.style.setProperty(
+      "--predictive-arc-color",
+      color
+    );
+    element.style.setProperty(
+      "--predictive-arc-background",
+      background
+    );
+    element.style.setProperty(
+      "--predictive-arc-size",
+      `${size}%`
+    );
+    element.style.setProperty(
+      "--predictive-arc-thickness",
+      `${thickness}px`
+    );
+    element.style.setProperty(
+      "--predictive-arc-glow",
+      `${glow}px`
+    );
+  }, [
+    color,
+    background,
+    size,
+    thickness,
+    glow
+  ]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `fb-predictive-arc ${animated ? "fb-predictive-arc--animated" : ""} ${className}`,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "fb-predictive-arc__line fb-predictive-arc__line--outer" }),
+        /* @__PURE__ */ jsx("div", { className: "fb-predictive-arc__line fb-predictive-arc__line--inner" }),
+        /* @__PURE__ */ jsx("span", { className: "fb-predictive-arc__point fb-predictive-arc__point--left" }),
+        /* @__PURE__ */ jsx("span", { className: "fb-predictive-arc__point fb-predictive-arc__point--right" })
+      ]
+    }
+  );
+}
+function SignalParticles({
+  color = "#b99cff",
+  background = "#0d0d11",
+  density = 30,
+  size = 3,
+  speed = 1,
+  animated = true,
+  className = ""
+}) {
+  const particles = useMemo(
+    () => Array.from({
+      length: Math.max(
+        1,
+        density
+      )
+    }).map(
+      (_, index) => ({
+        id: index,
+        left: index * 37 % 100,
+        top: index * 53 % 100,
+        delay: index % 10 * 0.12
+      })
+    ),
+    [
+      density
+    ]
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `fb-signal-particles ${className}`,
+      style: {
+        background
+      },
+      children: particles.map(
+        (particle) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: animated ? "fb-signal-particles__particle fb-signal-particles__particle--animated" : "fb-signal-particles__particle",
+            style: {
+              left: `${particle.left}%`,
+              top: `${particle.top}%`,
+              width: size,
+              height: size,
+              background: color,
+              animationDuration: `${3 / speed}s`,
+              animationDelay: `${particle.delay}s`,
+              boxShadow: `0 0 ${size * 4}px ${color}`
+            }
+          },
+          particle.id
+        )
+      )
+    }
+  );
+}
+function DotMatrix({
+  color = "#9b7cff",
+  background = "#0d0d11",
+  dotSize = 2,
+  gap = 20,
+  opacity = 0.8,
+  fade = true,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `fb-dot-matrix ${fade ? "fb-dot-matrix--fade" : ""} ${className}`,
+      style: {
+        backgroundColor: background,
+        opacity,
+        backgroundImage: `radial-gradient(
+            circle,
+            ${color} ${dotSize}px,
+            transparent ${dotSize + 0.8}px
+          )`,
+        backgroundSize: `${gap}px ${gap}px`
+      }
+    }
+  );
+}
+function GradientMesh({
+  primary = "#654cff",
+  secondary = "#3c6dff",
+  accent = "#a44cff",
+  background = "#0d0d11",
+  blur = 35,
+  speed = 8,
+  animated = true,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `fb-gradient-mesh ${className}`,
+      style: {
+        background
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `fb-gradient-mesh__layer ${animated ? "fb-gradient-mesh__layer--animated" : ""}`,
+          style: {
+            background: `
+            radial-gradient(
+              circle at 30% 30%,
+              ${primary},
+              transparent 35%
+            ),
+            radial-gradient(
+              circle at 65% 60%,
+              ${secondary},
+              transparent 32%
+            ),
+            radial-gradient(
+              circle at 50% 50%,
+              ${accent},
+              transparent 40%
+            )
+          `,
+            filter: `blur(${blur}px)`,
+            animationDuration: `${speed}s`
+          }
+        }
+      )
+    }
+  );
+}
+function AuroraGrid({
+  gridColor = "#765cff",
+  auroraColor = "#7c5cff",
+  background = "#09090d",
+  gridSize = 34,
+  glow = 55,
+  speed = 8,
+  animated = true,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `fb-aurora-grid ${className}`,
+      style: {
+        background
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `fb-aurora-grid__grid ${animated ? "fb-aurora-grid__grid--animated" : ""}`,
+            style: {
+              backgroundImage: `
+            linear-gradient(
+              ${gridColor}33 1px,
+              transparent 1px
+            ),
+            linear-gradient(
+              90deg,
+              ${gridColor}33 1px,
+              transparent 1px
+            )
+          `,
+              backgroundSize: `${gridSize}px ${gridSize}px`,
+              animationDuration: `${speed}s`
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `fb-aurora-grid__glow ${animated ? "fb-aurora-grid__glow--animated" : ""}`,
+            style: {
+              background: auroraColor,
+              filter: `blur(${glow}px)`,
+              animationDuration: `${speed * 0.8}s`
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+function NoiseField({
+  color = "#8f73ff",
+  background = "#0b0b0f",
+  opacity = 0.3,
+  scale = 1,
+  speed = 6,
+  animated = true,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `fb-noise-field ${className}`,
+      style: {
+        background
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `fb-noise-field__blob fb-noise-field__blob--one ${animated ? "fb-noise-field__blob--animated" : ""}`,
+            style: {
+              background: color,
+              opacity,
+              transform: `scale(${scale})`,
+              animationDuration: `${speed}s`
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `fb-noise-field__blob fb-noise-field__blob--two ${animated ? "fb-noise-field__blob--animated" : ""}`,
+            style: {
+              background: color,
+              opacity: opacity * 0.7,
+              transform: `scale(${scale * 0.8})`,
+              animationDuration: `${speed * 1.2}s`
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `fb-noise-field__texture ${animated ? "fb-noise-field__texture--animated" : ""}`,
+            style: {
+              opacity: opacity * 0.5,
+              animationDuration: `${speed * 0.85}s`
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { AuroraGrid, DotMatrix, GradientMesh, NoiseField, PredictiveArc, SignalParticles };
+//# sourceMappingURL=chunk-YQSTEIU5.js.map
+//# sourceMappingURL=chunk-YQSTEIU5.js.map

package/dist/chunk-YQSTEIU5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/backgrounds/PredictiveArc.tsx","../src/backgrounds/SignalParticles.tsx","../src/backgrounds/DotMatrix.tsx","../src/backgrounds/GradientMesh.tsx","../src/backgrounds/AuroraGrid.tsx","../src/backgrounds/NoiseField.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-YQSTEIU5.js","sourcesContent":["import {\r\n  useEffect,\r\n  useRef,\r\n} from \"react\";\r\nimport \"./PredictiveArc.css\";\r\n\r\nexport interface PredictiveArcProps {\r\n  color?: string;\r\n  background?: string;\r\n  size?: number;\r\n  thickness?: number;\r\n  glow?: number;\r\n  animated?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function PredictiveArc({\r\n  color = \"#9b7cff\",\r\n  background = \"#0d0d11\",\r\n  size = 70,\r\n  thickness = 3,\r\n  glow = 16,\r\n  animated = true,\r\n  className = \"\",\r\n}: PredictiveArcProps) {\r\n  const containerRef =\r\n    useRef<HTMLDivElement>(\r\n      null\r\n    );\r\n\r\n  useEffect(() => {\r\n    const element =\r\n      containerRef.current;\r\n\r\n    if (!element) {\r\n      return;\r\n    }\r\n\r\n    element.style.setProperty(\r\n      \"--predictive-arc-color\",\r\n      color\r\n    );\r\n\r\n    element.style.setProperty(\r\n      \"--predictive-arc-background\",\r\n      background\r\n    );\r\n\r\n    element.style.setProperty(\r\n      \"--predictive-arc-size\",\r\n      `${size}%`\r\n    );\r\n\r\n    element.style.setProperty(\r\n      \"--predictive-arc-thickness\",\r\n      `${thickness}px`\r\n    );\r\n\r\n    element.style.setProperty(\r\n      \"--predictive-arc-glow\",\r\n      `${glow}px`\r\n    );\r\n  }, [\r\n    color,\r\n    background,\r\n    size,\r\n    thickness,\r\n    glow,\r\n  ]);\r\n\r\n  return (\r\n    <div\r\n      ref={containerRef}\r\n      className={`fb-predictive-arc ${\r\n        animated\r\n          ? \"fb-predictive-arc--animated\"\r\n          : \"\"\r\n      } ${className}`}\r\n    >\r\n      <div className=\"fb-predictive-arc__line fb-predictive-arc__line--outer\" />\r\n\r\n      <div className=\"fb-predictive-arc__line fb-predictive-arc__line--inner\" />\r\n\r\n      <span className=\"fb-predictive-arc__point fb-predictive-arc__point--left\" />\r\n\r\n      <span className=\"fb-predictive-arc__point fb-predictive-arc__point--right\" />\r\n    </div>\r\n  );\r\n}","import {\r\n  useMemo,\r\n} from \"react\";\r\n\r\nimport \"./SignalParticles.css\";\r\n\r\nexport interface SignalParticlesProps {\r\n  color?: string;\r\n  background?: string;\r\n  density?: number;\r\n  size?: number;\r\n  speed?: number;\r\n  animated?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function SignalParticles({\r\n  color = \"#b99cff\",\r\n  background = \"#0d0d11\",\r\n  density = 30,\r\n  size = 3,\r\n  speed = 1,\r\n  animated = true,\r\n  className = \"\",\r\n}: SignalParticlesProps) {\r\n  const particles =\r\n    useMemo(\r\n      () =>\r\n        Array.from({\r\n          length:\r\n            Math.max(\r\n              1,\r\n              density\r\n            ),\r\n        }).map(\r\n          (\r\n            _,\r\n            index\r\n          ) => ({\r\n            id:\r\n              index,\r\n\r\n            left:\r\n              (index *\r\n                37) %\r\n              100,\r\n\r\n            top:\r\n              (index *\r\n                53) %\r\n              100,\r\n\r\n            delay:\r\n              (index %\r\n                10) *\r\n              0.12,\r\n          })\r\n        ),\r\n      [\r\n        density,\r\n      ]\r\n    );\r\n\r\n  return (\r\n    <div\r\n      className={`fb-signal-particles ${className}`}\r\n      style={{\r\n        background,\r\n      }}\r\n    >\r\n      {particles.map(\r\n        (\r\n          particle\r\n        ) => (\r\n          <span\r\n            key={\r\n              particle.id\r\n            }\r\n            className={\r\n              animated\r\n                ? \"fb-signal-particles__particle fb-signal-particles__particle--animated\"\r\n                : \"fb-signal-particles__particle\"\r\n            }\r\n            style={{\r\n              left:\r\n                `${particle.left}%`,\r\n\r\n              top:\r\n                `${particle.top}%`,\r\n\r\n              width:\r\n                size,\r\n\r\n              height:\r\n                size,\r\n\r\n              background:\r\n                color,\r\n\r\n              animationDuration:\r\n                `${3 / speed}s`,\r\n\r\n              animationDelay:\r\n                `${particle.delay}s`,\r\n\r\n              boxShadow:\r\n                `0 0 ${size * 4}px ${color}`,\r\n            }}\r\n          />\r\n        )\r\n      )}\r\n    </div>\r\n  );\r\n}","import \"./DotMatrix.css\";\r\n\r\nexport interface DotMatrixProps {\r\n  color?: string;\r\n  background?: string;\r\n  dotSize?: number;\r\n  gap?: number;\r\n  opacity?: number;\r\n  fade?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function DotMatrix({\r\n  color = \"#9b7cff\",\r\n  background = \"#0d0d11\",\r\n  dotSize = 2,\r\n  gap = 20,\r\n  opacity = 0.8,\r\n  fade = true,\r\n  className = \"\",\r\n}: DotMatrixProps) {\r\n  return (\r\n    <div\r\n      className={`fb-dot-matrix ${\r\n        fade\r\n          ? \"fb-dot-matrix--fade\"\r\n          : \"\"\r\n      } ${className}`}\r\n      style={{\r\n        backgroundColor:\r\n          background,\r\n\r\n        opacity,\r\n\r\n        backgroundImage:\r\n          `radial-gradient(\r\n            circle,\r\n            ${color} ${dotSize}px,\r\n            transparent ${\r\n              dotSize +\r\n              0.8\r\n            }px\r\n          )`,\r\n\r\n        backgroundSize:\r\n          `${gap}px ${gap}px`,\r\n      }}\r\n    />\r\n  );\r\n}","import \"./GradientMesh.css\";\r\n\r\nexport interface GradientMeshProps {\r\n  primary?: string;\r\n  secondary?: string;\r\n  accent?: string;\r\n  background?: string;\r\n  blur?: number;\r\n  speed?: number;\r\n  animated?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function GradientMesh({\r\n  primary = \"#654cff\",\r\n  secondary = \"#3c6dff\",\r\n  accent = \"#a44cff\",\r\n  background = \"#0d0d11\",\r\n  blur = 35,\r\n  speed = 8,\r\n  animated = true,\r\n  className = \"\",\r\n}: GradientMeshProps) {\r\n  return (\r\n    <div\r\n      className={`fb-gradient-mesh ${className}`}\r\n      style={{\r\n        background,\r\n      }}\r\n    >\r\n      <div\r\n        className={`fb-gradient-mesh__layer ${\r\n          animated\r\n            ? \"fb-gradient-mesh__layer--animated\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          background: `\r\n            radial-gradient(\r\n              circle at 30% 30%,\r\n              ${primary},\r\n              transparent 35%\r\n            ),\r\n            radial-gradient(\r\n              circle at 65% 60%,\r\n              ${secondary},\r\n              transparent 32%\r\n            ),\r\n            radial-gradient(\r\n              circle at 50% 50%,\r\n              ${accent},\r\n              transparent 40%\r\n            )\r\n          `,\r\n\r\n          filter:\r\n            `blur(${blur}px)`,\r\n\r\n          animationDuration:\r\n            `${speed}s`,\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}","import \"./AuroraGrid.css\";\r\n\r\nexport interface AuroraGridProps {\r\n  gridColor?: string;\r\n  auroraColor?: string;\r\n  background?: string;\r\n  gridSize?: number;\r\n  glow?: number;\r\n  speed?: number;\r\n  animated?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function AuroraGrid({\r\n  gridColor = \"#765cff\",\r\n  auroraColor = \"#7c5cff\",\r\n  background = \"#09090d\",\r\n  gridSize = 34,\r\n  glow = 55,\r\n  speed = 8,\r\n  animated = true,\r\n  className = \"\",\r\n}: AuroraGridProps) {\r\n  return (\r\n    <div\r\n      className={`fb-aurora-grid ${className}`}\r\n      style={{\r\n        background,\r\n      }}\r\n    >\r\n      <div\r\n        className={`fb-aurora-grid__grid ${\r\n          animated\r\n            ? \"fb-aurora-grid__grid--animated\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          backgroundImage: `\r\n            linear-gradient(\r\n              ${gridColor}33 1px,\r\n              transparent 1px\r\n            ),\r\n            linear-gradient(\r\n              90deg,\r\n              ${gridColor}33 1px,\r\n              transparent 1px\r\n            )\r\n          `,\r\n\r\n          backgroundSize:\r\n            `${gridSize}px ${gridSize}px`,\r\n\r\n          animationDuration:\r\n            `${speed}s`,\r\n        }}\r\n      />\r\n\r\n      <div\r\n        className={`fb-aurora-grid__glow ${\r\n          animated\r\n            ? \"fb-aurora-grid__glow--animated\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          background:\r\n            auroraColor,\r\n\r\n          filter:\r\n            `blur(${glow}px)`,\r\n\r\n          animationDuration:\r\n            `${speed * 0.8}s`,\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}","import \"./NoiseField.css\";\r\n\r\nexport interface NoiseFieldProps {\r\n  color?: string;\r\n  background?: string;\r\n  opacity?: number;\r\n  scale?: number;\r\n  speed?: number;\r\n  animated?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport function NoiseField({\r\n  color = \"#8f73ff\",\r\n  background = \"#0b0b0f\",\r\n  opacity = 0.3,\r\n  scale = 1,\r\n  speed = 6,\r\n  animated = true,\r\n  className = \"\",\r\n}: NoiseFieldProps) {\r\n  return (\r\n    <div\r\n      className={`fb-noise-field ${className}`}\r\n      style={{\r\n        background,\r\n      }}\r\n    >\r\n      <div\r\n        className={`fb-noise-field__blob fb-noise-field__blob--one ${\r\n          animated\r\n            ? \"fb-noise-field__blob--animated\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          background:\r\n            color,\r\n\r\n          opacity,\r\n\r\n          transform:\r\n            `scale(${scale})`,\r\n\r\n          animationDuration:\r\n            `${speed}s`,\r\n        }}\r\n      />\r\n\r\n      <div\r\n        className={`fb-noise-field__blob fb-noise-field__blob--two ${\r\n          animated\r\n            ? \"fb-noise-field__blob--animated\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          background:\r\n            color,\r\n\r\n          opacity:\r\n            opacity * 0.7,\r\n\r\n          transform:\r\n            `scale(${scale * 0.8})`,\r\n\r\n          animationDuration:\r\n            `${speed * 1.2}s`,\r\n        }}\r\n      />\r\n\r\n      <div\r\n        className={`fb-noise-field__texture ${\r\n          animated\r\n            ? \"fb-noise-field__texture--animated\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          opacity:\r\n            opacity * 0.5,\r\n\r\n          animationDuration:\r\n            `${speed * 0.85}s`,\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}"]}

package/dist/data.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkH2AV67DY_cjs = require('./chunk-H2AV67DY.cjs');
+
+
+
+Object.defineProperty(exports, "AnimatedCounter", {
+  enumerable: true,
+  get: function () { return chunkH2AV67DY_cjs.AnimatedCounter; }
+});
+Object.defineProperty(exports, "MetricGrid", {
+  enumerable: true,
+  get: function () { return chunkH2AV67DY_cjs.MetricGrid; }
+});
+Object.defineProperty(exports, "RadialProgress", {
+  enumerable: true,
+  get: function () { return chunkH2AV67DY_cjs.RadialProgress; }
+});
+//# sourceMappingURL=data.cjs.map
+//# sourceMappingURL=data.cjs.map

package/dist/data.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"data.cjs"}

package/dist/data.css

@@ -0,0 +1,151 @@
+/* src/data/AnimatedCounter.css */
+.fb-animated-counter {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+.fb-animated-counter__label {
+  color: rgba(255, 255, 255, 0.38);
+  font-family: "DM Mono", monospace;
+  font-size: 9px;
+  letter-spacing: 1.7px;
+}
+.fb-animated-counter strong {
+  margin-top: 10px;
+  color: inherit;
+  font-size: var( --fb-counter-size, 72px );
+  font-weight: 550;
+  line-height: 1;
+  letter-spacing: -0.065em;
+}
+.fb-animated-counter small {
+  margin-top: 12px;
+  padding: 5px 9px;
+  border-radius: 999px;
+  background: color-mix(in srgb, var( --fb-counter-accent ) 12%, transparent);
+  color: var( --fb-counter-accent );
+  font-size: 9px;
+}
+
+/* src/data/RadialProgress.css */
+.fb-radial-progress {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.fb-radial-progress svg {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  transform: rotate(-90deg);
+}
+.fb-radial-progress__value {
+  filter: drop-shadow(0 0 7px color-mix(in srgb, var( --fb-radial-color ) 55%, transparent));
+  transition: stroke-dashoffset 0.7s cubic-bezier(0.16, 1, 0.3, 1);
+}
+.fb-radial-progress__value--animated {
+  animation: fbRadialAppear 0.65s ease-out both;
+}
+@keyframes fbRadialAppear {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.fb-radial-progress__content {
+  position: relative;
+  z-index: 1;
+  text-align: center;
+}
+.fb-radial-progress__content strong {
+  display: block;
+  color: white;
+  font-size: 38px;
+  line-height: 1;
+  letter-spacing: -0.06em;
+}
+.fb-radial-progress__content strong small {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.42);
+}
+.fb-radial-progress__content > span {
+  display: block;
+  margin-top: 6px;
+  color: rgba(255, 255, 255, 0.32);
+  font-family: "DM Mono", monospace;
+  font-size: 7px;
+  letter-spacing: 1.3px;
+}
+@keyframes fbRadialAppear {
+  from {
+    opacity: 0;
+    stroke-dashoffset: 999;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-radial-progress__value {
+    animation: none !important;
+    transition: none !important;
+  }
+}
+
+/* src/data/MetricGrid.css */
+.fb-metric-grid {
+  width: 100%;
+  display: grid;
+  gap: 12px;
+}
+.fb-metric-grid article {
+  min-width: 0;
+  padding: clamp(18px, 3vw, 28px);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  border-radius: var( --fb-metric-radius );
+  background: var( --fb-metric-background );
+  transition: transform 0.22s ease, border-color 0.22s ease;
+}
+.fb-metric-grid article:hover {
+  transform: translateY(-4px);
+  border-color: color-mix(in srgb, var( --fb-metric-accent ) 35%, transparent);
+}
+.fb-metric-grid article > span {
+  color: rgba(255, 255, 255, 0.36);
+  font-size: 10px;
+}
+.fb-metric-grid strong {
+  display: block;
+  margin-top: 10px;
+  color: white;
+  font-size: clamp(24px, 4vw, 38px);
+  letter-spacing: -0.045em;
+}
+.fb-metric-grid small {
+  display: inline-block;
+  margin-top: 10px;
+  padding: 4px 7px;
+  border-radius: 999px;
+  background: rgba(86, 217, 151, 0.08);
+  color: #75dfa7;
+}
+.fb-metric-grid small.is-negative {
+  background: rgba(255, 100, 115, 0.08);
+  color: #ff7c89;
+}
+@media (max-width: 650px) {
+  .fb-metric-grid {
+    grid-template-columns: 1fr !important;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .fb-metric-grid article {
+    transition: none !important;
+  }
+}
+/*# sourceMappingURL=data.css.map */

package/dist/data.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data/AnimatedCounter.css","../src/data/RadialProgress.css","../src/data/MetricGrid.css"],"sourcesContent":[".fb-animated-counter {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.fb-animated-counter__label {\r\n  color:\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.38\r\n    );\r\n\r\n  font-family:\r\n    \"DM Mono\",\r\n    monospace;\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing: 1.7px;\r\n}\r\n\r\n.fb-animated-counter\r\nstrong {\r\n  margin-top: 10px;\r\n\r\n  color: inherit;\r\n\r\n  font-size:\r\n    var(\r\n      --fb-counter-size,\r\n      72px\r\n    );\r\n\r\n  font-weight: 550;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -0.065em;\r\n}\r\n\r\n.fb-animated-counter\r\nsmall {\r\n  margin-top: 12px;\r\n\r\n  padding:\r\n    5px\r\n    9px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    color-mix(\r\n      in srgb,\r\n      var(\r\n        --fb-counter-accent\r\n      )\r\n      12%,\r\n      transparent\r\n    );\r\n\r\n  color:\r\n    var(\r\n      --fb-counter-accent\r\n    );\r\n\r\n  font-size: 9px;\r\n}",".fb-radial-progress {\r\n  position: relative;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n}\r\n\r\n.fb-radial-progress\r\nsvg {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  transform:\r\n    rotate(-90deg);\r\n}\r\n\r\n.fb-radial-progress__value {\r\n  filter:\r\n    drop-shadow(\r\n      0\r\n      0\r\n      7px\r\n      color-mix(\r\n        in srgb,\r\n        var(\r\n          --fb-radial-color\r\n        )\r\n        55%,\r\n        transparent\r\n      )\r\n    );\r\n\r\n  transition:\r\n    stroke-dashoffset\r\n    0.7s\r\n    cubic-bezier(\r\n      0.16,\r\n      1,\r\n      0.3,\r\n      1\r\n    );\r\n}\r\n\r\n.fb-radial-progress__value--animated {\r\n  animation:\r\n    fbRadialAppear\r\n    0.65s\r\n    ease-out\r\n    both;\r\n}\r\n\r\n@keyframes fbRadialAppear {\r\n  from {\r\n    opacity:\r\n      0;\r\n  }\r\n\r\n  to {\r\n    opacity:\r\n      1;\r\n  }\r\n}\r\n\r\n.fb-radial-progress__content {\r\n  position: relative;\r\n\r\n  z-index: 1;\r\n\r\n  text-align: center;\r\n}\r\n\r\n.fb-radial-progress__content\r\nstrong {\r\n  display: block;\r\n\r\n  color: white;\r\n\r\n  font-size: 38px;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -0.06em;\r\n}\r\n\r\n.fb-radial-progress__content\r\nstrong\r\nsmall {\r\n  font-size: 14px;\r\n\r\n  color:\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.42\r\n    );\r\n}\r\n\r\n.fb-radial-progress__content\r\n> span {\r\n  display: block;\r\n\r\n  margin-top: 6px;\r\n\r\n  color:\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.32\r\n    );\r\n\r\n  font-family:\r\n    \"DM Mono\",\r\n    monospace;\r\n\r\n  font-size: 7px;\r\n\r\n  letter-spacing: 1.3px;\r\n}\r\n\r\n@keyframes fbRadialAppear {\r\n  from {\r\n    opacity: 0;\r\n\r\n    stroke-dashoffset:\r\n      999;\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-radial-progress__value {\r\n    animation:\r\n      none !important;\r\n\r\n    transition:\r\n      none !important;\r\n  }\r\n}",".fb-metric-grid {\r\n  width: 100%;\r\n\r\n  display: grid;\r\n\r\n  gap: 12px;\r\n}\r\n\r\n.fb-metric-grid\r\narticle {\r\n  min-width: 0;\r\n\r\n  padding:\r\n    clamp(\r\n      18px,\r\n      3vw,\r\n      28px\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.08\r\n    );\r\n\r\n  border-radius:\r\n    var(\r\n      --fb-metric-radius\r\n    );\r\n\r\n  background:\r\n    var(\r\n      --fb-metric-background\r\n    );\r\n\r\n  transition:\r\n    transform\r\n    0.22s\r\n    ease,\r\n    border-color\r\n    0.22s\r\n    ease;\r\n}\r\n\r\n.fb-metric-grid\r\narticle:hover {\r\n  transform:\r\n    translateY(-4px);\r\n\r\n  border-color:\r\n    color-mix(\r\n      in srgb,\r\n      var(\r\n        --fb-metric-accent\r\n      )\r\n      35%,\r\n      transparent\r\n    );\r\n}\r\n\r\n.fb-metric-grid\r\narticle\r\n> span {\r\n  color:\r\n    rgba(\r\n      255,\r\n      255,\r\n      255,\r\n      0.36\r\n    );\r\n\r\n  font-size: 10px;\r\n}\r\n\r\n.fb-metric-grid\r\nstrong {\r\n  display: block;\r\n\r\n  margin-top: 10px;\r\n\r\n  color: white;\r\n\r\n  font-size:\r\n    clamp(\r\n      24px,\r\n      4vw,\r\n      38px\r\n    );\r\n\r\n  letter-spacing: -0.045em;\r\n}\r\n\r\n.fb-metric-grid\r\nsmall {\r\n  display: inline-block;\r\n\r\n  margin-top: 10px;\r\n\r\n  padding:\r\n    4px\r\n    7px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    rgba(\r\n      86,\r\n      217,\r\n      151,\r\n      0.08\r\n    );\r\n\r\n  color: #75dfa7;\r\n}\r\n\r\n.fb-metric-grid\r\nsmall.is-negative {\r\n  background:\r\n    rgba(\r\n      255,\r\n      100,\r\n      115,\r\n      0.08\r\n    );\r\n\r\n  color: #ff7c89;\r\n}\r\n\r\n@media (\r\n  max-width:\r\n  650px\r\n) {\r\n  .fb-metric-grid {\r\n    grid-template-columns:\r\n      1fr !important;\r\n  }\r\n}\r\n\r\n@media (\r\n  prefers-reduced-motion:\r\n  reduce\r\n) {\r\n  .fb-metric-grid\r\n  article {\r\n    transition:\r\n      none !important;\r\n  }\r\n}"],"mappings":"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","names":[]}

package/dist/data.d.cts

@@ -0,0 +1,47 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface AnimatedCounterProps extends HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    duration?: number;
+    color?: string;
+    accent?: string;
+    fontSize?: number;
+    prefix?: string;
+    suffix?: string;
+    label?: string;
+    delta?: string;
+    decimals?: number;
+    className?: string;
+}
+declare function AnimatedCounter({ value, duration, color, accent, fontSize, prefix, suffix, label, delta, decimals, className, style, ...props }: AnimatedCounterProps): react.JSX.Element;
+
+interface RadialProgressProps extends HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    trackColor?: string;
+    animated?: boolean;
+    label?: string;
+    className?: string;
+}
+declare function RadialProgress({ value, size, strokeWidth, color, trackColor, animated, label, className, style, ...props }: RadialProgressProps): react.JSX.Element;
+
+interface MetricItem {
+    label: string;
+    value: string;
+    delta?: string;
+    positive?: boolean;
+}
+interface MetricGridProps extends HTMLAttributes<HTMLDivElement> {
+    accent?: string;
+    background?: string;
+    columns?: number;
+    radius?: number;
+    items?: MetricItem[];
+    className?: string;
+}
+declare function MetricGrid({ accent, background, columns, radius, items, className, style, ...props }: MetricGridProps): react.JSX.Element;
+
+export { AnimatedCounter, type AnimatedCounterProps, MetricGrid, type MetricGridProps, type MetricItem, RadialProgress, type RadialProgressProps };

package/dist/data.d.ts

@@ -0,0 +1,47 @@
+import * as react from 'react';
+import { HTMLAttributes } from 'react';
+
+interface AnimatedCounterProps extends HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    duration?: number;
+    color?: string;
+    accent?: string;
+    fontSize?: number;
+    prefix?: string;
+    suffix?: string;
+    label?: string;
+    delta?: string;
+    decimals?: number;
+    className?: string;
+}
+declare function AnimatedCounter({ value, duration, color, accent, fontSize, prefix, suffix, label, delta, decimals, className, style, ...props }: AnimatedCounterProps): react.JSX.Element;
+
+interface RadialProgressProps extends HTMLAttributes<HTMLDivElement> {
+    value?: number;
+    size?: number;
+    strokeWidth?: number;
+    color?: string;
+    trackColor?: string;
+    animated?: boolean;
+    label?: string;
+    className?: string;
+}
+declare function RadialProgress({ value, size, strokeWidth, color, trackColor, animated, label, className, style, ...props }: RadialProgressProps): react.JSX.Element;
+
+interface MetricItem {
+    label: string;
+    value: string;
+    delta?: string;
+    positive?: boolean;
+}
+interface MetricGridProps extends HTMLAttributes<HTMLDivElement> {
+    accent?: string;
+    background?: string;
+    columns?: number;
+    radius?: number;
+    items?: MetricItem[];
+    className?: string;
+}
+declare function MetricGrid({ accent, background, columns, radius, items, className, style, ...props }: MetricGridProps): react.JSX.Element;
+
+export { AnimatedCounter, type AnimatedCounterProps, MetricGrid, type MetricGridProps, type MetricItem, RadialProgress, type RadialProgressProps };

package/dist/data.js

@@ -0,0 +1,3 @@
+export { AnimatedCounter, MetricGrid, RadialProgress } from './chunk-WDUETPNG.js';
+//# sourceMappingURL=data.js.map
+//# sourceMappingURL=data.js.map

package/dist/data.js.map

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

package/dist/heroes.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var chunk4FWJRWS5_cjs = require('./chunk-4FWJRWS5.cjs');
+
+
+
+Object.defineProperty(exports, "SaasLaunchHero", {
+  enumerable: true,
+  get: function () { return chunk4FWJRWS5_cjs.SaasLaunchHero; }
+});
+//# sourceMappingURL=heroes.cjs.map
+//# sourceMappingURL=heroes.cjs.map

package/dist/heroes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"heroes.cjs"}