@farzadbagheri/fb-components 0.1.0 → 0.1.4

package/dist/chunk-MKCSRMHF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/motion/GlowCursor.tsx","../src/motion/MagneticCursor.tsx"],"names":["useState","jsxs","jsx","useRef","useEffect"],"mappings":"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","file":"chunk-MKCSRMHF.cjs","sourcesContent":["import {\r\n  useState,\r\n} from \"react\";\r\n\r\nimport \"./GlowCursor.css\";\r\n\r\nexport interface GlowCursorProps {\r\n  children?:\r\n    React.ReactNode;\r\n\r\n  color?:\r\n    string;\r\n\r\n  size?:\r\n    number;\r\n\r\n  blur?:\r\n    number;\r\n\r\n  opacity?:\r\n    number;\r\n\r\n  followSpeed?:\r\n    number;\r\n\r\n  className?:\r\n    string;\r\n}\r\n\r\nexport function GlowCursor({\r\n  children,\r\n\r\n  color =\r\n    \"#825dff\",\r\n\r\n  size =\r\n    110,\r\n\r\n  blur =\r\n    35,\r\n\r\n  opacity =\r\n    0.45,\r\n\r\n  followSpeed =\r\n    0.12,\r\n\r\n  className =\r\n    \"\",\r\n}: GlowCursorProps) {\r\n  const [\r\n    point,\r\n    setPoint,\r\n  ] =\r\n    useState({\r\n      x: 0,\r\n      y: 0,\r\n    });\r\n\r\n  return (\r\n    <div\r\n      className={`fb-glow-cursor ${className}`}\r\n      onMouseMove={(\r\n        event\r\n      ) => {\r\n        const rect =\r\n          event.currentTarget.getBoundingClientRect();\r\n\r\n        setPoint({\r\n          x:\r\n            event.clientX -\r\n            rect.left,\r\n\r\n          y:\r\n            event.clientY -\r\n            rect.top,\r\n        });\r\n      }}\r\n    >\r\n      <div\r\n        className=\"fb-glow-cursor__glow\"\r\n        style={{\r\n          width:\r\n            size,\r\n\r\n          height:\r\n            size,\r\n\r\n          left:\r\n            point.x,\r\n\r\n          top:\r\n            point.y,\r\n\r\n          background:\r\n            color,\r\n\r\n          filter:\r\n            `blur(${blur}px)`,\r\n\r\n          opacity,\r\n\r\n          transitionDuration:\r\n            `${followSpeed}s`,\r\n        }}\r\n      />\r\n\r\n      <div className=\"fb-glow-cursor__content\">\r\n        {children}\r\n      </div>\r\n    </div>\r\n  );\r\n}","import {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n  HTMLAttributes,\r\n  ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./MagneticCursor.css\";\r\n\r\nexport interface MagneticCursorProps\r\n  extends HTMLAttributes<HTMLDivElement> {\r\n  children?: ReactNode;\r\n\r\n  color?: string;\r\n\r\n  size?: number;\r\n\r\n  ringSize?: number;\r\n\r\n  followSpeed?: number;\r\n\r\n  magneticStrength?: number;\r\n\r\n  className?: string;\r\n}\r\n\r\ninterface Point {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport function MagneticCursor({\r\n  children,\r\n\r\n  color = \"#b99cff\",\r\n\r\n  size = 18,\r\n\r\n  ringSize = 44,\r\n\r\n  followSpeed = 0.14,\r\n\r\n  magneticStrength = 0.25,\r\n\r\n  className = \"\",\r\n\r\n  style,\r\n\r\n  ...props\r\n}: MagneticCursorProps) {\r\n  const containerRef =\r\n    useRef<HTMLDivElement>(\r\n      null\r\n    );\r\n\r\n  const [\r\n    point,\r\n    setPoint,\r\n  ] =\r\n    useState<Point>({\r\n      x: 0,\r\n      y: 0,\r\n    });\r\n\r\n  const [\r\n    visible,\r\n    setVisible,\r\n  ] =\r\n    useState(false);\r\n\r\n  const [\r\n    hoveringTarget,\r\n    setHoveringTarget,\r\n  ] =\r\n    useState(false);\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    function handlePointerMove(\r\n      event: PointerEvent\r\n    ) {\r\n      const rect =\r\n        element!.getBoundingClientRect();\r\n\r\n      let x =\r\n        event.clientX -\r\n        rect.left;\r\n\r\n      let y =\r\n        event.clientY -\r\n        rect.top;\r\n\r\n      const target =\r\n        (\r\n          event.target as\r\n            HTMLElement | null\r\n        )?.closest(\r\n          \"[data-magnetic-target]\"\r\n        ) as\r\n          | HTMLElement\r\n          | null;\r\n\r\n      if (target) {\r\n        const targetRect =\r\n          target.getBoundingClientRect();\r\n\r\n        const centerX =\r\n          targetRect.left +\r\n          targetRect.width /\r\n            2;\r\n\r\n        const centerY =\r\n          targetRect.top +\r\n          targetRect.height /\r\n            2;\r\n\r\n        x +=\r\n          (\r\n            centerX -\r\n            event.clientX\r\n          ) *\r\n          magneticStrength;\r\n\r\n        y +=\r\n          (\r\n            centerY -\r\n            event.clientY\r\n          ) *\r\n          magneticStrength;\r\n\r\n        setHoveringTarget(\r\n          true\r\n        );\r\n      } else {\r\n        setHoveringTarget(\r\n          false\r\n        );\r\n      }\r\n\r\n      setPoint({\r\n        x,\r\n        y,\r\n      });\r\n\r\n      setVisible(\r\n        true\r\n      );\r\n    }\r\n\r\n    function handlePointerLeave() {\r\n      setVisible(\r\n        false\r\n      );\r\n\r\n      setHoveringTarget(\r\n        false\r\n      );\r\n    }\r\n\r\n    element.addEventListener(\r\n      \"pointermove\",\r\n      handlePointerMove\r\n    );\r\n\r\n    element.addEventListener(\r\n      \"pointerleave\",\r\n      handlePointerLeave\r\n    );\r\n\r\n    return () => {\r\n      element.removeEventListener(\r\n        \"pointermove\",\r\n        handlePointerMove\r\n      );\r\n\r\n      element.removeEventListener(\r\n        \"pointerleave\",\r\n        handlePointerLeave\r\n      );\r\n    };\r\n  }, [\r\n    magneticStrength,\r\n  ]);\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      ref={\r\n        containerRef\r\n      }\r\n      className={`fb-magnetic-cursor ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        cursor:\r\n          \"none\",\r\n      }}\r\n    >\r\n      <div className=\"fb-magnetic-cursor__content\">\r\n        {children}\r\n      </div>\r\n\r\n      <span\r\n        aria-hidden=\"true\"\r\n        className={`fb-magnetic-cursor__ring ${\r\n          visible\r\n            ? \"is-visible\"\r\n            : \"\"\r\n        } ${\r\n          hoveringTarget\r\n            ? \"is-targeting\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          width:\r\n            ringSize,\r\n\r\n          height:\r\n            ringSize,\r\n\r\n          left:\r\n            point.x,\r\n\r\n          top:\r\n            point.y,\r\n\r\n          borderColor:\r\n            color,\r\n\r\n          transitionDuration:\r\n            `${followSpeed}s`,\r\n        }}\r\n      />\r\n\r\n      <span\r\n        aria-hidden=\"true\"\r\n        className={`fb-magnetic-cursor__dot ${\r\n          visible\r\n            ? \"is-visible\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          width:\r\n            size,\r\n\r\n          height:\r\n            size,\r\n\r\n          left:\r\n            point.x,\r\n\r\n          top:\r\n            point.y,\r\n\r\n          background:\r\n            color,\r\n\r\n          boxShadow:\r\n            `0 0 ${size}px ${color}`,\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}"]}

package/dist/chunk-R2F3FTBL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/landing/StartupLanding.tsx"],"names":[],"mappings":"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","file":"chunk-R2F3FTBL.js","sourcesContent":["import type {\r\n  HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./StartupLanding.css\";\r\n\r\nexport interface StartupLandingProps\r\n  extends HTMLAttributes<HTMLElement> {\r\n  accent?: string;\r\n  background?: string;\r\n  radius?: number;\r\n\r\n  showMetrics?: boolean;\r\n  showFeatures?: boolean;\r\n\r\n  className?: string;\r\n}\r\n\r\nexport function StartupLanding({\r\n  accent = \"#7d63ff\",\r\n  background = \"#08080c\",\r\n  radius = 20,\r\n\r\n  showMetrics = true,\r\n  showFeatures = true,\r\n\r\n  className = \"\",\r\n  style,\r\n\r\n  ...props\r\n}: StartupLandingProps) {\r\n  return (\r\n    <section\r\n      {...props}\r\n      className={`fb-startup-landing ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        background,\r\n\r\n        [\"--fb-startup-accent\" as string]:\r\n          accent,\r\n\r\n        [\"--fb-startup-radius\" as string]:\r\n          `${radius}px`,\r\n      }}\r\n    >\r\n      <nav className=\"fb-startup-landing__nav\">\r\n        <strong>\r\n          ACME.\r\n        </strong>\r\n\r\n        <div>\r\n          <a href=\"#product\">\r\n            Product\r\n          </a>\r\n\r\n          <a href=\"#features\">\r\n            Features\r\n          </a>\r\n\r\n          <a href=\"#pricing\">\r\n            Pricing\r\n          </a>\r\n        </div>\r\n\r\n        <button\r\n          type=\"button\"\r\n        >\r\n          Join waitlist\r\n        </button>\r\n      </nav>\r\n\r\n      <div className=\"fb-startup-landing__hero\">\r\n        <span>\r\n          LAUNCHING 2026\r\n        </span>\r\n\r\n        <h2>\r\n          From idea\r\n          <br />\r\n          to momentum.\r\n        </h2>\r\n\r\n        <p>\r\n          A focused operating\r\n          layer for ambitious\r\n          startups that want to\r\n          build, launch and learn\r\n          faster.\r\n        </p>\r\n\r\n        <button\r\n          type=\"button\"\r\n        >\r\n          Get early access\r\n        </button>\r\n      </div>\r\n\r\n      {showMetrics && (\r\n        <div className=\"fb-startup-landing__metrics\">\r\n          {[\r\n            [\r\n              \"42K\",\r\n              \"Early users\",\r\n            ],\r\n            [\r\n              \"4.9\",\r\n              \"Average rating\",\r\n            ],\r\n            [\r\n              \"99.9%\",\r\n              \"Platform uptime\",\r\n            ],\r\n          ].map(\r\n            (\r\n              [\r\n                value,\r\n                label,\r\n              ]\r\n            ) => (\r\n              <article\r\n                key={\r\n                  label\r\n                }\r\n              >\r\n                <strong>\r\n                  {value}\r\n                </strong>\r\n\r\n                <span>\r\n                  {label}\r\n                </span>\r\n              </article>\r\n            )\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {showFeatures && (\r\n        <div\r\n          id=\"features\"\r\n          className=\"fb-startup-landing__features\"\r\n        >\r\n          {[\r\n            \"Ship\",\r\n            \"Measure\",\r\n            \"Scale\",\r\n          ].map(\r\n            (\r\n              feature,\r\n              index\r\n            ) => (\r\n              <article\r\n                key={\r\n                  feature\r\n                }\r\n              >\r\n                <span>\r\n                  0{\r\n                    index +\r\n                    1\r\n                  }\r\n                </span>\r\n\r\n                <h3>\r\n                  {feature}\r\n                </h3>\r\n\r\n                <p>\r\n                  Simple tools\r\n                  designed around\r\n                  the decisions\r\n                  that matter.\r\n                </p>\r\n              </article>\r\n            )\r\n          )}\r\n        </div>\r\n      )}\r\n    </section>\r\n  );\r\n}"]}

package/dist/chunk-ROKPXWY2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/buttons/MagneticButton.tsx","../src/buttons/GlowButton.tsx","../src/buttons/GlassButton.tsx"],"names":["useState","jsx","jsxs"],"mappings":"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","file":"chunk-ROKPXWY2.cjs","sourcesContent":["import {\r\n  useState,\r\n} from \"react\";\r\n\r\nimport \"./MagneticButton.css\";\r\n\r\nexport interface MagneticButtonProps {\r\n  children?: React.ReactNode;\r\n\r\n  background?: string;\r\n  textColor?: string;\r\n  fontSize?: number;\r\n  radius?: number;\r\n  paddingX?: number;\r\n  paddingY?: number;\r\n  strength?: number;\r\n\r\n  className?: string;\r\n}\r\n\r\nexport function MagneticButton({\r\n  children = \"Explore\",\r\n\r\n  background =\r\n    \"#ffffff\",\r\n\r\n  textColor =\r\n    \"#000000\",\r\n\r\n  fontSize =\r\n    14,\r\n\r\n  radius =\r\n    999,\r\n\r\n  paddingX =\r\n    22,\r\n\r\n  paddingY =\r\n    13,\r\n\r\n  strength =\r\n    0.3,\r\n\r\n  className =\r\n    \"\",\r\n}: MagneticButtonProps) {\r\n  const [\r\n    offset,\r\n    setOffset,\r\n  ] =\r\n    useState({\r\n      x: 0,\r\n      y: 0,\r\n    });\r\n\r\n  function handleMove(\r\n    event:\r\n      React.MouseEvent<HTMLButtonElement>\r\n  ) {\r\n    const rect =\r\n      event.currentTarget.getBoundingClientRect();\r\n\r\n    const centerX =\r\n      rect.width /\r\n      2;\r\n\r\n    const centerY =\r\n      rect.height /\r\n      2;\r\n\r\n    const x =\r\n      event.clientX -\r\n      rect.left -\r\n      centerX;\r\n\r\n    const y =\r\n      event.clientY -\r\n      rect.top -\r\n      centerY;\r\n\r\n    setOffset({\r\n      x:\r\n        x *\r\n        strength,\r\n\r\n      y:\r\n        y *\r\n        strength,\r\n    });\r\n  }\r\n\r\n  return (\r\n    <button\r\n      type=\"button\"\r\n      className={`fb-magnetic-button ${className}`}\r\n      onMouseMove={\r\n        handleMove\r\n      }\r\n      onMouseLeave={() =>\r\n        setOffset({\r\n          x: 0,\r\n          y: 0,\r\n        })\r\n      }\r\n      style={{\r\n        background,\r\n        color:\r\n          textColor,\r\n\r\n        fontSize,\r\n\r\n        borderRadius:\r\n          radius,\r\n\r\n        padding:\r\n          `${paddingY}px ${paddingX}px`,\r\n\r\n        transform:\r\n          `translate3d(\r\n            ${offset.x}px,\r\n            ${offset.y}px,\r\n            0\r\n          )`,\r\n      }}\r\n    >\r\n      {children}\r\n    </button>\r\n  );\r\n}","import type {\r\n  ButtonHTMLAttributes,\r\n  ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlowButton.css\";\r\n\r\nexport interface GlowButtonProps\r\n  extends Omit<\r\n    ButtonHTMLAttributes<HTMLButtonElement>,\r\n    \"color\"\r\n  > {\r\n  children?: ReactNode;\r\n\r\n  background?: string;\r\n\r\n  textColor?: string;\r\n\r\n  glowColor?: string;\r\n\r\n  glow?: number;\r\n\r\n  radius?: number;\r\n\r\n  fontSize?: number;\r\n\r\n  paddingX?: number;\r\n}\r\n\r\nexport function GlowButton({\r\n  children = \"Get started\",\r\n\r\n  background = \"#7b5cff\",\r\n\r\n  textColor = \"#ffffff\",\r\n\r\n  glowColor = \"#9b7cff\",\r\n\r\n  glow = 32,\r\n\r\n  radius = 14,\r\n\r\n  fontSize = 14,\r\n\r\n  paddingX = 24,\r\n\r\n  className = \"\",\r\n\r\n  style,\r\n\r\n  ...props\r\n}: GlowButtonProps) {\r\n  return (\r\n    <button\r\n      {...props}\r\n      type={\r\n        props.type ??\r\n        \"button\"\r\n      }\r\n      className={`fb-glow-button ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        background,\r\n\r\n        color:\r\n          textColor,\r\n\r\n        borderRadius:\r\n          radius,\r\n\r\n        fontSize,\r\n\r\n        padding:\r\n          `13px ${paddingX}px`,\r\n\r\n        boxShadow:\r\n          `0 0 ${glow}px ${glowColor}66`,\r\n\r\n        [\"--fb-glow-button-color\" as string]:\r\n          glowColor,\r\n      }}\r\n    >\r\n      <span className=\"fb-glow-button__content\">\r\n        {\r\n          children\r\n        }\r\n      </span>\r\n\r\n      <span\r\n        className=\"fb-glow-button__glow\"\r\n        aria-hidden=\"true\"\r\n      />\r\n    </button>\r\n  );\r\n}","import type {\r\n  ButtonHTMLAttributes,\r\n  ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./GlassButton.css\";\r\n\r\nexport interface GlassButtonProps\r\n  extends Omit<\r\n    ButtonHTMLAttributes<HTMLButtonElement>,\r\n    \"color\"\r\n  > {\r\n  children?: ReactNode;\r\n\r\n  textColor?: string;\r\n\r\n  tint?: string;\r\n\r\n  opacity?: number;\r\n\r\n  blur?: number;\r\n\r\n  radius?: number;\r\n\r\n  borderOpacity?: number;\r\n}\r\n\r\nfunction hexToRgb(\r\n  hex: string\r\n) {\r\n  const clean =\r\n    hex.replace(\r\n      \"#\",\r\n      \"\"\r\n    );\r\n\r\n  if (\r\n    clean.length !==\r\n    6\r\n  ) {\r\n    return {\r\n      r: 255,\r\n      g: 255,\r\n      b: 255,\r\n    };\r\n  }\r\n\r\n  return {\r\n    r:\r\n      parseInt(\r\n        clean.slice(\r\n          0,\r\n          2\r\n        ),\r\n        16\r\n      ),\r\n\r\n    g:\r\n      parseInt(\r\n        clean.slice(\r\n          2,\r\n          4\r\n        ),\r\n        16\r\n      ),\r\n\r\n    b:\r\n      parseInt(\r\n        clean.slice(\r\n          4,\r\n          6\r\n        ),\r\n        16\r\n      ),\r\n  };\r\n}\r\n\r\nexport function GlassButton({\r\n  children = \"Explore\",\r\n\r\n  textColor = \"#ffffff\",\r\n\r\n  tint = \"#ffffff\",\r\n\r\n  opacity = 0.08,\r\n\r\n  blur = 16,\r\n\r\n  radius = 16,\r\n\r\n  borderOpacity = 0.18,\r\n\r\n  className = \"\",\r\n\r\n  style,\r\n\r\n  ...props\r\n}: GlassButtonProps) {\r\n  const rgb =\r\n    hexToRgb(\r\n      tint\r\n    );\r\n\r\n  return (\r\n    <button\r\n      {...props}\r\n      type={\r\n        props.type ??\r\n        \"button\"\r\n      }\r\n      className={`fb-glass-button ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        color:\r\n          textColor,\r\n\r\n        background:\r\n          `rgba(\r\n            ${rgb.r},\r\n            ${rgb.g},\r\n            ${rgb.b},\r\n            ${opacity}\r\n          )`,\r\n\r\n        backdropFilter:\r\n          `blur(${blur}px)`,\r\n\r\n        WebkitBackdropFilter:\r\n          `blur(${blur}px)`,\r\n\r\n        borderRadius:\r\n          radius,\r\n\r\n        borderColor:\r\n          `rgba(\r\n            255,\r\n            255,\r\n            255,\r\n            ${borderOpacity}\r\n          )`,\r\n      }}\r\n    >\r\n      {\r\n        children\r\n      }\r\n\r\n      <span\r\n        className=\"fb-glass-button__shine\"\r\n        aria-hidden=\"true\"\r\n      />\r\n    </button>\r\n  );\r\n}"]}

package/dist/chunk-RUSFF3MZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ai/AiPromptBox.tsx","../src/ai/StreamingResponse.tsx"],"names":["useState","jsxs","jsx"],"mappings":"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","file":"chunk-RUSFF3MZ.js","sourcesContent":["import {\r\n  useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n  FormEvent,\r\n  HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport {\r\n  ArrowUp,\r\n  Paperclip,\r\n  Sparkles,\r\n} from \"lucide-react\";\r\n\r\nimport \"./AiPromptBox.css\";\r\n\r\nexport interface AiPromptBoxProps\r\n  extends Omit<\r\n    HTMLAttributes<HTMLDivElement>,\r\n    \"onSubmit\"\r\n  > {\r\n  background?: string;\r\n\r\n  accent?: string;\r\n\r\n  textColor?: string;\r\n\r\n  radius?: number;\r\n\r\n  minHeight?: number;\r\n\r\n  showModel?: boolean;\r\n\r\n  showAttachment?: boolean;\r\n\r\n  modelLabel?: string;\r\n\r\n  placeholder?: string;\r\n\r\n  defaultValue?: string;\r\n\r\n  disabled?: boolean;\r\n\r\n  onSubmit?: (\r\n    value: string\r\n  ) => void;\r\n\r\n  className?: string;\r\n}\r\n\r\nexport function AiPromptBox({\r\n  background = \"#111116\",\r\n\r\n  accent = \"#9b7cff\",\r\n\r\n  textColor = \"#ffffff\",\r\n\r\n  radius = 20,\r\n\r\n  minHeight = 150,\r\n\r\n  showModel = true,\r\n\r\n  showAttachment = true,\r\n\r\n  modelLabel = \"FB AI · Fast\",\r\n\r\n  placeholder =\r\n    \"Ask anything...\",\r\n\r\n  defaultValue = \"\",\r\n\r\n  disabled = false,\r\n\r\n  onSubmit,\r\n\r\n  className = \"\",\r\n\r\n  style,\r\n\r\n  ...props\r\n}: AiPromptBoxProps) {\r\n  const [\r\n    value,\r\n    setValue,\r\n  ] =\r\n    useState(\r\n      defaultValue\r\n    );\r\n\r\n  function handleSubmit(\r\n    event:\r\n      FormEvent<HTMLFormElement>\r\n  ) {\r\n    event.preventDefault();\r\n\r\n    const trimmed =\r\n      value.trim();\r\n\r\n    if (\r\n      disabled ||\r\n      !trimmed\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    onSubmit?.(\r\n      trimmed\r\n    );\r\n  }\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={`fb-ai-prompt-box ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        background,\r\n\r\n        color:\r\n          textColor,\r\n\r\n        borderRadius:\r\n          radius,\r\n\r\n        minHeight,\r\n\r\n        [\"--fb-ai-prompt-accent\" as string]:\r\n          accent,\r\n      }}\r\n    >\r\n      <form\r\n        className=\"fb-ai-prompt-box__form\"\r\n        onSubmit={\r\n          handleSubmit\r\n        }\r\n      >\r\n        <div className=\"fb-ai-prompt-box__field\">\r\n          <Sparkles\r\n            className=\"fb-ai-prompt-box__spark\"\r\n            size={16}\r\n            aria-hidden=\"true\"\r\n          />\r\n\r\n          <textarea\r\n            value={\r\n              value\r\n            }\r\n            disabled={\r\n              disabled\r\n            }\r\n            placeholder={\r\n              placeholder\r\n            }\r\n            aria-label={\r\n              placeholder\r\n            }\r\n            onChange={(\r\n              event\r\n            ) =>\r\n              setValue(\r\n                event.target\r\n                  .value\r\n              )\r\n            }\r\n          />\r\n        </div>\r\n\r\n        <div className=\"fb-ai-prompt-box__footer\">\r\n          <div className=\"fb-ai-prompt-box__actions\">\r\n            {showAttachment && (\r\n              <button\r\n                type=\"button\"\r\n                aria-label=\"Attach file\"\r\n                className=\"fb-ai-prompt-box__secondary\"\r\n              >\r\n                <Paperclip\r\n                  size={15}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              </button>\r\n            )}\r\n\r\n            {showModel && (\r\n              <span className=\"fb-ai-prompt-box__model\">\r\n                {\r\n                  modelLabel\r\n                }\r\n              </span>\r\n            )}\r\n          </div>\r\n\r\n          <button\r\n            type=\"submit\"\r\n            disabled={\r\n              disabled ||\r\n              !value.trim()\r\n            }\r\n            className=\"fb-ai-prompt-box__submit\"\r\n            aria-label=\"Submit prompt\"\r\n          >\r\n            <ArrowUp\r\n              size={16}\r\n              aria-hidden=\"true\"\r\n            />\r\n          </button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n}","import {\r\n  useEffect,\r\n  useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n  HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./StreamingResponse.css\";\r\n\r\nexport interface StreamingResponseProps\r\n  extends HTMLAttributes<HTMLDivElement> {\r\n  text?: string;\r\n\r\n  accent?: string;\r\n  textColor?: string;\r\n\r\n  speed?: number;\r\n\r\n  showCursor?: boolean;\r\n  showStatus?: boolean;\r\n\r\n  statusLabel?: string;\r\n\r\n  className?: string;\r\n}\r\n\r\nexport function StreamingResponse({\r\n  text =\r\n    \"FB Components gives your application a reusable system for motion, interaction and AI-native interfaces.\",\r\n\r\n  accent = \"#9b7cff\",\r\n  textColor = \"#ffffff\",\r\n\r\n  speed = 24,\r\n\r\n  showCursor = true,\r\n  showStatus = true,\r\n\r\n  statusLabel =\r\n    \"GENERATING\",\r\n\r\n  className = \"\",\r\n  style,\r\n\r\n  ...props\r\n}: StreamingResponseProps) {\r\n  const [\r\n    length,\r\n    setLength,\r\n  ] =\r\n    useState(0);\r\n\r\n  useEffect(() => {\r\n    setLength(\r\n      0\r\n    );\r\n\r\n    if (\r\n      text.length ===\r\n      0\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    const interval =\r\n      window.setInterval(\r\n        () => {\r\n          setLength(\r\n            (\r\n              current\r\n            ) => {\r\n              if (\r\n                current >=\r\n                text.length\r\n              ) {\r\n                window.clearInterval(\r\n                  interval\r\n                );\r\n\r\n                return current;\r\n              }\r\n\r\n              return (\r\n                current +\r\n                1\r\n              );\r\n            }\r\n          );\r\n        },\r\n        Math.max(\r\n          5,\r\n          speed\r\n        )\r\n      );\r\n\r\n    return () =>\r\n      window.clearInterval(\r\n        interval\r\n      );\r\n  }, [\r\n    text,\r\n    speed,\r\n  ]);\r\n\r\n  const complete =\r\n    length >=\r\n    text.length;\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={`fb-streaming-response ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        color:\r\n          textColor,\r\n\r\n        [\"--fb-streaming-accent\" as string]:\r\n          accent,\r\n      }}\r\n      aria-live=\"polite\"\r\n    >\r\n      {showStatus && (\r\n        <div className=\"fb-streaming-response__status\">\r\n          <span\r\n            className={\r\n              complete\r\n                ? \"is-complete\"\r\n                : \"\"\r\n            }\r\n            aria-hidden=\"true\"\r\n          />\r\n\r\n          {complete\r\n            ? \"COMPLETE\"\r\n            : statusLabel}\r\n        </div>\r\n      )}\r\n\r\n      <p>\r\n        {text.slice(\r\n          0,\r\n          length\r\n        )}\r\n\r\n        {showCursor &&\r\n          !complete && (\r\n            <span\r\n              className=\"fb-streaming-response__cursor\"\r\n              aria-hidden=\"true\"\r\n            />\r\n          )}\r\n      </p>\r\n    </div>\r\n  );\r\n}"]}

package/dist/chunk-T7CC3CLH.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/motion/GlowCursor.tsx","../src/motion/MagneticCursor.tsx"],"names":["useState","jsxs","jsx"],"mappings":"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","file":"chunk-T7CC3CLH.js","sourcesContent":["import {\r\n  useState,\r\n} from \"react\";\r\n\r\nimport \"./GlowCursor.css\";\r\n\r\nexport interface GlowCursorProps {\r\n  children?:\r\n    React.ReactNode;\r\n\r\n  color?:\r\n    string;\r\n\r\n  size?:\r\n    number;\r\n\r\n  blur?:\r\n    number;\r\n\r\n  opacity?:\r\n    number;\r\n\r\n  followSpeed?:\r\n    number;\r\n\r\n  className?:\r\n    string;\r\n}\r\n\r\nexport function GlowCursor({\r\n  children,\r\n\r\n  color =\r\n    \"#825dff\",\r\n\r\n  size =\r\n    110,\r\n\r\n  blur =\r\n    35,\r\n\r\n  opacity =\r\n    0.45,\r\n\r\n  followSpeed =\r\n    0.12,\r\n\r\n  className =\r\n    \"\",\r\n}: GlowCursorProps) {\r\n  const [\r\n    point,\r\n    setPoint,\r\n  ] =\r\n    useState({\r\n      x: 0,\r\n      y: 0,\r\n    });\r\n\r\n  return (\r\n    <div\r\n      className={`fb-glow-cursor ${className}`}\r\n      onMouseMove={(\r\n        event\r\n      ) => {\r\n        const rect =\r\n          event.currentTarget.getBoundingClientRect();\r\n\r\n        setPoint({\r\n          x:\r\n            event.clientX -\r\n            rect.left,\r\n\r\n          y:\r\n            event.clientY -\r\n            rect.top,\r\n        });\r\n      }}\r\n    >\r\n      <div\r\n        className=\"fb-glow-cursor__glow\"\r\n        style={{\r\n          width:\r\n            size,\r\n\r\n          height:\r\n            size,\r\n\r\n          left:\r\n            point.x,\r\n\r\n          top:\r\n            point.y,\r\n\r\n          background:\r\n            color,\r\n\r\n          filter:\r\n            `blur(${blur}px)`,\r\n\r\n          opacity,\r\n\r\n          transitionDuration:\r\n            `${followSpeed}s`,\r\n        }}\r\n      />\r\n\r\n      <div className=\"fb-glow-cursor__content\">\r\n        {children}\r\n      </div>\r\n    </div>\r\n  );\r\n}","import {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n  HTMLAttributes,\r\n  ReactNode,\r\n} from \"react\";\r\n\r\nimport \"./MagneticCursor.css\";\r\n\r\nexport interface MagneticCursorProps\r\n  extends HTMLAttributes<HTMLDivElement> {\r\n  children?: ReactNode;\r\n\r\n  color?: string;\r\n\r\n  size?: number;\r\n\r\n  ringSize?: number;\r\n\r\n  followSpeed?: number;\r\n\r\n  magneticStrength?: number;\r\n\r\n  className?: string;\r\n}\r\n\r\ninterface Point {\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\nexport function MagneticCursor({\r\n  children,\r\n\r\n  color = \"#b99cff\",\r\n\r\n  size = 18,\r\n\r\n  ringSize = 44,\r\n\r\n  followSpeed = 0.14,\r\n\r\n  magneticStrength = 0.25,\r\n\r\n  className = \"\",\r\n\r\n  style,\r\n\r\n  ...props\r\n}: MagneticCursorProps) {\r\n  const containerRef =\r\n    useRef<HTMLDivElement>(\r\n      null\r\n    );\r\n\r\n  const [\r\n    point,\r\n    setPoint,\r\n  ] =\r\n    useState<Point>({\r\n      x: 0,\r\n      y: 0,\r\n    });\r\n\r\n  const [\r\n    visible,\r\n    setVisible,\r\n  ] =\r\n    useState(false);\r\n\r\n  const [\r\n    hoveringTarget,\r\n    setHoveringTarget,\r\n  ] =\r\n    useState(false);\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    function handlePointerMove(\r\n      event: PointerEvent\r\n    ) {\r\n      const rect =\r\n        element!.getBoundingClientRect();\r\n\r\n      let x =\r\n        event.clientX -\r\n        rect.left;\r\n\r\n      let y =\r\n        event.clientY -\r\n        rect.top;\r\n\r\n      const target =\r\n        (\r\n          event.target as\r\n            HTMLElement | null\r\n        )?.closest(\r\n          \"[data-magnetic-target]\"\r\n        ) as\r\n          | HTMLElement\r\n          | null;\r\n\r\n      if (target) {\r\n        const targetRect =\r\n          target.getBoundingClientRect();\r\n\r\n        const centerX =\r\n          targetRect.left +\r\n          targetRect.width /\r\n            2;\r\n\r\n        const centerY =\r\n          targetRect.top +\r\n          targetRect.height /\r\n            2;\r\n\r\n        x +=\r\n          (\r\n            centerX -\r\n            event.clientX\r\n          ) *\r\n          magneticStrength;\r\n\r\n        y +=\r\n          (\r\n            centerY -\r\n            event.clientY\r\n          ) *\r\n          magneticStrength;\r\n\r\n        setHoveringTarget(\r\n          true\r\n        );\r\n      } else {\r\n        setHoveringTarget(\r\n          false\r\n        );\r\n      }\r\n\r\n      setPoint({\r\n        x,\r\n        y,\r\n      });\r\n\r\n      setVisible(\r\n        true\r\n      );\r\n    }\r\n\r\n    function handlePointerLeave() {\r\n      setVisible(\r\n        false\r\n      );\r\n\r\n      setHoveringTarget(\r\n        false\r\n      );\r\n    }\r\n\r\n    element.addEventListener(\r\n      \"pointermove\",\r\n      handlePointerMove\r\n    );\r\n\r\n    element.addEventListener(\r\n      \"pointerleave\",\r\n      handlePointerLeave\r\n    );\r\n\r\n    return () => {\r\n      element.removeEventListener(\r\n        \"pointermove\",\r\n        handlePointerMove\r\n      );\r\n\r\n      element.removeEventListener(\r\n        \"pointerleave\",\r\n        handlePointerLeave\r\n      );\r\n    };\r\n  }, [\r\n    magneticStrength,\r\n  ]);\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      ref={\r\n        containerRef\r\n      }\r\n      className={`fb-magnetic-cursor ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        cursor:\r\n          \"none\",\r\n      }}\r\n    >\r\n      <div className=\"fb-magnetic-cursor__content\">\r\n        {children}\r\n      </div>\r\n\r\n      <span\r\n        aria-hidden=\"true\"\r\n        className={`fb-magnetic-cursor__ring ${\r\n          visible\r\n            ? \"is-visible\"\r\n            : \"\"\r\n        } ${\r\n          hoveringTarget\r\n            ? \"is-targeting\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          width:\r\n            ringSize,\r\n\r\n          height:\r\n            ringSize,\r\n\r\n          left:\r\n            point.x,\r\n\r\n          top:\r\n            point.y,\r\n\r\n          borderColor:\r\n            color,\r\n\r\n          transitionDuration:\r\n            `${followSpeed}s`,\r\n        }}\r\n      />\r\n\r\n      <span\r\n        aria-hidden=\"true\"\r\n        className={`fb-magnetic-cursor__dot ${\r\n          visible\r\n            ? \"is-visible\"\r\n            : \"\"\r\n        }`}\r\n        style={{\r\n          width:\r\n            size,\r\n\r\n          height:\r\n            size,\r\n\r\n          left:\r\n            point.x,\r\n\r\n          top:\r\n            point.y,\r\n\r\n          background:\r\n            color,\r\n\r\n          boxShadow:\r\n            `0 0 ${size}px ${color}`,\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}"]}

package/dist/chunk-UWQ5QNE3.cjs.map

@@ -1 +0,0 @@
-{"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":["useRef","useEffect","jsxs","jsx","useMemo"],"mappings":"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","file":"chunk-UWQ5QNE3.cjs","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/chunk-WDUETPNG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/data/AnimatedCounter.tsx","../src/data/RadialProgress.tsx","../src/data/MetricGrid.tsx"],"names":["jsxs","jsx"],"mappings":"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","file":"chunk-WDUETPNG.js","sourcesContent":["import {\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\n\r\nimport type {\r\n  HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./AnimatedCounter.css\";\r\n\r\nexport interface AnimatedCounterProps\r\n  extends HTMLAttributes<HTMLDivElement> {\r\n  value?: number;\r\n  duration?: number;\r\n\r\n  color?: string;\r\n  accent?: string;\r\n\r\n  fontSize?: number;\r\n\r\n  prefix?: string;\r\n  suffix?: string;\r\n\r\n  label?: string;\r\n  delta?: string;\r\n\r\n  decimals?: number;\r\n\r\n  className?: string;\r\n}\r\n\r\nexport function AnimatedCounter({\r\n  value = 128,\r\n  duration = 1.5,\r\n\r\n  color = \"#ffffff\",\r\n  accent = \"#9b7cff\",\r\n\r\n  fontSize = 72,\r\n\r\n  prefix = \"\",\r\n  suffix = \"K\",\r\n\r\n  label =\r\n    \"ACTIVE USERS\",\r\n\r\n  delta =\r\n    \"+18.4%\",\r\n\r\n  decimals = 0,\r\n\r\n  className = \"\",\r\n  style,\r\n\r\n  ...props\r\n}: AnimatedCounterProps) {\r\n  const [\r\n    displayed,\r\n    setDisplayed,\r\n  ] =\r\n    useState(0);\r\n\r\n  const frameRef =\r\n    useRef<number | null>(\r\n      null\r\n    );\r\n\r\n  useEffect(() => {\r\n    const start =\r\n      performance.now();\r\n\r\n    const total =\r\n      Math.max(\r\n        duration,\r\n        0.01\r\n      ) *\r\n      1000;\r\n\r\n    function animate(\r\n      now: number\r\n    ) {\r\n      const progress =\r\n        Math.min(\r\n          (\r\n            now -\r\n            start\r\n          ) /\r\n            total,\r\n          1\r\n        );\r\n\r\n      const eased =\r\n        1 -\r\n        Math.pow(\r\n          1 -\r\n            progress,\r\n          3\r\n        );\r\n\r\n      setDisplayed(\r\n        value *\r\n          eased\r\n      );\r\n\r\n      if (\r\n        progress <\r\n        1\r\n      ) {\r\n        frameRef.current =\r\n          requestAnimationFrame(\r\n            animate\r\n          );\r\n      }\r\n    }\r\n\r\n    frameRef.current =\r\n      requestAnimationFrame(\r\n        animate\r\n      );\r\n\r\n    return () => {\r\n      if (\r\n        frameRef.current !==\r\n        null\r\n      ) {\r\n        cancelAnimationFrame(\r\n          frameRef.current\r\n        );\r\n      }\r\n    };\r\n  }, [\r\n    value,\r\n    duration,\r\n  ]);\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={`fb-animated-counter ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        color,\r\n\r\n        [\"--fb-counter-accent\" as string]:\r\n          accent,\r\n\r\n        [\"--fb-counter-size\" as string]:\r\n          `${fontSize}px`,\r\n      }}\r\n    >\r\n      <span className=\"fb-animated-counter__label\">\r\n        {label}\r\n      </span>\r\n\r\n      <strong>\r\n        {prefix}\r\n\r\n        {displayed.toLocaleString(\r\n          undefined,\r\n          {\r\n            minimumFractionDigits:\r\n              decimals,\r\n\r\n            maximumFractionDigits:\r\n              decimals,\r\n          }\r\n        )}\r\n\r\n        {suffix}\r\n      </strong>\r\n\r\n      {delta && (\r\n        <small>\r\n          {delta}\r\n        </small>\r\n      )}\r\n    </div>\r\n  );\r\n}","import type {\r\n  HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./RadialProgress.css\";\r\n\r\nexport interface RadialProgressProps\r\n  extends HTMLAttributes<HTMLDivElement> {\r\n  value?: number;\r\n\r\n  size?: number;\r\n  strokeWidth?: number;\r\n\r\n  color?: string;\r\n  trackColor?: string;\r\n\r\n  animated?: boolean;\r\n\r\n  label?: string;\r\n\r\n  className?: string;\r\n}\r\n\r\nexport function RadialProgress({\r\n  value = 72,\r\n\r\n  size = 180,\r\n  strokeWidth = 10,\r\n\r\n  color = \"#9b7cff\",\r\n  trackColor = \"#24242c\",\r\n\r\n  animated = true,\r\n\r\n  label =\r\n    \"COMPLETE\",\r\n\r\n  className = \"\",\r\n  style,\r\n\r\n  ...props\r\n}: RadialProgressProps) {\r\n  const clamped =\r\n    Math.min(\r\n      100,\r\n      Math.max(\r\n        0,\r\n        value\r\n      )\r\n    );\r\n\r\n  const radius =\r\n    50 -\r\n    strokeWidth /\r\n      2;\r\n\r\n  const circumference =\r\n    2 *\r\n    Math.PI *\r\n    radius;\r\n\r\n  const offset =\r\n    circumference *\r\n    (\r\n      1 -\r\n      clamped /\r\n        100\r\n    );\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={`fb-radial-progress ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        width:\r\n          size,\r\n\r\n        height:\r\n          size,\r\n\r\n        [\"--fb-radial-color\" as string]:\r\n          color,\r\n      }}\r\n      role=\"progressbar\"\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-valuenow={\r\n        clamped\r\n      }\r\n    >\r\n      <svg\r\n        viewBox=\"0 0 100 100\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <circle\r\n          cx=\"50\"\r\n          cy=\"50\"\r\n          r={\r\n            radius\r\n          }\r\n          fill=\"none\"\r\n          stroke={\r\n            trackColor\r\n          }\r\n          strokeWidth={\r\n            strokeWidth\r\n          }\r\n        />\r\n\r\n        <circle\r\n          cx=\"50\"\r\n          cy=\"50\"\r\n          r={\r\n            radius\r\n          }\r\n          fill=\"none\"\r\n          stroke={\r\n            color\r\n          }\r\n          strokeWidth={\r\n            strokeWidth\r\n          }\r\n          strokeLinecap=\"round\"\r\n          strokeDasharray={\r\n            circumference\r\n          }\r\n          strokeDashoffset={\r\n            offset\r\n          }\r\n          className={\r\n            animated\r\n              ? \"fb-radial-progress__value fb-radial-progress__value--animated\"\r\n              : \"fb-radial-progress__value\"\r\n          }\r\n        />\r\n      </svg>\r\n\r\n      <div className=\"fb-radial-progress__content\">\r\n        <strong>\r\n          {Math.round(\r\n            clamped\r\n          )}\r\n          <small>\r\n            %\r\n          </small>\r\n        </strong>\r\n\r\n        <span>\r\n          {label}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  );\r\n}","import type {\r\n  HTMLAttributes,\r\n} from \"react\";\r\n\r\nimport \"./MetricGrid.css\";\r\n\r\nexport interface MetricItem {\r\n  label: string;\r\n  value: string;\r\n  delta?: string;\r\n  positive?: boolean;\r\n}\r\n\r\nexport interface MetricGridProps\r\n  extends HTMLAttributes<HTMLDivElement> {\r\n  accent?: string;\r\n  background?: string;\r\n\r\n  columns?: number;\r\n  radius?: number;\r\n\r\n  items?: MetricItem[];\r\n\r\n  className?: string;\r\n}\r\n\r\nconst defaultItems:\r\n  MetricItem[] = [\r\n    {\r\n      label:\r\n        \"Revenue\",\r\n\r\n      value:\r\n        \"$84.2K\",\r\n\r\n      delta:\r\n        \"+12.6%\",\r\n\r\n      positive:\r\n        true,\r\n    },\r\n\r\n    {\r\n      label:\r\n        \"Users\",\r\n\r\n      value:\r\n        \"18.4K\",\r\n\r\n      delta:\r\n        \"+8.1%\",\r\n\r\n      positive:\r\n        true,\r\n    },\r\n\r\n    {\r\n      label:\r\n        \"Conversion\",\r\n\r\n      value:\r\n        \"7.8%\",\r\n\r\n      delta:\r\n        \"+2.4%\",\r\n\r\n      positive:\r\n        true,\r\n    },\r\n\r\n    {\r\n      label:\r\n        \"Latency\",\r\n\r\n      value:\r\n        \"94ms\",\r\n\r\n      delta:\r\n        \"-11%\",\r\n\r\n      positive:\r\n        true,\r\n    },\r\n  ];\r\n\r\nexport function MetricGrid({\r\n  accent = \"#9b7cff\",\r\n  background = \"#111116\",\r\n\r\n  columns = 3,\r\n  radius = 18,\r\n\r\n  items =\r\n    defaultItems,\r\n\r\n  className = \"\",\r\n  style,\r\n\r\n  ...props\r\n}: MetricGridProps) {\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={`fb-metric-grid ${className}`}\r\n      style={{\r\n        ...style,\r\n\r\n        gridTemplateColumns:\r\n          `repeat(${Math.max(\r\n            1,\r\n            columns\r\n          )}, minmax(0, 1fr))`,\r\n\r\n        [\"--fb-metric-accent\" as string]:\r\n          accent,\r\n\r\n        [\"--fb-metric-background\" as string]:\r\n          background,\r\n\r\n        [\"--fb-metric-radius\" as string]:\r\n          `${radius}px`,\r\n      }}\r\n    >\r\n      {items.map(\r\n        (\r\n          item\r\n        ) => (\r\n          <article\r\n            key={\r\n              item.label\r\n            }\r\n          >\r\n            <span>\r\n              {\r\n                item.label\r\n              }\r\n            </span>\r\n\r\n            <strong>\r\n              {\r\n                item.value\r\n              }\r\n            </strong>\r\n\r\n            {item.delta && (\r\n              <small\r\n                className={\r\n                  item.positive ===\r\n                  false\r\n                    ? \"is-negative\"\r\n                    : \"\"\r\n                }\r\n              >\r\n                {\r\n                  item.delta\r\n                }\r\n              </small>\r\n            )}\r\n          </article>\r\n        )\r\n      )}\r\n    </div>\r\n  );\r\n}"]}

package/dist/chunk-YQSTEIU5.js.map

@@ -1 +0,0 @@
-{"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}"]}